meta description 是专供搜索引擎和部分平台抓取的页面摘要，浏览器不显示也不渲染；需置于中且唯一，长度120–160字符，须准确简洁、含动词、避免堆砌关键词与无效表述。
meta description 是什么，浏览器真会用它吗
它只是给搜索引擎看的摘要信息，不是页面内容的一部分，浏览器不会显示它，也不影响页面渲染。搜索引擎是否展示、怎么截断、甚至是否忽略，完全由它们自己决定。但写得规范，能提升搜索结果里的点击率。
常见错误现象：description 内容和页面实际主题无关；长度超过 160 字符导致被截断；堆砌关键词被判定为垃圾内容；漏写或写成空字符串。
- 必须放在
里，且只能出现一次 - 推荐长度控制在 120–160 个字符（含空格），中文按字数算，英文按字符数算
- 避免重复使用同一段描述到多个页面，否则会被视为低质内容
- 不要包含双引号
"或尖括号，容易破坏 HTML 结构
怎么写才不被搜索引擎当成垃圾
核心是「准确 + 简洁 + 有动词」。别写“欢迎访问我们的网站”，要写“用 fetch() 替代 XMLHttpRequest 的 3 种安全写法｜含错误重试与超时控制”。
使用场景：SEO 优化、内容聚合平台抓取摘要、社交媒体分享预览（部分平台会 fallback 到 description）。
- 开头就点明主题，比如“
React.memo性能陷阱：依赖数组漏写props.callback会导致无效缓存” - 避免用“本站”“本网站”这类无意义主语
- 不用特殊符号（如 ❗️?）或过多标点，部分爬虫解析失败
- 动态页面需确保服务端输出的
content值随页面真实内容变化，不能全站统一模板
HTML 里怎么写，name 和 property 有什么区别
标准写法只用 。别用 property="og:description" 代替它——那是 Open Graph 协议用的，面向社交平台，和 SEO 无关。
参数差异：name 是 HTML 标准属性，所有搜索引擎都认；property 属于 og: 命名空间，只被 Facebook、LinkedIn 等少数平台读取。
- 必须用双引号包裹
content值，单引号可能在某些 CMS 或构建工具中出错 -
content中的换行、制表符会被压缩为空格，别指望靠空格排版 - 如果页面用 SSR（如 Next.js、Nuxt），确保
description在首屏 HTML 中已存在，而不是靠 JS 注入
为什么加了 description 还没出现在搜索结果里
最常见原因是页面还没被重新抓取，或者搜索引擎判断当前页面质量不够、内容匹配度低，直接弃用你写的描述，改用自己提取的片段。
性能 / 兼容性影响：零影响。这个标签不参与任何渲染、执行或网络请求，纯元数据。
- 新上线页面通常需要几天到几周才会被重新索引，可用 Google Search Console 的「URL 检查」工具手动请求索引
- 检查是否被 robots.txt 屏蔽，或页面返回了
noindex头/标签 - 用浏览器查看源码，确认
确实存在于最终输出的 HTML 中，而不是被构建工具误删
实际生效的关键不在写得多漂亮，而在确保它真实、唯一、可被爬虫第一时间拿到。很多人花时间润色文案，却忘了检查 SSR 输出或 CDN 缓存是否把旧的 description 固化住了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
