Elemente für eine übersichtliche Seite

Es kann schnell passieren, dass Ihre Unterseite einen informativen, aber viel zu langen Fließtext beinhaltet – und den liest dann leider (fast) niemand. Durch verschiedene Seitenelemente können Sie dafür sorgen, dass die Seite trotz vieler Informationen übersichtlich bleibt. Wechseln Sie kurze Fließtexte gerne ab durch

  • Bullet-Points mit stichwortartigen Informationen
  • Zwischenüberschriften
  • Einzelne fettgedruckte Worte
  • Rot hervorgehobene Worte, auf die man klicken kann und hinter denen sich ein Link zu anderen Webseiten/Unterseiten oder Dateien verbirgt

In der Marginalspalte (links) oder hier im "Inhaltsbereich" werden nun beispielhaft weitere Strukturierungselemente dargestellt.


Bilder und Videos

Durch die Wiedergabe dieses Videos speichert YouTube möglicherweise persönliche Daten, wie Ihre IP-Adresse.
Optional Bildtext hinzufügen. Bei urheberrechtlich geschützten Bildern bitte ©Lizenz/Fotograf angeben.

Bilder oder Videos helfen, eine Seite optisch ansprechend zu machen. Außerdem können sie durch ihre Inhalte einen Mehrwert bieten (z.B. bildliche Darstellung von Statistiken). Bilder/Videos können im Inhaltsbereich in Seitenbreite (wie das Keyvisual oben) oder in halber Größe mit Text seitlich daneben eingefügt werden. Verwendbar sind querformatige Bilder (jpg- oder png-Dateien) und Videos (Youtube-Links).

Das ist ein Akkordeon

Für was sind Akkordeon-Elemente gedacht?

Akkordeons ermöglichen es, hinter einer Überschrift oder Frage detailliertere Zusatz-Informationen zu hinterlegen, die sich bei einem Klick ausklappen. Das spart Platz und macht die Gesamt-Seite übersichtlicher, ohne auf wichtige Zusatzinformationen verzichten zu müssen.

Geeignete Informationen für Akkordeons sind z.B.

  • Antworten auf häufig gestellte Fragen zum Thema (Q&A)
  • Aufzählungen/Listen mit weiterführenden Links oder Dateien
  • Nebensächliche Informationen, z.B. Gründungsjahr/Gründungsgeschichte, Aufzählung der Förderer, etc.

Die Informationen können nur in Textform dargestellt werden. Aber auch innherhalb der jeweiligen Ausklapp-Elemente können Sie durch Zwischenüberschriften, Fettdruck, rot hervorgehobene Links etc. für Übersichtlichkeit im Text sorgen.

Was können Akkordeon-Elemente nicht?

In Akkordeon-Elementen ist es technisch nicht möglich, folgende Elemente unterzubringen:

  • Bilder und Videos
  • Download-Teaser (aber Verlinkungen für Downloads gehen)
  • Text-Media-Teaser

Wie viele Ausklapp-Elemente sollte mein Akkordeon haben?

Damit ein Akkordeon nicht fehl am Platz aussieht, sollte es mindestens drei Ausklapp-Elemente beinhalten.

Dies ist ein Text-Media-Teaser

Prägnante Überschrift

Ein T-M-Teaser beinhaltet eine Überschrift, ein Bild, manchmal einen kurzen Text und einen Link zu einer wichtigen thematisch verwandten Unterseite. I. d. R. stehen zwei T-M-Teaser nebeneinander.

Zur Anleitung
Dies ist ein Text-Media-Teaser

Prägnante Überschrift

T-M-Teaser werden vor allem wie ein Inhaltsverzeichnis auf den übergeordneten Abteilungs- und Themenseiten verwendet, um auf die jeweiligen (inhaltlichen Mehrwert bietenden) Unterseiten zu verlinken.

Zur Unterseite