不该写，直接删掉；meta name="keywords" 自2009年起被google等主流引擎弃用，既不加分也不惩罚，仅浪费html位置，应彻底移除或留空。
meta name="keywords" 还该写吗
不该写，直接删掉。meta name="keywords" 标签自 2009 年起被 Google 明确弃用，Bing、百度、Yandex 等主流引擎也早已忽略它。现在爬虫看到这行，基本跳过——既不加分，也不惩罚，只是浪费一个 <meta> 位置。
常见错误现象包括：content="前端,html,css,js,教程,入门" 这类逗号堆砌；CMS 模板里全局插入却未按页定制；多个页面复用同一组词。
- 静态 HTML：直接删除整行
<meta name="keywords" content=""> - WordPress / Hugo / Next.js 等框架：禁用相关 SEO 插件，或在模板中注释掉，例如
<!-- <meta name="keywords" content="xxx"> --> - 极少数合规场景（如政府备案表单强制要求）：只填空值
<meta name="keywords" content="">或占位符<meta name="keywords" content="none">，绝不堆词
meta name="description" 怎么写才有效
meta name="description" 不影响排名，但决定搜索结果页（SERP）里用户看到的摘要文案，直接影响点击率。它必须存在、唯一、精准，且长度严格控制。
常见错误现象：content 为空或与正文严重不符；超过 160 字符被截断；开头写“欢迎访问…”“本站提供…”；多个页面复用同一段描述。
- 长度控制在 155–160 个 Unicode 字符内（中文按字数算），可用
str.length或在线工具校验 - 开头直击主题，带动词和具体问题，例如：
content="React.memo 依赖数组漏写 props.callback 导致缓存失效的 3 种排查方法" - 每页独立撰写：首页、文章页、分类页、分页（如
/page/2）不可复用；内容雷同的列表页可省略该标签，让搜索引擎自动提取正文 - 避免双引号
"、尖括号、特殊符号（如• ★ »）、emoji 和全大写，防止 HTML 解析失败或被降权
真正起作用的关键词信号在哪
搜索引擎从不靠 meta name="keywords" 理解页面主题，而是通过可解析、有结构的内容信号来判断。这些才是实际起效的位置：
-
<title></title>：权重最高，必须包含用户真实搜索词，且自然通顺（比如"HTML meta keywords 设置方法|2026 实操指南"） -
<h1></h1>：主标题应与<title></title>高度相关，可稍作展开，避免重复 - 正文首段前 100 字：出现目标词 + 同义词 + 实体词（如
"<meta charset="UTF-8"> 必须放在 最开头"比"HTML 标签 教程"更具体） -
<img alt>：图片语义补充，尤其对图搜和无障碍重要
charset 和 viewport 是不是比 description 还重要
是的，meta charset 和 meta name="viewport" 属于基础生存项，优先级高于 description。缺了它们，页面连正常显示和索引都成问题。
常见错误现象：meta charset 缺失或位置靠后 → 中文乱码、调试器显示异常符号；viewport 缺失 → iOS 微信内页文字小到无法阅读、按钮点不准；加了 user-scalable=no → iOS 16+ 被系统限制，且违反 WCAG 可访问性规范。
-
<meta charset="UTF-8">必须放在最开头，不能在<title></title>或<link>之后 -
<meta name="viewport" content="width=device-width, initial-scale=1">应紧随charset之后，不要写死width=375等固定值 - 某些框架（如 Next.js）会自动注入
viewport，手动再写可能覆盖或冲突，需检查源码输出
真正难的不是填一个标签，而是让 <title></title> 和正文第一句话就回答用户“HTML 中如何设置页面关键词”这个问题——而答案本身已经变了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
