Widget „Accordion"

Widget-Kategorien: Basis

Mit dem Accordion-Widget finden deine Besucher genau die Informationen, die sie suchen, ohne sich durch Inhaltsblöcke zu scrollen, die sie gar nicht interessieren. Sie sehen stattdessen eine Liste mit Fragen oder Titeln und öffnen nur die Punkte, zu denen sie mehr lesen möchten. So baust du kompakte, übersichtliche FAQs, Produkt-Highlights oder eine Übersicht anstehender Veranstaltungen.

Dynamische Inhalte: Dieses Widget kann per Inline Binding auch dynamische Seiten sowie bestimmte Informationen aus einer Collection anzeigen.

Informationen zum Hinzufügen von Widgets findest du unter „Elemente hinzufügen".

Inhalte bearbeiten

Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option zum Bearbeiten der Inhalte.

Einrichtungsoptionen des Accordions

• Artikel. Klicke auf einen Eintrag, um seinen Inhalt zu bearbeiten, klicke auf das Duplizieren-Symbol, um einen Eintrag zu duplizieren, oder klicke auf Artikel hinzufügen.
• Anzeigeregeln.
  • Jeweils ein erweitertes Element anzeigen Lege fest, ob deine Besucher jeweils nur einen Eintrag öffnen können oder mehrere Einträge gleichzeitig geöffnet lassen dürfen.
  • Erstes Element erweitert anzeigen. Lege fest, ob der erste Eintrag geöffnet angezeigt wird oder ob zu Beginn alle Einträge geschlossen sind.
• SEO.
  • FAQ-Schema aktivieren. Aktiviere diese Option, um pro Seite einmal ein FAQ-Schema-Markup zu erzeugen. Ob dein Schema korrekt erzeugt wurde, prüfst du mit einer Vorschau über den Rich Results Test.

Einstellungen und Optionen einzelner Einträge

• Textueller Inhalt. Titel bzw. Frage und Beschreibung.

  Hinweis: Das lange Textfeld bietet verschiedene Optionen zur Textformatierung, etwa Kursiv, Fett oder Unterstreichen.

• Button. Möchtest du keinen Button anzeigen, klicke auf das Augen-Symbol, um ihn auszublenden.

• Media (Bild oder Video). Füge die gewünschten Medien hinzu. Wähle Medien hinzufügen, um die Medienbibliothek zu öffnen.

• Alt-Text. Sobald ein Medium hinzugefügt ist, erscheint ein Feld für den Alt-Text. Gib dort deinen eigenen Alt-Text ein. Wiederhole das für jedes einzelne Medium im Accordion, oder klicke auf All Alt Text, um den Alt-Text aller Bilder der Website anzusehen und zu verwalten.

Für Accordion-Widgets, die vor Februar 2024 zur Website hinzugefügt wurden

• Artikel. Klicke auf einen Eintrag, um Titel, Description und Titel-Überschriftstyp einzustellen. Über die Überschriften-Tags erkennen Suchmaschinen deinen Text leichter. Für den Titel-Überschriftstyp empfehlen wir H3.
• Titel-Symbol. Je nach gewähltem Layout hat dein Accordion-Widget möglicherweise ein Titel-Symbol. Das Titel-Symbol steht neben dem Titel eines Eintrags und kann sich von Eintrag zu Eintrag unterscheiden. Zum Beispiel möchtest du vielleicht ein Uhr-Symbol neben deine Veranstaltungszeit setzen oder ein Geld-Symbol neben einen Preis-Eintrag.
• Erstes Element erweitert anzeigen oder Only show one item expanded. Im Inhalts-Editor kannst du außerdem festlegen, ob beim ersten Öffnen des Widgets die Inhalte aller Einträge verborgen bleiben oder nur der erste Eintrag angezeigt wird. Zusätzlich legst du fest, ob Besucher jeweils nur einen Eintrag öffnen können oder mehrere Einträge gleichzeitig geöffnet lassen dürfen.
• FAQ-Schema-Markup generieren. Aktiviere diese Option, um pro Seite einmal ein FAQ-Schema-Markup zu erzeugen. Ob dein Schema korrekt erzeugt wurde, prüfst du mit einer Vorschau über den Rich Results Test.

Design bearbeiten

Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option zum Bearbeiten des Designs.

Hier findest du unter anderem folgende Bereiche und Einstellungen:

• Layouts. Klicke auf die Layout-Miniatur, um ein Layout auszuwählen.
• Title:
  • Wähle den Überschriftentyp (h1 bis h6 stehen zur Verfügung) und gestalte den Text nach Wunsch.
  • Gestalte die Titelleiste nach Wunsch (Hintergrund und Rahmen).
• Erweiterungssymbol. Das Symbol selbst lässt sich nicht ändern, aber du kannst seine Elemente anpassen, etwa Größe und Farbe einstellen oder den Hintergrund verändern.
• Medien. Enthalten die Inhalte der Accordion-Einträge Bilder, richtest du sie hier ein.
• Frame. In diesem Bereich findest du verschiedene Einstellungen, unter anderem den Abstand zwischen den Einträgen.

Informationen zu Design-Optionen, die nicht speziell zu diesem Widget gehören (zum Beispiel Layout, Stil oder Abstände), findest du unter „Widget Design".

Hinweis:

• Änderst du das Layout des Accordion-Widgets, werden einige deiner Einstellungen möglicherweise überschrieben (zum Beispiel der Abstand zwischen den Einträgen). Prüfe nach dem Bearbeiten des Widgets alle Einstellungen und richte alles neu ein, was nach dem Layout-Wechsel fehlt.
• Achte darauf, dass deine Design-Einstellungen pro Gerät korrekt sind. Wie üblich werden Einstellungen wie Abstände (des gesamten Widgets und einzelner Einträge), Breite und mehr pro Gerät festgelegt.