<meta name="description"> 是搜索结果中影响点击率的关键文本，须置于 <head> 内 <title> 后、唯一存在、长度155–160字符，前60字含动词+对象，且与 <h1> 和首段强一致，避免堆砌，各平台描述需语义统一。
HTML5 中的 <meta name="description"> 不是装饰性标签，它是用户在搜索结果里决定点不点你的唯一文字依据。写得准、卡得稳、动词强，才能把流量真正“勾”进来。
必须放在正确位置且只出现一次
它得严格嵌在 <head> 里，紧跟在 <title> 后面最稳妥。写进 <body>、重复添加、或用 JS 动态插入（比如 document.querySelector('head').appendChild()），搜索引擎基本视而不见。服务端渲染（SSR/SSG）项目中，必须通过模板变量注入，例如 Next.js 的 getServerSideProps 或 useHead。
长度要卡在 155–160 个 Unicode 字符内
中文、英文、空格、半角标点各算 1 字；全角符号（如「，」、「！」、「★」）也各占 1 字，但容易导致解析异常，建议避开。移动端 SERP 实际显示常压缩到 120 字左右，所以前 60 字必须含动词+具体对象，比如：
- “查看 Beatsby Dre Studio Pro 官方参数与真机对比图”
- “下载 HTML5 语义化标签速查表（PDF+源码）”
- “获取 2026 年 React 与 Vue 路由性能实测数据”
别写“本网站提供…”“欢迎了解…”——用户没耐心读开场白。
立即学习“前端免费学习笔记（深入）”；
内容必须和页面真实信息强对应
Google 会比对 <h1>、首段正文、结构化数据，如果描述里写的“降噪耳机评测”，但页面开头却是“公司简介”，它大概率弃用你的 description，改从正文抽一段。确保三者语义一致：
- 描述中出现的关键词，必须在
<h1>或首段<p>中真实存在 - 避免堆砌词，例如“SEO SEO优化 谷歌SEO 排名”会被识别为垃圾内容
- 同一 CMS 模板下，每个页面的 description 必须独立，不能全局共用
针对不同平台可微调，但核心语义要统一
除了 name="description"，og:description（Open Graph）和 twitter:description 也会被社交平台抓取。它们优先级更高，但仅当配套标签（如 og:title、og:type）同时存在时才稳定生效。可以按平台习惯稍作语气调整：
-
name="description"：偏专业、带动词、强调解决什么问题 -
og:description：可稍长，补充场景或价值点，如“含 3 个实测对比维度与选购避坑指南” -
twitter:description：更口语化，加一点紧迫感，如“限时公开！前端性能优化 checklist 已更新至 v2.4”
所有版本都需保持核心事实一致，不能互相矛盾。
