Erscheinungsbild
FAQ-Element (Frage-Antwort-Akkordeon)
Das Element „Boutique FAQ" zeigt ein aufklappbares Frage-Antwort-Akkordeon. Es nutzt das native <details>-Element — ohne JavaScript, voll tastatur- und screenreader-tauglich — und gibt automatisch FAQPage-Strukturdaten (schema.org) aus.
Suchmaschinen und Screenreader für blinde und sehbehinderte Besucher orientieren sich an der Reihenfolge der Überschriften auf einer Seite, nicht an ihrer optischen Größe. Deshalb lässt sich bei manchen Elementen die Überschriften-Ebene gezielt einstellen.
Element einfügen
- In der Erlebniswelt eine Section anlegen und den Block „FAQ" hinzufügen.
- Im Block sitzt das Element „Boutique FAQ" — rechts öffnet sich seine Konfiguration.
Fragen pflegen
- „+ Frage hinzufügen" legt einen neuen Eintrag an.
- Pro Eintrag: Feld „Frage" (Text) und „Antwort" (Rich-Text-Editor).
- Sortieren über „Nach oben" / „Nach unten".
- Entfernen über das ✕ („Frage entfernen").
Leere Fragen sind harmlos
Einträge ohne Frage werden im Frontend nicht ausgegeben — ein versehentlich leerer Eintrag erzeugt also kein leeres Akkordeon.
Optionen
| Option | Wirkung |
|---|---|
| Nur eine Antwort offen | Öffnet man eine Frage, schließen sich die anderen (natives <details name>-Gruppieren). Aus = mehrere gleichzeitig offen. |
| Breite (Desktop) | Breite des Akkordeons im Spaltenraster: 50 / 66 / 75 / 100 %. Mobil immer volle Breite. |
| Section-Header anzeigen | Optionaler Kopf über dem Akkordeon mit Label, Headline, Link-Label und Link-URL (geteilte Ausrichtung — Text links, Link rechts). |
| Überschriften-Ebene | Legt fest, als welche Überschrift der Text im Seitenaufbau zählt (h1 bis h3). Die Schriftgröße ändert sich dadurch nicht. Faustregel: pro Seite genau eine h1 — auf Produktseiten ist das der Produktname, auf allen anderen die wichtigste Überschrift der Seite. Nur sichtbar, wenn „Section-Header anzeigen" aktiv ist. |
Was im Frontend passiert
- Jede Frage ist ein natives
<details>/<summary>mit einem+-Indikator — klappt ohne JavaScript auf und zu und ist von Haus aus barrierefrei. - Antworten werden als Rich-Text gerendert (sicher bereinigt).
- Die FAQPage-Strukturdaten spiegeln exakt die sichtbaren Fragen und Antworten (als Text) — die Grundlage für mögliche FAQ-Rich-Results in der Google-Suche.
Gut für SEO — aber ehrlich befüllen
Das FAQPage-Schema macht die Fragen maschinenlesbar. Nutze es für echte, hilfreiche Fragen rund um das Produkt/Sortiment, nicht für Marketing-Floskeln — Google kann Rich-Results bei missbräuchlicher Nutzung entfernen.
Im Schema steht nur Text
Bilder oder Buttons in einer Antwort erscheinen im sichtbaren Akkordeon, werden aber nicht in die Strukturdaten übernommen (dort steht nur der Text).