html页面seo核心在于精准控制三处关键标签：（50–60字符，主关键词前置）、（120–155字符，首句嵌主词并说明价值）、（绝对url，与title和内容语义一致），三者须协同构成语义闭环。
HTML页面SEO不是靠堆标签，而是靠三处关键位置的精准控制：
为什么必须控制在50–60字符内
Google搜索结果中标题显示上限就是约60字符（含空格），超长会被截断为“…”，用户看不到后半部分，点击率直接下降。更关键的是，搜索引擎会优先提取前30字符作为页面主题判断依据——关键词靠后等于白写。
- 错误示例：
<title>XX品牌官方旗舰店 - 无线蓝牙耳机 | 主动降噪 | 超长续航 | 2025新款</title>（共72字符，关键词“无线蓝牙耳机”被挤到第26位） - 推荐写法：
<title>无线蓝牙耳机|主动降噪旗舰|XX品牌</title>（54字符，主词前置，无冗余修饰） - CMS模板里别写死，用变量动态生成，比如
<title>{{ page.title }}|{{ site.name }}</title>，避免所有商品页共用同一标题
不参与排名，但决定是否被点开
Google明确说明description不计入排名算法，但它几乎100%出现在搜索结果摘要区。写得模糊、复制正文、或超过155字符被截断，用户根本不知道这页能解决什么问题。
- 常见错误：留空、全站复用同一段文案、开头是“欢迎访问…”这类无效话术
- 有效写法要满足三点：开头嵌主关键词、用自然语言讲清“本页帮你做什么”、长度卡在120–155字符之间
- 示例（合规）：
<meta name="description" content="详解 HTML <link rel=" canonical> 标签的作用、设置方法及常见误用场景，附 Nginx 和 Next.js 配置示例。">（142字符，主词“canonical”在首句，信息明确）
设错比不设更危险
重复内容（如带参数的URL /article?id=123 和静态路径 /article/123）会让搜索引擎分散权重，甚至把非规范页当主页面收录。但href写成相对路径、指向跳转中页面、或服务端没动态生成，反而会误导爬虫。
- href必须是绝对URL，例如
<link rel="canonical" href="https://example.com/article/123">，不能写/article/123 - SSR/SSG环境（如Next.js）中，
getStaticProps或generateStaticParams里必须传入真实路径，不能硬编码 - 如果当前页就是规范页，href就指向自己；绝不能指向404页、中间跳转页，或HTTP版（而当前是HTTPS）
真正容易被忽略的点是：这三个标签必须协同生效。比如
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
