html5中keywords标签已失效，description标签不提升排名但影响点击率；keywords被主流引擎弃用，description需精准唯一、控制在155字符内、置于head中title前且静态写入。
HTML5 中 keywords 标签已失效，description 标签不提升排名但影响点击率，重点是写得准、放得对、避免重复。
keywords 标签：现在基本不用
Google 自 2009 年起完全忽略 <meta name="keywords">，Bing 等主流引擎也早已弃用。显式添加不仅无效，还可能被旧工具误判为关键词堆砌，反而显得页面质量低。
- 不要写
<meta name="keywords" content="手机,苹果,15,Pro,256GB"> - CMS 或静态站点生成器中，若模板里还保留 keywords 字段，建议直接删掉或注释掉
- 极少数内部系统或老旧企业搜索可能读取它，但对外 SEO 毫无价值
description 标签：关键在“人眼第一行”
它不参与排名，但 Google 经常直接拿它当搜索结果摘要——用户是否点进来，很大程度取决于这一行是否清晰、相关、有吸引力。
- 长度控制在 155 个 Unicode 字符内（Chrome 实际截断约在 155–160），含标点和空格
- 每页必须唯一，不能所有页面共用同一段描述；CMS 要确保
{{ page.description }}动态输出 - 开头 60 字左右尽量包含核心关键词，但要自然，比如产品页写：“iPhone 15 Pro 256GB 深空黑色｜搭载 A17 Pro 芯片，超视网膜 XDR 显示屏，支持 Action 按钮自定义。”
- 避免留空，否则 Google 可能随机截正文，导致信息错位或语义断裂
写法与位置：两个细节决定效果
description 必须放在 内，且紧跟在 <meta charset> 和 <meta viewport> 后、<title></title> 之前——这不是规范强制，但能避免某些 SSR 框架（如 Next.js）因渲染顺序问题漏掉它。
- 正确顺序示例：
<meta charset="UTF-8"><br><meta name="viewport" content="width=device-width, initial-scale=1"><br><meta name="description" content="这里是精准、唯一的页面描述..."><br><title>页面标题</title>
- 不要用 JS 动态注入 description，搜索引擎抓取时通常不执行 JS，会导致 meta 缺失
- 静态页（Hugo/Jekyll）或 SSR 页面，务必检查生成的 HTML 源码，确认 description 已真实写入
替代更有效的做法
把原本想花在 keywords 上的精力，转到真正起作用的地方：
- 用
<title></title>精准表达页面主题，60 字符内含主词 - 用
<h1></h1>和段落语义标签（<h2></h2>、<p></p>、<ul></ul>）组织内容结构 - 为图片加
alt属性，补充上下文 - 设置
rel="canonical"防止参数 URL（如 ?utm_source）造成重复内容
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
