Ein Mega-Menü ist eine Website-Navigation, die beim Überfahren oder Anklicken eines Menüpunkts einen großen Bereich mit mehreren Ebenen auf einmal öffnet, oft in Spalten gegliedert. Für SEO zählt vor allem, dass jeder Eintrag ein interner Link ist, der auf jeder Seite der Website steht.
Wo werden Mega-Menüs eingesetzt?
Typisch sind sie bei Onlineshops und großen Unternehmensseiten mit vielen Kategorien. Nutzer sehen Unterkategorien, ohne sich durch einzelne Ebenen klicken zu müssen.
Was bedeutet ein Mega-Menü für SEO?
Google kann Links nur zuverlässig crawlen, wenn sie als <a>-Element mit href-Attribut umgesetzt sind. Per JavaScript eingefügte Links funktionieren laut Google ebenfalls, sofern sie dieses Markup haben. Menüeinträge als <span> oder reine onclick-Aktionen findet Google dagegen meist nicht.
Weil das Menü auf jeder Seite erscheint, verlinkt es die enthaltenen Kategorien sehr häufig. Hunderte Einträge lassen wichtige Seiten in der Masse untergehen, deshalb lohnt eine bewusste Auswahl (Einschätzung).
Barrierefreiheit
Die W3C-Anleitung zu Fly-out-Menüs empfiehlt, Untermenüs beim Verlassen mit der Maus leicht verzögert zu schließen. Per Tastatur sollen sie sich über einen Button öffnen lassen, dessen Zustand aria-expanded angibt.
Beispiel
<li>
<a href="/damen/">Damen</a>
<button aria-expanded="false" aria-controls="menu-damen">Untermenü Damen</button>
<ul id="menu-damen">
<li><a href="/damen/schuhe/">Schuhe</a></li>
<li><a href="/damen/jacken/">Jacken</a></li>
</ul>
</li>
Quellen
- Crawlbare Links – Google Search Centraldevelopers.google.com
- Fly-out Menus – W3C Web Accessibility Initiative, Menus Tutorialw3.org
Stand: