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 有什么区别
标准写法只用 <meta name="description" content="...">。别用 property="og:description" 代替它——那是 Open Graph 协议用的，面向社交平台，和 SEO 无关。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
参数差异：name 是 HTML 标准属性，所有搜索引擎都认；property 属于 og: 命名空间，只被 Facebook、LinkedIn 等少数平台读取。
- 必须用双引号包裹
content值，单引号可能在某些 CMS 或构建工具中出错 -
content中的换行、制表符会被压缩为空格，别指望靠空格排版 - 如果页面用 SSR（如 Next.js、Nuxt），确保
description在首屏 HTML 中已存在，而不是靠 JS 注入
为什么加了 description 还没出现在搜索结果里
最常见原因是页面还没被重新抓取，或者搜索引擎判断当前页面质量不够、内容匹配度低，直接弃用你写的描述，改用自己提取的片段。
性能 / 兼容性影响：零影响。这个标签不参与任何渲染、执行或网络请求，纯元数据。
- 新上线页面通常需要几天到几周才会被重新索引，可用 Google Search Console 的「URL 检查」工具手动请求索引
- 检查是否被 robots.txt 屏蔽，或页面返回了
noindex头/标签 - 用浏览器查看源码，确认
<meta name="description">确实存在于最终输出的 HTML 中，而不是被构建工具误删
