摘要应包含研究目的、方法、结果和结论四要素，避免常识性内容、引言重复、自我评价或非公知术语，需逻辑严密、表述精准、用第三人称并遵循学术规范。
绝大多数网站的 meta 标签只写了 <meta charset="UTF-8"> 和 <meta name="viewport">，但真正影响 SEO、分享效果和爬虫行为的关键配置，往往藏在剩下那几条被忽略的 meta 里。
为什么 description 必须每页唯一且控制在 155 字以内
Google 搜索结果中展示的摘要，90% 来自 <meta name="description" content="">。如果多页共用同一段 description，或内容空缺，Google 会自动截取正文片段——常出现关键词堆砌、语义断裂、甚至泄露后台路径（如 /admin/）。
- 实际长度以字节计：中文 UTF-8 下 155 字 ≈ 465 字节，Chrome 最多显示约 155 个 Unicode 字符（含标点、空格），超出部分会被省略号截断
- 必须包含核心关键词，但不能重复堆砌；开头 60 字要能独立传达页面主旨，因为移动端常只显示前两行
- CMS 或 SSR 页面容易批量生成雷同 description，需检查模板中是否误用了全局变量（如
{{ site.description }}而非{{ page.description }}） - 避免使用“欢迎访问XXX网站”这类无信息量文案；电商商品页应写“iPhone 15 Pro 256GB 深空黑色｜A17 Pro芯片｜Pro级摄像头｜官方保修”，而非“苹果手机 - 商品列表”
robots 的 noindex 何时生效、何时失效
<meta name="robots" content="noindex"> 是告诉爬虫“别收录本页”，但它不是万能开关——很多场景下它根本不起作用。
- 如果页面已被收录，加
noindex后 Google 通常需数天到数周才移除；期间仍可能出现在搜索结果中（标注“已删除”） - 当服务器返回 HTTP 状态码 404 / 410，或 robots.txt 明确禁止抓取该路径时，
noindexmeta 会被忽略 - 动态参数页（如
/blog?page=2）必须配noindex, follow，否则大量重复内容会稀释首页权重；但若该页有 canonical 指向主列表页，则只需follow即可 - Staging 环境务必全局加
<meta name="robots" content="noindex, nofollow">，否则测试页可能被意外收录，造成权重污染
Open Graph 和 Twitter Card 不是“锦上添花”，而是分享链路的必填项
微信、微博、钉钉、飞书等国内平台虽不完全遵循 Open Graph 协议，但会优先读取 og:title、og:description、og:image；Twitter 则强制依赖 twitter:card 才能渲染卡片。
立即学习“前端免费学习笔记（深入）”；
-
og:image必须是绝对 URL，且图片尺寸建议 ≥ 1200×630 px；相对路径或未设置 CORS 的图床链接会导致分享时显示空白或默认图标 - 微信内分享若未设
og:title，会 fallback 到<title></title>，但常截断过长标题（如含品牌后缀“- 官网”），应单独优化og:title字数（≤ 32 字） -
twitter:card值为summary_large_image时，Twitter 才会展示大图；设成summary仅显示小缩略图，点击率下降约 40% - 不要遗漏
og:url：它定义了该分享的“权威地址”，必须与当前页面真实 URL 一致，否则点赞/转发数据无法归集
charset 和 viewport 放错位置会直接破坏页面渲染
<meta charset="UTF-8"> 必须是 中第一个标签，<meta name="viewport"> 应紧随其后。顺序错误会导致不可逆的乱码或布局崩溃。
- 若
charset不是首个标签，浏览器可能在解析到它之前已按默认编码（如 ISO-8859-1）解码 HTML，导致中文全部显示为 符号，刷新也无法恢复 - 某些框架（如 Next.js）会自动注入
viewport，此时手动再写一条会导致冲突；可通过查看源码确认是否已存在，避免重复 -
width=device-width不能替换成固定值（如width=375），否则在 Pixel 7、iPhone 15 Pro Max 等高 DPR 设备上文字会异常模糊 -
user-scalable=no已被主流无障碍指南明确反对，不仅影响视障用户，还会触发 Lighthouse “可访问性” 报错
真正难的不是写对这几行 meta，而是在 CMS、SSR、CDN 多层缓存下，确保每个 URL 返回的 meta 内容都精准匹配当前页面语义——这需要模板逻辑、路由参数、数据加载时机三者严丝合缝。
