Eigene FAQ-Beispiele zum Live-Bearbeiten: native Akkordeons, gruppierte und durchsuchbare FAQs, ein barrierefreies Toggle-Muster und was FAQPage-Markup 2026 noch bewirkt.
Eine nützliche FAQ-Seite beantwortet die Fragen, die Kunden dir wirklich schicken, nach Themen gruppiert und mit der Antwort schon im ersten Satz. Nutze die nativen Elemente details und summary für ein Akkordeon, das ohne Skripte funktioniert, ergänze ab etwa zwanzig Fragen eine Suche und verlinke auf ausführlichere Hilfe, wenn eine Antwort mehrere Schritte braucht.
Wähle das FAQ-Layout nach Umfang
FAQ-Sammlungen verweisen meist auf die Hilfecenter anderer Firmen. Hier ist jedes Layout für ein erfundenes Unternehmen in einfachem HTML gebaut, mit einer funktionierenden Such-Demo. So kannst du die Struktur kopieren und mit den Fragen deiner eigenen Kunden füllen.
Echte Fragen von Kunden, kurze direkte Antworten, Themengruppen, die zu der Art passen, wie Leute über deinen Service denken, und eine Kontaktmöglichkeit, wenn die Antwort fehlt. Sie sollte aktualisiert werden, sobald dieselbe neue Frage zweimal eintrifft.
Für die meisten Websites nicht. Google hat FAQ-Rich-Results 2023 auf bekannte Behörden- und Gesundheitswebsites beschränkt, und laut Dokumentation erscheint die Funktion ab dem 7. Mai 2026 nicht mehr in der Google-Suche. Das Markup ist weiterhin gültiges schema.org, behalte es also nur, wenn es zum sichtbaren Inhalt passt.
Pack jede Frage samt Antwort in ein details-Element, mit der Frage innerhalb von summary. Browser übernehmen Öffnen, Schließen und Tastaturbedienung. Bekommt jedes details dasselbe name-Attribut, bilden sie eine exklusive Gruppe, in der das Öffnen eines Elements die anderen schließt.
Beides. Setz die zwei oder drei Fragen, die eine Entscheidung blockieren, direkt neben das, worum es geht, etwa Versandfragen auf die Produktseite, und halte die vollständige Liste auf einer FAQ-Seite, die im Footer verlinkt ist.
Nutze für jede Frage einen echten Button, setze aria-expanded passend zum Zustand der Antwort auf true oder false und verweise optional mit aria-controls auf die Antwort. Enter und Leertaste schalten ihn dann um, wie im WAI-ARIA-Disclosure-Muster beschrieben.
details und summary brauchen kein Skript. Das gemeinsame name-Attribut schließt die offene Antwort, wenn eine andere geöffnet wird.
Mit Überschriften springen Leute direkt zu ihrem Thema. Die letzte Zeile bietet einen Ausweg, wenn die Antwort fehlt.
Bei nur einer Handvoll Fragen kostet das Verstecken der Antworten Klicks ohne Nutzen. Eine Definitionsliste hält Frage und Antwort zusammen.
Nimm nur Fragen auf, die mit denselben Worten auf der Seite stehen. Für die meisten Websites ändert das nicht mehr, wie das Ergebnis in Google aussieht.
Tippe ein Wort wie vegan, Anzahlung oder Lieferung ein. Die Liste wird beim Tippen kürzer und zeigt, wie viele Antworten passen. So bleibt auch eine lange FAQ benutzbar.
Bestellungen
Fünf Tage für die meisten Torten und zwei Wochen für Stufentorten.
Bestellungen
Ja, bis 48 Stunden vor der Abholung. Antworte einfach auf deine Bestätigungs-E-Mail.
Bestellungen
Ja, werktags zwischen 9 Uhr morgens und 3 Uhr nachmittags.
Lieferung
Ja, im Umkreis von 8 Meilen um den Laden, zu einer Pauschale, die an der Kasse angezeigt wird.
Lieferung
Die Abholung beginnt an jedem Öffnungstag um 7:30 Uhr.
Lieferung
Der Fahrer ruft dich an und bringt die Bestellung dann zur Abholung zurück in den Laden.
Ernährung
Ja, aber es wird in derselben Küche wie Weizenprodukte gebacken und ist daher nicht für Menschen mit Zöliakie geeignet.
Ernährung
Drei unserer Kuchen sind vegan und auf der Karte gekennzeichnet.
Ernährung
Jedes Etikett listet die Allergene auf, und das Personal kann dir die vollständige Übersicht zeigen.
Zahlung
Alle gängigen Debit- und Kreditkarten sowie Zahlungen per Handy.
Zahlung
Für Festtagstorten ist bei der Bestellung eine Anzahlung von 50 Prozent fällig.
Zahlung
Anzahlungen werden vollständig erstattet, wenn du 72 Stunden oder mehr vor der Abholung stornierst.
Die FAQ der Bäckerei durchsuchen
Nach Thema filtern
Alle
{n} Antwort passt
{n} Antworten passen
Kein Treffer. Eine echte FAQ sollte hier einen Kontaktlink anbieten.
Kostenlos starten · Keine Kreditkarte nötig