Wat is een image sitemap? Uitleg voor webshops

Definitie

Een image sitemap is een XML-sitemap met extra tags die per pagina de afbeeldingen opsomt. Google vindt zo afbeeldingen die het anders mist, bijvoorbeeld uit JavaScript-galerijen of een CDN.

Wat staat er in een image sitemap?

Een image sitemap is geen apart bestandstype. Het is een gewone XML-sitemap met de image-extensie, namespace http://www.google.com/schemas/sitemap-image/1.1. Per <url> voeg je <image:image>-blokken toe met daarin <image:loc>, de URL van de afbeelding.

Volgens Google mag elke <url> maximaal 1.000 <image:image>-tags bevatten. De tags caption, title, geo_location en license zijn uit de documentatie gehaald; alleen image:loc is nog nodig.

Afbeeldingen mogen op een ander domein staan, zoals een CDN. Google schrijft dat beide domeinen dan in Search Console geverifieerd moeten zijn. robots.txt mag de afbeeldingen niet blokkeren.

Zo werkt het in Magento/Hyvä, Shopify en Laravel

Magento kan afbeeldingen in de XML-sitemap opnemen. Onder Stores > Configuration > Catalog > XML Sitemap kies je per type of je geen afbeeldingen, alleen de basisafbeelding of alle afbeeldingen opneemt. Bij grote catalogi maakt dat de sitemap flink groter.

Shopify genereert de sitemap automatisch en neemt productafbeeldingen daarin op. Je kunt de sitemap niet direct bewerken.

In Laravel bouw je de sitemap zelf of met een package zoals spatie/laravel-sitemap. Voeg per product of artikel de afbeeldingen toe die je in Google Afbeeldingen wilt zien.

Veelgemaakte fouten

- Thumbnails en placeholder-afbeeldingen opnemen in plaats van de echte productfoto's.

- Afbeeldings-URL's opnemen die een redirect of 404 geven, bijvoorbeeld na een cache-flush van gegenereerde afbeeldingen in Magento.

- Een image sitemap maken voor afbeeldingen die al gewoon als <img> in de HTML staan, en denken dat dat ranking oplevert. Het helpt bij ontdekken, niet bij ranken.

- CSS-achtergrondafbeeldingen gebruiken voor producten. Google indexeert die niet; een sitemap lost dat niet volledig op.

Sitemap met afbeeldingen

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
  xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://www.example.nl/wandelschoen-x</loc>
    <image:image>
      <image:loc>https://cdn.example.nl/wandelschoen-x.webp</image:loc>
    </image:image>
  </url>
</urlset>

Verder lezen

Gerelateerde begrippen

XML-sitemap Sitemap-index Alt-tekst WebP en AVIF CDN (content delivery network)Google Lens lastmod

Veelgestelde vragen

Heb ik een image sitemap nodig?+

Niet altijd. Staan je afbeeldingen als gewone <img> in de HTML, dan vindt Google ze meestal zelf. Een image sitemap helpt bij afbeeldingen die via JavaScript laden of die Google anders mist.

Hoeveel afbeeldingen mogen per pagina?+

Volgens Google maximaal 1.000 <image:image>-tags per <url>.

Moet ik nog image:title en image:caption gebruiken?+

Nee. Google heeft die tags uit de documentatie gehaald. Alleen image:loc is nodig. Beschrijf afbeeldingen via alt-tekst en de tekst op de pagina.

Image sitemap