网页可搜寻性不靠堆关键词，而依赖语义化结构与精准元数据：必须使用包裹唯一主体内容，动态生成符合字符限制（title 50–60 字符、description 120–155 字符）且关键词前置的和，并为每张图配真实描述性alt属性。
直接说结论：网页可搜寻性（searchability）不靠堆关键词，靠让爬虫快速、准确地定位内容主体和语义关系。核心动作就三件：用对语义标签、写实 <title></title> 和 <meta name="description">、给每张图配真实可用的 alt 属性。
为什么 <main></main> 不是可选，而是必须包裹正文
搜索引擎把 <main></main> 当作“这里才是用户真正要找的内容”的信号。没它，或套错位置（比如包了导航、广告、页脚），爬虫会花更多时间猜正文在哪，甚至降权整页。
- 每个 HTML 页面只能有一个
<main></main>，且必须直接包裹主体内容（如文章正文、产品列表、表单） - 别把它和
<div class="main-content"> 混用——后者对爬虫毫无意义 <li>如果页面是多区块结构（比如博客首页含文章摘要+侧边栏+推荐），<code><main></main>只包文章摘要区，<aside></aside>包侧边栏 -
<title></title>控制在 50–60 字符（含空格），核心词前置，例如：<title>HTML表格SEO优化技巧 | 前端实战笔记</title> -
<meta name="description">每页手写，120–155 字符，开头嵌主词，用自然句式说明本页解决什么问题，例如：<meta name="description" content="详解HTML表格如何通过caption、scope、aria-label提升可访问性与搜索可见性，附对比代码示例。"> - 服务端渲染（Next.js / Nuxt）或静态生成时，必须从路由参数或数据上下文注入；JS 后置修改无效——爬虫不执行 JS
- 信息图、截图、产品图：描述实际内容，例如
<img src="seo-table.png" alt="HTML表格SEO优化前后对比：左侧未加caption和scope，右侧已添加并标注表头作用"> - 纯装饰图（如分隔线、背景花纹）：写
alt=""（空字符串，不是空格或注释） - 避免关键词堆砌，例如
alt="HTML SEO HTML优化 SEO技巧 HTML教程"—— 这会被判为垃圾信号
<title></title> 和 <meta name="description"> 必须动态生成，不能硬编码
全站共用一个 <title></title> 或 CMS 模板里写死 <title>首页</title>，等于告诉 Google：“这是一堆复制粘贴的模板页”。结果就是收录但不展示，或展示后点击率极低。
alt 属性不是“填个词就行”，而是图片内容的文本替代
写 alt="图片" 或留空 alt=""（装饰图除外）会让图片彻底消失在图像搜索和屏幕阅读器中。搜索引擎无法索引，残障用户也无法理解。
最容易被忽略的是：语义标签本身不产生排名，但一旦缺失或误用，会让所有其他优化失效。比如你写了完美的 <title></title>，但正文被埋在五层 <div> 里，爬虫可能根本找不到它。结构错了，内容再好也白搭。</div>
