Mega-menu

Een mega-menu is een navigatie die bij hover of klik een groot paneel openklapt, vaak met meerdere kolommen, subcategorieën, merken en soms een afbeelding of actie. Grote webshops gebruiken het om een breed assortiment overzichtelijk te maken.

Voor SEO is het menu meer dan design. Het staat op elke pagina, dus elke link erin krijgt een sitewide interne link. Daarmee bepaalt het menu voor een groot deel welke categorieën Google als belangrijk ziet en hoe diep pagina's in de structuur zitten.

Categoriepagina's krijgen zelden externe backlinks. Hun autoriteit komt bijna helemaal van interne links, en het menu is daarin de grootste bron. Een categorie die in het menu staat, zit op één klik van elke pagina. Een categorie die er niet in staat, is afhankelijk van broodkruimels, filters en blogs.

Meer is niet altijd beter. Een menu met vierhonderd links verdeelt de interne link equity over vierhonderd pagina's. Het maakt ook minder duidelijk welke categorieën echt de kern zijn. Kies wat er in het menu hoort op basis van zoekvraag en omzet, niet op basis van de volledige categorieboom.

Een praktische aanpak:

- Zet de hoofd- en subcategorieën met de meeste zoekvraag en omzet in het menu.

- Link diepere subcategorieën vanaf de bovenliggende categoriepagina, niet vanuit het menu.

- Gebruik als linktekst de naam waar mensen op zoeken. "Hardloopschoenen" in plaats van "Run collection".

- Link niet naar gefilterde URL's met parameters vanuit het menu, tenzij die bewust indexeerbaar zijn.

De links moeten als gewone <a href>-elementen in de HTML staan. Menu's die pas na een hover via JavaScript of een API-call worden opgehaald, zijn voor crawlers die geen JavaScript uitvoeren onzichtbaar. Veel AI-crawlers voeren geen JavaScript uit.

Let op mobiel. Google indexeert mobile-first. Als je mobiele menu een andere, kleinere set links heeft dan desktop, telt voor Google de mobiele set. Zorg dat beide dezelfde links bevatten, ook als het mobiele menu ze anders toont.

Een groot menu kost ook snelheid. Honderden links met afbeeldingen maken de DOM groot en kunnen INP verslechteren. Laad afbeeldingen in het menu lazy en houd de opmaak licht.

In standaard Magento komt het menu uit de categorieboom, met de instelling "Include in Menu" per categorie. Extensies voor mega-menu's laden het menu soms via AJAX of een aparte cache. Controleer in de paginabron of de links er echt in staan. In Hyvä is het menu server-side gerenderd met Alpine.js voor het openklappen; dat is voor SEO de goede volgorde.

In Shopify beheer je het menu via Navigatie. Mega-menu's zitten in het thema of in een app. Apps die het menu na het laden injecteren, zijn hetzelfde risico als bij Magento.

Wijzig je het menu flink, bijvoorbeeld bij een migratie, dan veranderen de interne links naar honderden pagina's tegelijk. Vergelijk vooraf en achteraf met een crawl welke categorieën verder van de homepage zijn komen te staan.

Test na elke wijziging met een crawler die geen JavaScript uitvoert, en daarna met een die het wel doet. Komen de aantallen gevonden categorie-URL's niet overeen, dan laadt een deel van je menu pas in de browser.