meta标签必须放在中，浏览器只解析内的meta；基础三标签为charset、viewport、description；keywords已失效；robots默认不加，避免noindex误用。

meta 标签该加在 里，不是

浏览器只解析 中的 ，放在 里完全无效，连 seo 工具都扫不到。常见错误是复制别人代码时没注意嵌套位置，或者用可视化编辑器拖拽错区域。

实操建议：

• 确认所有 都在 ... 范围内
• 顺序无所谓，但建议把 charset 放最前（避免乱码影响后续解析）
• 不要重复添加相同 name 或 Property 的 ，搜索引擎会取第一个

必须加的三个基础 ：字符集、视口、描述

没有它们，页面可能乱码、在手机上缩放异常、搜索结果不显示摘要——这三类问题占个人页 SEO 失效的 70% 以上。

标准写法（直接复制可用）：

立即学习“前端免费学习笔记（深入）”；

注意点：

• charset 必须是 UTF-8，其他值（如 gbk）会导致中文显示为方块
• viewport 的 initial-scale=1.0 不能省，否则 ios safari 默认缩放为 0.5
• description 控制搜索结果摘要，长度建议 50–160 字符，超过会被截断

name="keywords" 已失效，别再加

google 自 2009 年起就忽略 name="keywords"，百度也早在 2013 年停止使用。现在加它不仅没用，还会让 html 显得过时，部分静态站点生成器甚至会警告“废弃 meta”。

替代方案：

• 关键词自然融入
  

  、

  和图片 alt 属性中

• 用 等 Open Graph 标签控制社交分享文案（如果需要）
• 确保 包含核心词，比如

个人页要不要加 robots？默认不用动

新上线的个人页通常希望被收录，而 会直接屏蔽所有搜索引擎。除非你明确不想被搜到（比如测试页、简历草稿），否则不要加。

容易踩的坑：

• 从模板复制代码时，误保留了 noindex（尤其是一些“开发者博客 starter”模板）
• 本地开发时加了 noindex，上线忘记删
• 用 Netlify/Vercel 部署时，在 _headers 或 vercel.json 里又配了一次 X-Robots-Tag: noindex，双重屏蔽

上线前用浏览器打开页面，右键「查看页面源代码」，搜 robots，没结果才是安全的。