有效的标签需控制在155–160字符内、每页唯一、避免关键词堆砌和低质符号，且内容须与正文高度相关；google可能根据搜索词相关性动态替换该描述。
网页的 <meta name="description"> 不会被搜索引擎直接用于排名，但会影响点击率；写得不好，再好的内容也可能没人点。
怎么写有效的 <meta name="description"> 标签
它本质是一段纯文本提示，只对搜索结果页（SERP）中摘要部分起作用。浏览器和爬虫不执行、不渲染，也不影响页面功能。
- 必须放在
内，且建议紧贴<title></title>后面，避免被其他 meta 挤掉优先级 - 长度控制在 155–160 字符内（Google 通常截断在此范围），超长会被省略为“…”
- 不要堆砌关键词，比如
html 教程 html 入门 html 怎么学 html 视频—— 这类会被降权或忽略 - 每页唯一：首页、文章页、分类页的 description 必须不同，否则 Google 可能自主替换为你页面中的任意一段文字
常见错误：为什么写了 description 却没显示在搜索结果里
不是写了就一定展示。Google 会根据用户搜索词相关性，动态决定是用你写的 description，还是从正文中抽一段更匹配的。
- 页面内容与 description 严重不符（例如 description 写“Python 爬虫教程”，正文却是“CSS 布局技巧”）→ 搜索引擎大概率弃用
- description 包含重复句式、无意义符号（如 | • ★ …）、或全是大写字母 → 被判定为低质，跳过使用
- 页面未被充分抓取或索引（新站、robots.txt 屏蔽、noindex 标签存在）→ description 根本没机会参与展示
- 移动端 SERP 有时会展示更短版本（约 120 字符），若开头信息模糊，可能截出无效片段
不同 CMS 或框架里怎么设置（以实际场景为准）
静态 HTML 直接手写即可；动态站点需确认模板或插件是否覆盖了你的设置。
- WordPress：用 Yoast SEO 或 Rank Math 插件时，编辑文章底部有独立输入框；若主题硬编码了
<meta name="description">，插件设置可能失效 - Next.js：在
getStaticProps或getServerSideProps中通过next/head注入，注意 SSR 渲染时机，避免 hydration 不一致 - VuePress / VitePress：在
.md文件顶部添加description: "xxx"前置数据，主题会自动注入；若自定义主题，请检查Head组件是否读取了该字段 - 纯静态生成器（如 Hugo）：在页面 front matter 中设
description = "xxx"，模板中用{{ .Params.description }}输出到<meta>
要不要用 name="keywords"？
不用。所有主流搜索引擎（Google、Bing、Yandex）都已明确表示忽略该标签，且部分安全扫描工具会把它当作过时或可疑信号。
真正影响关键词理解的是：<title></title>、正文语义结构（<h1></h1>~<h6></h6>）、<img> 的 alt 属性、以及自然出现的上下文词频 —— 不靠 meta keywords。
如果 CMS 默认输出了这个标签，建议在模板中删掉，或用 content="" 留空，避免干扰审查。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
