必须置于 中且仅出现一次，长度控制在155–160字符内，用自然语言精准描述当前页唯一解决的问题，避免泛化表述、关键词堆砌和特殊符号；它不直接影响seo排名，但显著影响点击率（ctr），进而间接影响展现权重。
meta description 标签写在哪、怎么写才有效
<meta name="description"> 必须放在 里，且只允许出现一次。它不参与页面渲染，但会被搜索引擎（如 Google、Bing）用作搜索结果页的摘要展示——前提是内容匹配用户查询且未被截断。
常见错误是把它塞进 ，或重复写多个，这会导致被忽略；也有人直接复制首页 <title></title> 或堆砌关键词，反而降低点击率。
- 长度控制在 155–160 个字符内（含空格），超长会被截断为“…”
- 开头就放核心信息，避免以“本网站提供…”“欢迎访问…”这类泛化表述起头
- 用自然语言描述当前页唯一能解决的问题，比如“如何用
JSON.parse()安全解析带注释的 JSON 字符串”比“JSON 解析教程”更易获点击 - 不要包含引号、特殊符号（如 »、•）、emoji，部分搜索引擎会显示异常或直接弃用整段
meta description 和 SEO 排名到底有没有关系
Google 明确表示：<meta name="description"> 不影响排名算法。但它直接影响点击率（CTR），而 CTR 是 Google 长期观察的用户行为信号之一——高点击率可能间接提升展现权重。
真正影响排名的是页面内容质量、结构化标记、加载速度、移动端适配等。但如果你的 description 和用户搜索词完全不相关，即使排到第一页，也可能被跳过。
- 别为每个页面硬凑不同 description：内容雷同的列表页（如分页
/page/2）可省略该标签，让搜索引擎自动抓取正文片段 - 动态生成页面（如 CMS 或 SSR）要确保每页的
description值真实反映该 URL 的主体内容，而非模板默认值 - 中文页面注意全角/半角空格混用可能导致字符数误判，建议用
str.length或在线工具校验实际字节数（UTF-8 下中文占 3 字节，但搜索引擎按 Unicode 字符计数）
哪些情况会忽略 meta description
即使写了合规的 <meta name="description">，Google 也可能弃用它，改从页面正文中提取一段作为摘要。典型触发场景包括：
- 用户搜索词在页面
<h1></h1>或首段正文中高频出现，且上下文更贴切 - description 内容与当前 URL 实际内容偏差大（例如商品页写了“限时折扣”，但页面已下架）
- description 中包含与搜索词无关的促销话术、电话号码、邮箱等非主题信息
- 页面启用
<meta name="robots" content="noodp">或类似指令，但 Open Directory Project 已停用，这条基本失效
验证是否生效：在 Google 搜索 site:yourdomain.com/xxx，看结果摘要是否为你写的那句。不是？说明被替换了。
用 JavaScript 动态写 meta description 有用吗
没用。Googlebot 当前虽支持渲染 JS，但对 <meta> 标签的读取发生在 HTML 解析早期阶段，几乎不等待 JS 执行。你在 document.addEventListener('DOMContentLoaded', ...) 里用 document.querySelector('meta[name=description]').setAttribute(...) 修改，对爬虫无效。
服务端渲染（SSR）、静态站点生成（SSG）或构建时注入才是可靠方式。Next.js 用户应使用 next/head 或 generateMetadata；VuePress 用户通过 frontmatter.description；纯 PHP 页面直接 echo 输出即可。
容易被忽略的一点：CDN 缓存了旧版 HTML，导致你改了 description 却迟迟不生效。检查响应头中的 Cache-Control 和实际返回的 HTML 源码，确认修改已上线。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
