Text via CSS (und ohne display:none) verstecken
Manchmal möchte man bestimmte Textbereiche per CSS ausblenden, z.B. um innerhalb einer Überschriften-Hirachie die h1-Überschrift mit dem Allgemeinen Titel des Blogs unsichtbar zu machen, da meistens eh ein Logo zum Einsatz kommt. Dennoch ist es sinnvoll, die h1-Überschrift im Code zu belassen, um eine logische Struktur z.B. in der Druckversion zu gewährleisten.
Ein stumpfes Ausblenden mit “display:none;” kann dazu führen, dass Google den Inhalt der Überschrift nicht mehr indexiert. Es ist besser “text-indent” mit einem negativen Wert zu nutzen:
h1 {
text-indent:-9999px;
}
Tags: CSS
Dein Kommentar:
Suche
Blog abonnieren
Letzte Artikel
- WordPress 3.2 veröffentlicht
- WordCamp 2011 in Köln
- WPToolbox auf Facebook
- Links im Aktivitätsstream von BuddyPress entfernen
- WordPress 3.0.4 schließt kritische Sicherheitslücke
- Sicherheitsupdate WordPress 3.0.2 draußen
- Originalbilder nach Upload automatisch verkleinern
- Miniaturbild für das Posten von Links bei Facebook festlegen
- Artikel- und Seitentitel ohne Leerzeichen ausgeben
- Import von WordPress-Links
- WordPress Core-Plugins für den Import von Inhalten
Kommentare
- Tom bei Performance-Tuning via .htaccess und mod_deflate
- Vitaliy bei Performance-Tuning via .htaccess und mod_deflate
- Andy bei Performance-Tuning via .htaccess und mod_deflate
- tgngoc bei Memory Limit erhöhen und PHP5 aktivieren
- Manuel bei Miniaturbild für das Posten von Links bei Facebook festlegen
Kategorien
- Allgemein (47)
- Browserspezifisches (4)
- BuddyPress (22)
- Konfiguration (20)
- Off-Topic (9)
- Performance-Optimierung (9)
- Plugins (37)
- Templateprogrammierung (37)
- Twitter (4)