Neues Tool: Ausklappbare Elemente SEO-freundlich realisieren

  Marcel Sarman in OnPage SEO am 24. Februar 2026

Mit den HTML-Elementen <summary> und <details> erstellen Sie aufklappbare Inhalte ohne zusätzliches JavaScript. Auch die auf dem Bildschirm nicht sichtbaren Texte stehen bei dieser Variante im HTML-Quelltext. Suchmaschinenbots indexieren dann sämtliche Inhalte und nicht nur die im Moment sichtbaren.

• Vorteile von ausklappbaren Elementen
• Erklärung von details und summary
• HTML details verändern

Vorteile von ausklappbaren Elementen

• Ausklappbare Elemente (Akkordeons) verbessern die Usability. So vermitteln Sie komplexe Inhalte, ohne Ihre User zu überfordern.
• Das Ausblenden nicht für alle Nutzer relevanter Informationen spart (insbesondere auf Smartphones) wertvollen Platz. Ihre Seite bleibt übersichtlich und leicht bedienbar.
• Ausklappbare Elemente verbessern die Übersichtlichkeit und Scanbarkeit Ihrer Texte. Ihre User erhalten so einen besseren Überblick. Die Nutzerzufriedenheit steigt.
• Die für die Allgemeinheit wirklich wichtigen Punkte gewinnen an Bedeutung, ohne dass Experten auf die zusätzlichen Informationen verzichten müssen.
• Durch ausklappbare Elemente gut strukturierte Texte erhöhen die Verweildauer und verbessern Ihre Suchmaschinenrankings.
• Typische Anwendungsfälle:
  • Codeschnipsel
  • technische Produktdaten
  • FAQs

Erklärung von details und summary

Unter summary steht der angezeigte Text, während sich unter details die momentan ausgeblendeten Textabschnitte befinden.

Durch diese Umsetzung

• minimieren Sie Ihren Quellcode
• nutzen Sie semantisches HTML
• verzichten Sie auf überflüssiges JavaScript

Nutzen Sie unseren Generator für ausklappbare Elemente und erzeugen Sie HTML-Akkordeons. So klappen Sie Ihre Inhalte platzsparend ein- bzw. aus. Das Dreieck neben dem aufgeklappten Text zeigt dabei den Status (offen bzw. geschlossen) an.
Im unteren Beispiel sehen Sie HTML-Code für eingeklappte Elemente.

HTML details verändern

Standardmäßig ist der ausklappbare Text nicht sichtbar. Sie haben allerdings auch die Möglichkeit den Text durch das Attribut open im Ausgangszustand anzuzeigen.

 
Das name Attribut ermöglicht es Ihnen, dass jeweils nur ein Text zu sehen ist, wenn Sie mehrere zusammenhängende aufklappbare Inhalte hintereinander haben. Ist also das erste Element aufgeklappt und Sie klappen die zweite Antwort auf, dann klappt das erste Element automatisch wieder zu.

Über Marcel Sarman

IT-Abteilung

Marcel Sarman betreut die ABAKUS Website und entwickelt sie weiter. Er ist unser Experte für HTML5, CSS3 und WordPress und schreibt Beiträge für unsere Seite.
Alle Artikel von: Marcel Sarman