需精准匹配页面主题,开头20字内点明核心动作与对象,长度155–160 unicode字符,服务端注入且置于靠前位置,双引号包裹,禁用keywords标签。

description 内容必须精准对应当前页唯一主题
搜索引擎不是看你在 <meta name="description"> 里写了什么,而是看你写的和页面实际解决的问题是否一致。写“React.useEffect 依赖数组为空数组的 5 个陷阱”,但正文讲的是 useState 初始化逻辑——Google 会立刻弃用这段 description,改从正文中抽一句更匹配的。
- 开头 20 字内就要点明核心动作和对象,比如“解析带注释 JSON:用
jsonc-parser安全读取配置文件” - 避免泛主语:“本网站提供…”“欢迎了解…”这类话术毫无信息量,且大概率被跳过
- 中文页面注意全角空格、省略号(…)、破折号(——)会被计入字符数,导致超限却不自知
- 若页面是分页列表(如
/blog/page/2),内容与首页高度雷同,可直接不写<meta name="description">,让搜索引擎自动提取
长度控制在 155–160 个 Unicode 字符,不是字节数
Google 截断依据是 Unicode 字符数,不是 UTF-8 字节数。一个中文汉字、一个英文字母、一个半角空格都算 1 个字符;但全角空格、ideographic space( )也算 1 个字符,容易误判。实测中,用 str.length 在浏览器控制台检查最可靠。
- 超 160 字符必被截断为“…”——且移动端 SERP 可能只显示前 120 字,开头模糊就等于废掉整段
- 别依赖 CMS 插件自动截断,有些插件按字节切,中文会错切成乱码
- 在线校验推荐用 Google 自己的 SERP snippet preview 工具 或纯文本计数器(粘贴后看 length)
- 英文内容注意冠词、介词堆砌会快速耗尽字符限额,优先保留动词 + 名词结构,如 “Fix
fetch()timeout in React Suspense” 比 “How to handle, manage, and solve fetch timeout issues…” 更有效
动态页面必须服务端注入,不能靠 JS 后置填充
Next.js、Nuxt、VuePress 等 SSR/SSG 框架中,如果把 <meta name="description"> 放在组件 useEffect 或 mounted 钩子里用 JS 注入,搜索引擎爬虫根本看不到——它只读首屏 HTML 字符串,不等 JS 执行。
- Next.js 必须在
getStaticProps或getServerSideProps中通过next/head或Head组件注入,确保出现在初始 HTML 的内 - Hugo/Jekyll 类静态生成器,需在 front matter 显式定义
description字段,并确认模板中调用了{{ .Params.description }}输出到 meta 标签 - WordPress 若用 Yoast 或 Rank Math,检查单篇文章编辑页的 SEO 设置是否覆盖了全局模板值,常有“首页 description 被套用到所有文章”的问题
- 验证方式很简单:右键网页 →「查看页面源代码」→ 搜索
name="description",确认 content 值真实存在且非空
别和 Open Graph 混用,property="og:description" 不替代 SEO 用途
<meta property="og:description"> 是 Facebook、LinkedIn 等社交平台抓取分享卡片用的,和搜索引擎无关。你写了它,Google 不认;你只写它,不写 <meta name="description">,搜索结果摘要大概率空白或随机截取。
- 两个标签可以共存,但内容不必完全一样:SEO description 侧重关键词+动作,OG description 可稍偏传播性(如加语气词、短句节奏)
- 确保
<meta name="description">在中位置靠前,紧贴<title></title>后,避免被其他 meta(如robots、canonical)挤到后面降低权重 - 不要用单引号包裹 content 值,某些 CMS 渲染时会破坏 HTML 结构,坚持用双引号:
<meta name="description" content="..."> - 写完记得删掉
<meta name="keywords">—— 所有主流引擎已明确忽略,留着反而显得技术陈旧
最容易被忽略的一点:description 不是写给机器看的说明书,而是写给扫一眼就决定点不点的人看的广告语。它没机会解释上下文,没时间铺垫背景,必须第一句就让人明白“这页能立刻帮我解决什么”。字符数限制不是束缚,是倒逼你剔除所有废话的筛子。











