How to add image tags for static sites?

[anjali89r]

Currently, all the routes under the pages folder are automatically added to the sitemap.xml. I want to add images to sitemap for these routes which are under pages. I don't see an option for static pages, but do see an option for dynamic routes.

Expected

<url>
<loc>https://example.com/collections</loc>
<lastmod>2022-06-04T21:16:30+05:30</lastmod>
<changefreq>daily</changefreq>
<image:image>
<image:loc>image-url</image:loc>
<image:title>product 1</image:title>
</image:image>
</url>

I'm checking to see if there is an option to add the image tag as above for static pages.

[StevenKnoop]

Hi, I am also interested in this. Please help.

[NicoPennec]

It's not available directly by configuration.

But you can use the filter option to customize your routes:

{
  sitemap: {
    filter: ({ routes }) =>
      routes.map((route) => {
        if (route.url === '/collections') {
          route.img = {
            url: 'image-url',
            title: 'product 1',
          }
        }
        return route
      }),
  }
}