Im Backend Deines CMS warten oft mehr als zwanzig Inhaltselemente auf den Einsatz. Im Alltag nutzt Du davon meistens drei: Text, Text+Bild, vielleicht eine Liste. Der Rest schlummert in der Auswahlbox und wird hier und da spontan gegriffen, wenn ein Block „mal anders aussehen soll".
Dabei lösen vier dieser Bausteine sehr unterschiedliche Probleme. Teaser, Zitat, Testimonial und Akkordeon sind keine Deko-Varianten, sondern haben jeweils eine klare Funktion. Wer sie auseinanderhält, baut Seiten, die Leser durchgehen, statt sie nur zu überfliegen.
Dieser Beitrag ordnet die vier Inhaltselemente, gibt jedem einen Zweck und ein Beispiel und endet mit einer Faustregel: nicht jedes Element überall, sondern jedes Element an seinem Platz.
Was ein Teaser leistet
Ein Teaser ist ein Anriss-Text, der auf einen größeren Inhalt verweist. Er steht außerhalb dieses Inhalts, etwa in einer News-Liste, einem Startseiten-Block oder einer Sidebar, und führt den Leser dorthin. Sein Ziel ist Aufmerksamkeit und Klick, nicht Information.
Typische Einsatzorte: die Anrisstexte in einer Beitrags-Übersicht, der Kurzhinweis auf einen Workshop in der Sidebar, ein Block auf der Startseite, der zum Hauptbereich „Leistungen" führt. In allen drei Fällen ist der Teaser kürzer als der Zielinhalt und hört bewusst vor der Pointe auf.
Wichtig ist die Abgrenzung zum Einleitungs-Absatz. Eine Einleitung gehört zum Inhalt selbst und führt in den Beitrag ein, den Du gerade liest. Ein Teaser zeigt von außen auf einen anderen Inhalt. Deshalb funktionieren beide nach unterschiedlichen Regeln: Die Einleitung darf ausführlich sein, der Teaser muss knapp bleiben.
Das Zitat als Stilmittel
Ein Zitat im technischen Sinn ist ein <blockquote>, also ein eigener HTML-Block, der einen Text als fremde oder hervorgehobene Aussage markiert. Der Zweck: eine Passage betonen, eine Quelle sichtbar machen, einer Stelle mehr Gewicht geben als der umgebende Text.
Sinnvoll ist ein Zitat, wenn Du eine Aussage von außen einbringst: ein Satz aus einem Fachartikel, ein Statement eines Branchenexperten, eine prägnante Passage aus einem Kundengespräch, die einen Punkt belegt. Die Hervorhebung sagt: hier spricht jemand anderes, oder hier steht etwas, das ich besonders zeigen will.
Was nicht ins Zitat gehört: Eigenwerbung. Wenn Du selbst „Wir liefern erstklassige Qualität" als Zitat-Block setzt, wirkt das selbstreferenziell. Das Zitat lebt von der Distanz zwischen Stimme und Inhalt. Eigene Werbeaussagen passen besser in normale Absätze oder in einen Call-to-Action.
Testimonials — Vertrauen aus dritter Hand
Ein Testimonial ist die Aussage einer realen Person über Dich, Dein Produkt oder Deine Arbeit. Im deutschen Sprachgebrauch heißt es schlicht Kundenstimme. Der Zweck: Vertrauen aufbauen, bevor jemand anfragt.
Vor jeder Anfrage prüft ein Interessent unterschwellig dieselbe Frage: passt das, ist der zuverlässig, hat der schon Vergleichbares gemacht? Eine eigene Werbeaussage beantwortet das nur teilweise, weil der Anbieter selbst sagt, dass er gut ist. Ein Testimonial verschiebt die Stimme: jemand anders bestätigt es. Diese Verschiebung wirkt als Risiko-Reduktion.
Ein gutes Testimonial enthält drei Dinge: einen Namen, idealerweise ein Foto, und eine konkrete Aussage. Anonyme „Frau S. aus M." schwächen die Wirkung, weil sie nicht überprüfbar sind. Wenn Du tiefer einsteigen willst, lies, wie sich echte Kundenstimmen auch auf das Ranking auswirken.
Das Akkordeon — Inhalte aufklappbar machen
Ein Akkordeon (auch Aufklapper genannt) ist eine Liste mit ein- und ausklappbaren Sektionen. Der Leser sieht zunächst nur die Überschriften, klickt eine an und bekommt den darunter liegenden Inhalt sichtbar. Der Zweck: viel Inhalt auf wenig sichtbarem Raum unterbringen, ohne dass die Seite endlos lang wird.
Sinnvoll ist das Akkordeon, wenn der Leser auswählen muss, was ihn betrifft. Eine FAQ-Sektion auf einer Leistungsseite ist der Klassiker: zwölf Fragen, jeder Leser interessiert sich für zwei. Auch Detail-Optionen einer Produktbeschreibung (Material, Maße, Pflegehinweise) eignen sich, weil sie nicht alle gleichzeitig nötig sind.
Was nicht ins Akkordeon gehört: Kerninhalte. Wenn Deine zentrale Botschaft erst nach einem Klick erscheint, wird sie von der Hälfte der Leser nie gesehen. Studien zur Lesbarkeit zeigen seit Jahren dasselbe Muster: was zugeklappt ist, wird selten geöffnet. Faustregel: alles, was wichtig ist, gehört offen sichtbar.
Wann welches Element — die Faustregel
Die vier Elemente lassen sich als Mini-Matrix zuordnen:
- Teaser: für Übergänge. Eine Liste oder Sidebar verweist auf einen Hauptinhalt.
- Zitat: für Belege. Eine Aussage von außen stützt einen Punkt.
- Testimonial: für Vertrauen. Der Leser soll Risiko abbauen, bevor er handelt.
- Akkordeon: für Tiefen-Inhalte. Der Leser wählt selbst aus, was ihn betrifft.
Eine typische Leistungsseite eines Dienstleisters nutzt alle vier am richtigen Platz: Teaser-Blöcke auf der Startseite leiten zu den Detailseiten, ein prägnantes Zitat eines Branchenkollegen stützt die Methodik, ein Testimonial-Block mit Foto und Name kommt vor dem Kontaktformular, ein Akkordeon mit FAQ steht ganz unten für die Detailfragen. Jedes Element trägt etwas Eigenes bei.
Beim nächsten Webseiten-Grundcheck kannst Du Deine Seite genau gegen diese Matrix legen. Stehen die richtigen Elemente an den richtigen Stellen, oder klemmen Kerninfos im Akkordeon und füllen Zitate die Seitenränder?
Was Du beim Einsatz vermeiden solltest
Vier häufige Fehler tauchen immer wieder auf, wenn Inhaltselemente austauschbar verwendet werden:
- Teaser ohne Ziel: ein Anriss-Text, der nirgendwo hinverlinkt, ist nur ein abgeschnittener Absatz. Jeder Teaser braucht ein klares Click-Ziel.
- Zitate als Filler: ein Zitat-Block, der nur den vorigen Absatz wiederholt, fügt nichts hinzu. Ein Zitat lohnt sich, wenn die Aussage von außen kommt oder bewusst hervorgehoben werden soll.
- Anonymisierte Testimonials: ohne Name und Foto werden sie als ausgedacht gelesen. Lieber ein einziges echtes Testimonial mit voller Quelle als drei anonyme.
- Akkordeons mit Kerninfos: wenn der Hauptnutzen erst nach einem Klick erscheint, geht er für viele Leser verloren. Das Akkordeon ist für Detail-Schichten gedacht, nicht für die Botschaft.
Die Fehler haben eines gemeinsam: das Element wird als Schmuck gewählt, nicht als Werkzeug. Sobald Du die Funktion zuerst denkst und das Element danach, lösen sich die meisten dieser Probleme von allein.
Fazit — Element vor Schmuck
Teaser, Zitat, Testimonial und Akkordeon sehen im Backend wie vier Optionen unter vielen aus. Tatsächlich beantworten sie vier verschiedene Fragen: Wie führe ich den Leser zu einem Inhalt? Wie belege ich eine Aussage? Wie baue ich Vertrauen auf? Wie gebe ich Tiefen-Infos, ohne die Seite zu überfrachten?
Wer diese vier Fragen beim Pflegen einer Seite mitdenkt, wählt das Element, das die Frage beantwortet, statt das Element, das gerade visuell reizvoll erscheint. Das ist der Unterschied zwischen einer Seite, die durchgelesen wird, und einer, die wie ein Showroom voller Bausteine wirkt. Strategisch eingesetzt, trägt jeder Baustein etwas. Falsch platziert, blockiert er den Inhalt, den er tragen sollte.