Unsere Mission:


Barrierefrei und für (KI-)Such­ergebnisse optimiert: WordPress FAQ-Accordion

FAQ-Blöcke auf Websites sind schon seit einigen Jahren wichtig für die Suchmaschinen­optimierung (SEO), zeigen sie doch fachliche Expertise auf und werden als sehr kundenfreundlich angesehen, da der Website­betreiber sich hier mit häufigen Fragen seiner Kunden auseinander setzt und/oder tieferen Einblick in seine spezifischen Themen gewährt. Für die Generative Engine Optimization (GEO) sind FAQs jetzt noch bedeutsamer.

In der GEO werden Inhalte so optimiert, dass sie von generativen KI-Modellen besser erkannt, verstanden und in einen Kontext gesetzt werden können. Hierbei helfen unter anderem – für den Nutzer nicht sichtbare – strukturierte Daten (structured data) im Kopf der Website. Das Yoast SEO-Plugin, welches wir in allen WordPress-Projekten einsetzen, bringt von Haus aus einen Schema-FAQ-Block mit, der die häufig gestellten Fragen auch als strukturierte Daten ausgibt. Dieser Block ist allerdings in mehrerer Hinsicht nicht optimal aufgebaut, weswegen wir ihn in einigen Punkten angepasst haben. In unseren nächsten Wordpress-Projekten ist dieses Element automatisch integriert.

Was sind die Probleme des nativen Yoast SEO FAQ-Blocks?

  • semantische Probleme:
    Die Fragen werden nur als fetter Text (<strong>) anstelle einer Überschrift ausgegeben. Dies ist für die Barrierefreiheit nicht hilfreich, da unterstützende Technologien die Seite oftmals nach Überschriften aufgliedern und diese Nutzer so keinen Zugang zu den Fragen erhalten.

  • Darstellung nur als Textblock:
    Optisch macht das Element auch nicht viel her; es sind einfache Textblöcke, die untereinander dargestellt werden. In der Praxis hat sich für FAQ-Elemente aber die Darstellung als Accordion bewährt und durchgesetzt, die Fragen sind so übersichtlich untereinander angeordnet und die gewünschte Antwort kann ausgeklappt werden.

Wie haben wir diese Probleme gelöst?

Wir lassen nun einerseits die Fragen als Überschriften ausgeben und haben andererseits die Darstellung als barriere­freies Accordion inklusive aller benötigter Informationen wie role, aria-expanded und aria-controls umgesetzt. All dies erledigen optimierte Code-Zeilen, was unsere Anpassungen sehr leichtgewichtig und damit nachhaltig macht.

Wie erscheint meine Website in KI-Such­ergebnis­sen?

Kurz gesagt: es kann nicht kurz gesagt werden. ;-)
Viele Faktoren wie der Aufbau und die auf einer Website angegebene Expertise, Testimonials, Use Cases und natürlich auch Technisches wie Ladezeiten, HTML-Struktur und ein optimales Responsive Design tragen dazu bei, für KIs als verlässliche Quelle zu gelten, was die Wahrschein­lichkeit erhöht, in generierte Antworten mit einzufliessen.

Suchmaschinen wie auch LLMs (Large Language Models, gemeinhin "KI" genannt) greifen gerne auf strukturierte Daten zurück um ihre Antworten zu generieren, da diese für sie besser verständlich sind. Genau hier haken wir mit dem neuen FAQ-Accordion-Block ein und geben die Fragen und Antworten des Elements mit im Schema-Markup aus, in dem bereits viele Informationen, unter anderem eine Beschreibung der Seite, Kontakt­informationen und das Logo der Website oder Firma enthalten sind.

Teilen Sie diese Mission gerne, wenn sie Ihnen gefällt!