<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Site Map</title>
<style>
body { font-family: system-ui, sans-serif; max-width: 800px; margin: 2rem auto; padding: 0 1rem; color: #111; }
h1 { font-size: 2rem; }
h2 { font-size: 1.25rem; margin-top: 2rem; padding-bottom: 0.5rem; border-bottom: 1px solid #eee; }
ul { list-style: none; padding: 0; }
li { padding: 0.3rem 0; }
a { color: #4F46E5; text-decoration: none; }
a:hover { text-decoration: underline; }
</style>
</head>
<body>
<h1>Site Map</h1>
<h2>/</h2>
<ul>
<li><a href="https://example.com/">https://example.com/</a></li>
</ul>
<h2>/about</h2>
<ul>
<li><a href="https://example.com/about">https://example.com/about</a></li>
</ul>
<h2>/blog</h2>
<ul>
<li><a href="https://example.com/blog">https://example.com/blog</a></li>
<li><a href="https://example.com/blog/post-1">https://example.com/blog/post-1</a></li>
</ul>
<h2>/contact</h2>
<ul>
<li><a href="https://example.com/contact">https://example.com/contact</a></li>
</ul>
</body>
</html>How to use
Paste your URL list
Drop one URL per line into the URLs box. The generator reads each address and sorts links under headings by their first path segment automatically.
Name the page
Type a heading into the Page title field, something like Site Map, which becomes both the browser title and the H1 of the finished page.
Download sitemap.html
Click Download to save the file, or use the copy button, then upload it and link it from your footer so visitors and crawlers can both reach it.
Why HTML Sitemap Generator
- Paste your URLs and this html sitemap generator builds a clean, human-readable html sitemap page, grouped by section.
- It auto-groups links by top-level path, so visitors can scan your site structure at a glance.
- Outputs a single self-contained HTML file, ready to upload.
- Runs in your browser as an online sitemap generator, so you set the title and download the page.
- Free with no limit. A free html sitemap generator with no sign up.