html网站地图（sitemap.html）是面向用户的导航页，需语义清晰、链接有效、结构可读，禁用xml标签，须通过w3c验证且所有链接返回200状态。
HTML 网站地图（sitemap.html）不是给搜索引擎用的，是给人看的导航页——所以它没有固定模板，但有明确排版底线：语义清晰、链接有效、结构可读、不塞垃圾链接。
用 <h2></h2> + <ul></ul> 组织分类层级
用户扫一眼就得知道“哪块是产品、哪块是帮助、哪块是公司信息”。别用 <div> 堆平铺链接，也别把所有页面扔进一个大列表里。
<ul>
<li>每个一级栏目用 <code><h2></h2>，比如 <h2>产品中心</h2>，不能降级成 <h3></h3> 或 <span></span>
<ul></ul> 包裹链接，每项用 <li>，别用 <p></p> 或 <div> 模拟列表
<li>二级分类可嵌套 <code><ul></ul>，但最多两层；三层以上建议改用 <details><summary></summary></details> 折叠，避免页面过长/ 开头），例如 /products/widget/，别写 ./products/widget/index.html 或完整 URL过滤无效链接，只留用户真会点的页面
sitemap.html 不是 URL 垃圾桶。放太多链接，用户不会看，反而降低可信度。
- 排除
/admin/、/api/、/test-、/draft/这类非公开或测试路径 - 跳过需登录才能访问的页面（如
/dashboard/），除非你确认该页对访客开放且有实际用途 - 避免重复：同一内容不同参数的 URL（如
/blog/?page=1和/blog/?page=2）只留分页入口，不列全部 - 高价值页面优先：首页、产品页、核心服务页、联系方式、隐私政策、404 页面（如果自定义了）
加一点基础样式，别让列表默认挤成一团
浏览器对 <ul></ul> 有默认 margin 和 padding，直接放上去容易和标题贴太近、缩进混乱。
- 在
<style></style>或外链 CSS 里加一句：ul { margin: 0.5rem 0 1rem; padding-left: 1.5rem; } - 给
<h2></h2>加点间距：h2 { margin: 1.5rem 0 0.75rem; } - 如果横向空间够，可用
display: flex; flex-wrap: wrap;把几个小栏目并排，但别强行塞满整行 - 必须加
alt属性的只有图片；链接本身不用 alt，但要确保链接文字能说明去向（比如别写“点击这里”，写“联系我们”）
别混淆 HTML 地图和 XML 地图的代码结构
看到别人把 <url></url>、<loc></loc>、<lastmod></lastmod> 直接复制进 HTML 页面，那是错的。这些标签在 HTML 文档里完全无效，浏览器只会当普通文本渲染，甚至可能破坏 DOM 结构。
- 绝对不要在
sitemap.html里出现<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"></urlset>这类 XML 命名空间声明 - 不要把 XML 文件内容用
<pre class="brush:php;toolbar:false;"><code></code> 块展示出来——那不是地图，是源码展览</pre> - 如果你用 CMS 自动生成 HTML 版本，确认它输出的是纯
@#@#@#@#@#@#@#@#@#@0，重点看是否有未闭合标签或非法嵌套
最常被忽略的一点：sitemap.html 的链接必须真实返回 200 状态，且不能被 robots.txt 屏蔽或带 noindex。否则它只是个摆设——用户点不开，搜索引擎也不收录这个页面本身。
