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 Core-Plugins für den Import von Inhalten
- Erstes Wartungsrelease für WordPress 3.0 erschienen
- Custom Header in BuddyPress per wp-config deaktivieren
- RSS Character Fixer gehebt Fehler in BuddyPress-Feed
- Buttons im TinyMCE-Editor ohne Plugin ausblenden
- BuddyPress 1.2.5 ist am Start
- Seiten und Artikel nur für deren Autoren sichtbar machen
- WordPress 3.0 ist verfügbar!
- Mobile Version des eigenen WordPress-Blogs bereitstellen
- Schlagwort-Beschreibung in Template einbinden
- Happy Birthday, WordPress!
Kommentare
- Sebastian bei Memory Limit erhöhen und PHP5 aktivieren
- Gerd P bei JavaScripte mit WordPress-Funktion einbinden
- Webnews #17: jQuery, Social-Media & Beeren | Andi Licious' Blogosphäre bei RSS Character Fixer gehebt Fehler in BuddyPress-Feed
- Memory Limit – ist der Chaos-Blog schon am Ende? | Chaosweib's Chaos-Blog bei Memory Limit erhöhen und PHP5 aktivieren
- S bei YouTube-Videos über oEmbed in validem XHTML einbinden
Kategorien
- Allgemein (41)
- Browserspezifisches (4)
- BuddyPress (21)
- Konfiguration (20)
- Off-Topic (8)
- Performance-Optimierung (9)
- Plugins (36)
- Templateprogrammierung (36)
- Twitter (4)