Wirkt sich ein Akkordion-Layout negativ im SEO aus?

[Rapunzel-256]

Gerade bei Webseiten wie FAQ macht es meiner Ansicht nach Sinn, den Besucher nicht mit z.B. 20 FAQ-Fragen und zu jeder recht umfassende Texte zu erschlagen. Gerade heutzutage liest das ja keiner mehr.

Wenn ich aber die Fragen als Titel in einem Akkordion anzeige, werden ja beim Aufbau der Webseite erst mal alle Fragen "geschlossen" angezeigt und somit stehen die Antworten zu den FAQ-Fragen ja als "display=none" dort. Werden diese Texte dann dennoch von Suchmaschinen erfasst, so als ob der Text normal angezeigt würde?

Falls das Nicht-Anzeigen des Textes ungünstig wäre für SEO, was wäre dann eine sinnvollere und erfolgversprechendere Lösung für das Textlayout einer FAQ-Seite?

[nerd]

Du brauchst kein Akkordion. Du kannst genauso gut oben als Inhaltsverzeichnis alle Fragen nacheinander auflisten, und dann alle per seiteninternem link (href="#frage1") auf die entsprechende Stelle weiter unten auf der Seite verlinken.

[Rapunzel-256]

Vielen Dank @nerd – Für das Accordion sehe ich nun deinen Vorschlag als Lösung.

Ich habe aber vergessen zu fragen: Das ziemlich gleiche Problem habe ich in meinem Webdesign hinsichtlich der Navigation.: Hier verwende ich ausschließlich ein Mobile-Menü (Sandwich-Button), über den dann ein bis dahin verborgenes Menü heraus klappt und die Menüpunkte dann sichtbar werden. Wie ich im HTML-Code gesehen habe, werden auch hier – ähnlich wie beim Accordion – die einzelnen Menüpunkte einfach als "display = none" unsichtbar gemacht.
Ich hatte schon überlegt, ob Breadcrumbs eine Lösung darstellen könnten. Das klappt aber bei einer Website nicht, weil alle Seiten in einer Ebene liegen und bei der anderen Website nicht, weil zahlreiche Beiräge / Artikel unter ein und demselben Menüpunkt zu finden sind (Kategorie -> Blog-Layout).
Immerhin habe ich beiden Websites ein "Inhaltsverzeichnis" spendiert, also einen Menüpunkt, über den dieses dargestellt wird.

Bei den Mobile-Menüs kann ich ja den von dir empfohlenen Weg schlecht einschlagen, weil es das Design und den Lesefluss stören würde, wenn ich oben auf der Seite nochmals alle Menüpunkte aufführen würde. Und im Footer habe ich die Kontaktaufnahme CTA-Point usw., sodass auch dort durch eine Ansammlung von Menülinks die Aufmerksamkeit abgezogen würde.

Was tun?

[nerd]

Hm wieso verwendest du nicht einfach bootstrap, das hat doch alle deine Probleme schon gelöst und bietet ebenfalls Komponenten für menus und navigation.

[staticweb]

> Werden diese Texte dann dennoch von Suchmaschinen erfasst, so als ob der Text normal angezeigt würde?

Probiere es doch einfach aus.

[Mµ]

Hallo, ich finde, ein Akkordion ist schon etwas anderes als eine simple Ankerlink-Sprungliste, wenn man viel Text je Segment als Ziel hat: Beim "Sprung" über einen Ankerlink landet man dann inmitten von sehr viel Text, welcher "offen" aneinander gereiht ist. Dies ist unübersichtlich und verführt nicht zum Schmökern.

Ich habe einmal nachgesehen: Google indexiert auch den zunächst versteckten Text meiner Akkordion-Segmente. Allerdings nutze ich im Quelltext zusätzlich noch einmal praktisch das gesamte FAQ als Schema.org-Quelltext. Ich weiß nicht, ob dies zur Indexierung wichtig war.

Ich nutze bei meinem aktuellen Projekt häufig etwas Text als "Sonder-Infos", welcher zunächst versteckt ist und bei Bedarf ausgeklappt werden kann. Dies macht meine Texte viel besser lesbar. Ich hoffe jetzt, dass Google den versteckten Text auch adäquat honoriert bzw. die Nutzerfreundlichkeit dahinter versteht.

Allerdings würde ein Nutzer dann nichts finden, wenn er etwaige Textpassagen von mir bei der Suchmaschine gesehen hatte und dann auf meiner Seite landet, ohne die Texte auszuklappen. Dies wiederum wäre nutzerunfreundlich (um sich in die Logik von Google hinein zu versetzen).

[Rapunzel-256]

Vielen Dank für eure wertvollen Antworten! – Ich suche ja auch viel selbst im Web, bin aber ziemlich berufsfremd unterwegs, wenn es um Websites, Code und SEO usw. geht. Um so wertvoller ist mir dann, dass ich in solchen Foren Antworten erhalte.

@nerd Ich verwende in meinen Joomla Websites den YooTheme Pagebuilder. Der basiert auf UIkit und nutzt zudem auch Bootstrap. Bootstrap wird auch von zwei Extensions benötigt. Wieso das aber das Accordion-Thema lösen kann, sehe ich jetzt nicht.

@staticweb Ich bin nicht so clever mit der ganzen Materie. Wie finde ich denn heraus, was Google beim Crawlen einer Seite berücksichtigen würde und welche Dinge es außer Acht lässt? Das wäre ja auch wichtig für das Crawlen des Mobil-Menüs.

@Mu Deine Aussage nimmt mir doch etwas die Sorge. Eine Ankerlink-Sprungliste wäre ja nicht für die Besucher, sondern nur für Google. Und die würde ich dann ja auch ziemlich unten im Footerbereich unterbringen, wo der Besucher meist gar nicht mehr hinschaut.

Ich erwähnte ja, dass ich YooTheme Pagebuilder benutze. Dort werden bekanntlich vorformatierte Elemente oder Funktionsblöcke wie z.B. das Akkordion einfach per WYSIWYG positioniert. Dann füllt man die Felder für den einzelnen Titel und den Text dazu aus. Das Feld für den Titel kann ich nicht mit einem Ankerlink-Code versehen. Das schmeißt es beim Speichern wieder raus. Nur im Textbereich könnte ich auch Code einfügen.

[Rapunzel-256]

Gerade fand ich diese Information hier: https://www.xovi.de/seo-mythen-was-ist- ... -aussagen/

Dort wird auch über ausgeblendete Texte z.B. bei Akkordions gesprochen. Zusammengefasst: Wenn der nicht sichtbare Text nur durch CSS-Anweisung unsichtbar gemacht wird, aber bereits beim Laden der Website mit darin ist, dann berücksichtigt Google den Text. Würde der Text aber dynamisch erst geladen, nachdem der Besucher eine Aktion ausführt (z.B. durch Javascript usw.) dann bleibt der Text unberücksichtigt.

[arnego2]

Gerade fand ich diese Information hier: https://www.xovi.de/seo-mythen-was-ist- ... -aussagen/

Kannst du dein Projekt mit Xovi vergleichen? Ungefähr gleicher Umfang,
Alter des Domains, Verlinkt in ähnlicher Menge und Qualität?

[nerd]

Hallo, ich finde, ein Akkordion ist schon etwas anderes als eine simple Ankerlink-Sprungliste, wenn man viel Text je Segment als Ziel hat: Beim "Sprung" über einen Ankerlink landet man dann inmitten von sehr viel Text, welcher "offen" aneinander gereiht ist. Dies ist unübersichtlich und verführt nicht zum Schmökern.

Deswegen formatiert man den text schoen und unterbricht ihn indem man an der entsprechenden stelle nochmal die verlinkte frage aus dem inhaltsverzeichniss als kleine ueberschrift einfuegt, damit man den nutzer nicht mit einer wand aus text erschlaegt...

[staticweb]

> Ich bin nicht so clever mit der ganzen Materie. Wie finde ich denn heraus, was Google beim Crawlen einer Seite berücksichtigen würde und welche Dinge es außer Acht lässt? Das wäre ja auch wichtig für das Crawlen des Mobil-Menüs.

Einfach mit einem unique keyword bei Google testen. Wirst du damit gefunden ist es OK und falls nicht musst du was ändern.