SEO优化需动态生成每页title（50–60字符，核心词前置）和description（120–155字符，自然语句嵌主词），禁用全站硬编码；严格规范语义化标签（唯一h1、不跳级、main包裹主体）；必设alt（描述性）、canonical（绝对URL）、viewport（移动端必需）；表格用caption、链接用描述性锚文本、关键内容加JSON-LD结构化数据。
title 和 meta description 必须每页动态生成
硬编码全站共用 <title>首页</title> 是最常见、杀伤力最强的 SEO 陷阱。搜索引擎会认为所有页面主题雷同，直接降权或只收录首页。
实操建议：
立即学习“前端免费学习笔记（深入）”；
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
<title>控制在 50–60 字符（含空格），核心词前置，例如<title>HTML表格SEO优化技巧 | 前端实战笔记</title>；写成<title>前端实战笔记 | HTML表格SEO优化技巧</title>会导致关键词权重稀释 -
meta name="description"每页手写，120–155 字符，开头嵌主词，用自然语句说明本页解决什么问题；避免引号、emoji、重复句式 - 服务端渲染（如 Next.js）、静态生成（如 Astro）或 CMS 中，必须从路由参数或数据上下文注入，不能写死在模板里
语义化标签不是可选项，是内容坐标系
搜索引擎靠 <h1>–<h6> 和 <header>、<main>、<article> 等标签定位内容主次。跳级用 <h3> 而跳过 <h2>，或一个页面塞多个 <h1>，等于告诉爬虫“我也不知道重点在哪”。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 每个页面仅一个
<h1>，且必须包含页面核心主题词，例如文章页用<h1>HTML表格SEO优化技巧</h1> -
<h2>–<h6>按逻辑递进，不跳级；子标题中可自然带关键词，但别强行塞“SEO HTML 优化 教程” -
<main>必须包裹全部主体内容，不能漏掉、不能嵌套；<nav>包住主导航，<footer>放版权信息——这些不是“好看”，是给爬虫画的地图
图片 alt、canonical、viewport 这三个标签一错就掉收录
它们不显眼，但出错直接导致：图片不入图搜、移动排名归零、爬虫误判为重复页面甚至拒绝索引。
实操建议：
立即学习“前端免费学习笔记（深入）”；
-
<img>必须带alt属性，描述图片实际内容，例如<img src="seo-table.png" alt="HTML表格SEO优化对比表">；纯装饰图写alt=""，别留空或填“图片” -
<link rel="canonical">所有页面都要有，href必须是**绝对 URL**，协议+域名+路径全写，例如<link rel="canonical" href="https://example.com/html-seo-guide">；相对路径或/html-seo-guide会导致解析失败 -
<meta name="viewport">必须存在，值为<meta name="viewport" content="width=device-width, initial-scale=1">；缺它，移动端抓取质量暴跌，Google 明确将其纳入排名信号
表格、链接、结构化数据这些细节决定长尾流量上限
普通页面靠 title 和 h1 就能进基础搜索，但表格页、FAQ 页、产品对比页想抢精准长尾词，必须靠更细粒度的标记。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 表格必须用
<thead>、<tbody>、<th>和<caption>；<caption>HTML表格SEO优化指南</caption>比没 caption 的表格多出 3–5 倍图搜曝光 - 内部链接锚文本要描述性，例如
<a href="/html-seo-guide">HTML代码SEO优化方法</a>；避免<a href="/page?id=123">点击这里</a> - 对 FAQ、Article、Product 类内容，加 JSON-LD 结构化数据；Google 直接用于富媒体展示，不加等于放弃搜索首屏的“免费广告位”
<h1>，而是把 <main> 写在 <header> 外面、把 canonical 写成相对路径、或者让 CMS 自动生成的 description 全站雷同——这些错误藏得深，影响却立竿见影。 
