DEV Community

loading...

Creating a sitemap in 11ty

iarehilton profile image Hilton Meyer Originally published at hiltonmeyer.com on ・1 min read

In order to submit your site to search analytics you should have a sitemap of your content. Having this just makes it easier and quicker for the search engines to find and index your site content. So I went about find how to do this with 11ty. The base blog of 11ty has this built in so I made a few changes especially for the dates.

--------
permalink: /sitemap.xml
eleventyExcludeFromCollections: true
--------
<?xml version="1.0" encoding="utf-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
{%- for page in collections.all %}
  {% set mappedUrl %}{{ metadata.url}}{{ page.url | url }}{% endset %}
  <url>
    <loc>{{ mappedUrl }}</loc>
    <lastmod>{{ page.date | htmlDateString }}</lastmod>
  </url>
{%- endfor %}
</urlset>

Enter fullscreen mode Exit fullscreen mode

Discussion (2)

pic
Editor guide
Collapse
dancanetti profile image
Daniel Canetti

Thanks for this! I've been looking for a simple way of render a sitemap in 11ty without a plugin.

Collapse
winstonpuckett profile image
Winston Puckett

I new it was supposed to look like the RSS feed. Thanks for doing the work to figure out what the site map is supposed to look like