Google常弃用meta description标签，主因超长（>155字符）、开头泛化、页面有更优文本或含非法字符；应前60字含动词+具体对象，中文控于75–80汉字，服务端注入更可靠，并需前后端协同截断与校验。
直接改 meta name="description" 标签内容，几乎没用——Google 不保证显示它，更可能因长度超限、开头泛化、正文有更优句而直接弃用。
为什么写了 description 却不出现在搜索结果里
不是代码没生效，是 Google 主动跳过。常见触发点：
-
content超过 155 字符（含空格），移动端常在 120 字左右就截断成“…” - 开头写“欢迎访问…”“本公司专业提供…”，缺乏动词+具体对象，信息密度低
- 页面
<h1></h1>后紧跟一句更紧凑的说明（如“useNavigate在异步回调中报错的修复方案”），Google 就直接抽那句 -
content里混入全角空格、emoji、双引号或尖括号，部分爬虫解析异常后整段丢弃
怎么写才能大概率被采用
本质是写一句用户扫一眼就知道“这页能解决我什么问题”的自然句子，不是堆关键词：
- 前 60 字必须含动词 + 具体对象，例如：
content="修复 React Router v6 中 <code>useNavigate在异步回调里报错的 3 种方法" - 中文为主时，严格控制在 75–80 个汉字内（预留标点与空格），别信编辑器字数统计，用记事本「显示所有字符」手动数
- 禁止泛化主语：“本网站提供…”“本页面介绍…”——直接说“能做什么”
- 每页唯一：列表页强调筛选维度（如“2024 年 CSS 新特性按发布时间倒序汇总”），详情页聚焦具体问题（如“
contain-intrinsic-size在 Safari 15.4 失效的绕过方案”）
服务端注入比客户端更新更可靠
纯 CSR 页面（React/Vue）初始 HTML 的 meta name="description" 往往为空或写死成“首页描述”，等 JS 加载完才更新——而旧版 Googlebot 只读首屏静态 HTML 就走了：
立即学习“前端免费学习笔记（深入）”；
- Next.js 用
getStaticProps或getServerSideProps注入真实值；Nuxt 用head()函数 - 若必须 CSR，至少保证初始
content不为空，哪怕填"加载中…请稍候"，也比留空强 - 验证方式：用 Google Search Console 的「URL 检查工具」→「实时查看已编入索引的版本」，确认抓取到的是更新后的 HTML
很多人只改 content 值，却漏掉配套约束：CMS 编辑后台若允许手动填写 description，必须前端实时计数 + 后端强制截断到 160 字符，否则入库溢出或引入非法字符的风险极高。
