Der Einsatz des "details"-Tags aus HTML5 für das Auf- und Zuklappen von Inhalten auf Webseiten ist aus Sicht Googles gleichwertig mit anderen Methoden und kann verwendet werden.
Das Auf- und Zuklappen von Texten ist eine beliebte Technik, um Webseiten übersichtlicher zu machen. Vor allem auf mobilen Webseiten lässt sich auf diese Weise wertvoller Platz sparen. Dabei sollte man wissen, dass Google derzeit zugeklappte Texte noch ein wenig geringer wertet als die sichtbaren Texte.
Das wird sich aber mit dem neuen Google-Index ändern: Inhalte, die zum Beispiel erst nach dem Klick auf einen Tab erscheinen, erhalten zukünftig volles Gewicht.
Technisch gesehen gibt es viele Möglichkeiten, Texte ausklappbar zu gestalten. Eine dieser Techniken ist das <details>-Tag in HTML5. Auf einfache Weise kann man mit diesem Tag den gewünschten Effekt erzielen.
Das nachfolgende Beispiel zeigt den Gebrauch des Tags:
<details>
<summary> Zusammengassung </summary>
<p> Hier steht der erweiterte Text, der aufgeklappt werden kann</p>
</details>
Johannes Müller hat jetzt auf Twitter bestätigt, dass man das Tag ohne Probleme nutzen kann. Es sei gleichwertig zur Anweisung "display:none":
Man sollte aber beachten, dass das "details"-Tag nicht vom Internet Explorer unterstützt wird.
Titelbild © jamdesign - Fotolia.com