Een HTML-sitemap is een gewone webpagina (geen machineleesbaar bestand) die de belangrijkste categorieën en pagina's van een site in een gestructureerd, klikbaar formaat weergeeft, bedoeld voor zowel menselijke bezoekers als crawlers van zoekmachines. Anders dan een XML-sitemap, die alleen bestaat om zoekmachines een volledige index van URL's te geven, is een HTML-sitemap een pagina die elke bezoeker kan openen om de volledige opbouw van de categorieboom van een site te zien. Bij catalogi waarin diepe productpagina's anders meerdere klikken van de homepage verwijderd zijn, geeft een HTML-sitemap zowel shoppers als crawlers een direct pad naar secties die ze via normaal browsen misschien niet zouden vinden.
Waarom HTML-sitemaps belangrijk zijn voor de vindbaarheid van producten
Grote catalogi met honderden categorieën en subcategorieën kunnen producten zo diep in de sitehiërarchie begraven dat shoppers noch zoekcrawlers ze via normale navigatie betrouwbaar vinden. Een HTML-sitemap werkt als een platte, volledige index die elke belangrijke categorie op één plek toont en crawlers extra interne links geeft naar categorieën die anders van één pad via het hoofdmenu afhankelijk zouden zijn. Dat ondersteunt direct de prestaties in organisch zoeken, omdat pagina's met meer interne links vaker worden gecrawld en betrouwbaarder worden geïndexeerd. Het is een kleine inspanning in verhouding tot het effect, vooral voor retailers die in de loop der tijd categorieën hebben toegevoegd zonder de hoofdnavigatie ooit aan te passen.
Hoe HTML-sitemaps werken
Een HTML-sitemap is doorgaans één pagina, vaak gelinkt vanuit de footer, hiërarchisch geordend op categorie en subcategorie. Ze weerspiegelt de navigatiestructuur van de site, maar vervangt die niet. Ze is het nuttigst als ze dezelfde taxonomie volgt die ook de productfeed zelf ordent: categorieën die wel in de google_product_category of eigen categorievelden van de feed staan, maar nergens in de navigatie op de site voorkomen, zijn in feite onzichtbaar voor shoppers en crawlers totdat een HTML-sitemap ze zichtbaar maakt. Sommige retailers genereren deze pagina dynamisch uit dezelfde categoriedatabron die ook de breadcrumbnavigatie aanstuurt. Zo beschrijven sitemap, breadcrumbs en feedcategorisering allemaal dezelfde hiërarchie, in plaats van na verloop van tijd uit elkaar te groeien tot drie inconsistente versies van de sitestructuur.
Voorbeeld
<item>
<g:id>SKU-33210</g:id>
<g:title>Ceramic Pour-Over Coffee Dripper</g:title>
<g:google_product_category>Home & Garden > Kitchen & Dining > Coffee & Tea</g:google_product_category>
<g:product_type>Kitchen > Coffee & Tea > Pour-Over Brewers</g:product_type>
</item><!-- Corresponding HTML sitemap entry structure -->
<li>
<a href="/nl/collections/kitchen">Kitchen & Dining</a>
<ul>
<li><a href="/nl/collections/coffee-tea">Coffee & Tea</a>
<ul><li><a href="/nl/collections/pour-over-brewers">Pour-Over Brewers</a></li></ul>
</li>
</ul>
</li>Door de product_type-hiërarchie in de feed af te stemmen op de categorieën in de HTML-sitemap, komt een crawler via beide paden uit bij een consistente, goed gelinkte versie van dezelfde categorieboom.
Gerelateerde begrippen
HTML-sitemaps werken het best als ze de algemene navigatiestructuur van een site weerspiegelen in plaats van een aparte, tegenstrijdige taxonomie te introduceren. Ze vullen breadcrumbnavigatie aan door crawlers een platte index te geven van dezelfde hiërarchie die breadcrumbs niveau voor niveau tonen. Samen dragen ze aanzienlijk bij aan de crawlbaarheid voor organisch zoeken bij grote catalogi, waar diepte alleen anders hele categorieën uit het zicht zou drukken.
