Text via CSS (und ohne display:none) verstecken

Am 8. Mai 2009 von Tom unter "Templateprogrammierung" veröffentlicht.

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

Artikel via RSS Feed abonnieren
Artikel via Twitter abonnieren
Artikel via Facebook abonnieren

Letzte Artikel

Lösung, wenn WordPress im Wartungsmodus hängen bleibt
Admin Bar im Front-End deaktivieren
Ausgabe in Abhängigkeit von vorhandenem Inhalt des Posts
Link-Tipp: WordPress und SSL
Login-URL vereinfachen
Größe von eingebetteten Medien anpassen
WordPress Linkmanager (Blogroll) wieder aktivieren
Login-Versuche mit „Limit Login Attempts“ begrenzen
Beiträge und Seiten duplizieren
Tumblr-Beiträge importieren
Laden von NextGEN Gallery Javascripten deaktivieren

Kommentare

Petzi bei WordPress Linkmanager (Blogroll) wieder aktivieren
Andre bei Kommentar-Feed deaktivieren
Sven bei Ausgabe in Abhängigkeit von vorhandenem Inhalt des Posts
Stefan bei Beiträge und Seiten duplizieren
Stefan bei Größe von eingebetteten Medien anpassen