HTML标签无固定SEO权重分值，搜索引擎依赖语义结构与信息密度；<title>和<h1>语义一致、标题层级真实反映逻辑、alt描述图像意图等才是关键。
HTML 标签本身没有内置“SEO 权重分值表”，搜索引擎不按固定数值给 <h1> 或 <strong> 打分；真正起作用的是标签传递的语义结构和用户可感知的信息密度。
为什么不能查“HTML 权重排名表”
所谓“<h1> 权重最高、<h6> 最低”是过度简化的误导。Google 多次强调：他们不统计标签出现次数，也不按 <h1> > <h2> > <strong> 的线性顺序加权。实际影响来自三方面：<title> 决定页面主题锚点，<h1> 是否与 <title> 语义一致，以及整个标题层级是否真实反映内容逻辑。
常见错误现象：<h1> 写成公司名（如「XX科技有限公司」），正文却在讲「React Server Components 实战」；或全页塞 5 个 <h1>，靠 CSS 隐藏四个——这些都会让爬虫判定结构混乱，反而降低可信度。
- 搜索引擎优先信任
<title>和<h1>的语义一致性，不是字面重复 -
<h2>–<h6>的价值在于构建可跳读的文档大纲，不是“多用就加分” -
<strong>和<b>的区别仍在：前者带语义强调（告诉爬虫“这个词重要”），后者仅视觉加粗
<title> 和 <meta name="description"> 怎么写才不被截断
<title> 超过 60 字符、<meta name="description"> 超过 155 字符，Google 搜索结果里会显示为“…”。这不是警告，是直接丢失关键信息。
立即学习“前端免费学习笔记（深入）”；
实操建议：
-
<title>控制在 50–60 字符（含空格），用英文标点计数更准；中文字符按 UTF-8 字节算，一个汉字≈3 字节，所以实际能写约 17–20 个汉字 - 主关键词必须前置，比如写「Vue 3 响应式原理｜
reactive()源码解析｜CodeCraft」，别写「CodeCraft｜Vue 3 响应式原理」 -
<meta name="description">不参与排名，但决定点击率；开头 120 字内必须自然嵌入用户搜索词，例如「详解useTransition()在 React 18 中的阻塞机制与 fallback 策略，附可运行示例」 - 避免用「欢迎访问」「专业提供」等无效前缀，也别留空或复制正文第一段
<link rel="canonical"> 设错比不设更危险
重复内容（如带参数的 URL、HTTP/HTTPS 混用、www 与非 www）会让 Google 把同一页面当成多个资源抓取，稀释收录权重。但 <link rel="canonical"> 如果指向错误地址，可能直接让规范页被降权。
关键细节：
- href 必须是绝对 URL，比如
https://example.com/blog/react-18-use-transition，不能写/blog/react-18-use-transition - 服务端渲染（SSR）或静态生成（SSG）时，canonical 必须动态生成；Next.js 用户注意：在
getStaticProps或generateStaticParams中传入正确路径，别在模板里硬编码 - 如果当前页就是规范页，href 就该指向自己；千万别指向 302 跳转页、404 页面，或带 utm 参数的分享链接
- 检查方式：打开 Chrome DevTools → Network → 刷新页面 → 查看响应头是否有
Link: <https://...>; rel="canonical"，并与 HTML 中的<link>一致
<img> 的 alt 属性不是关键词堆砌位
alt 的核心作用是替代文本：当图片加载失败、用户用屏幕阅读器访问、或爬虫无法解析图像时，alt 是唯一能传达图像意图的字段。它对 SEO 的影响是间接的——提升可访问性 → 提升停留时间 → 间接利好排名。
容易踩的坑：
- 写成「logo 图片」「产品图」「截图」这类无信息量描述，等于没写
- 堆砌关键词，如
alt="前端开发 JavaScript React Vue HTML CSS 教程 免费"，会被视为垃圾信号 - 为空（
alt=""）只适用于纯装饰性图片；功能性图片（如按钮图标、数据图表）必须描述行为或内容 - 长度控制在 125 字符内，重点说清「这张图在当前上下文中做什么」，例如
alt="React 18 useId() 返回唯一字符串 ID 的控制台输出示例"
真正卡住多数人的不是标签选错，而是把语义当装饰——用 <div> 套出所有结构、靠 CSS 模拟标题层级、所有文字都加 <strong>。搜索引擎现在能识别这种“语义空转”，反而会降低页面可信度。保持标签真实反映内容意图，比记住哪个标签“权重高”重要得多。
