SEO Meta 标签完全指南：title / description / og: 一个不漏

Meta 标签是搜索引擎与社交平台理解一个网页的第一道入口。同样的内容、同样的链接，标签写得好与差，搜索点击率（CTR）能差出 30 到 50；OG 图配置错误，分享到微信或 LinkedIn 直接显示为白板，链接的传播价值近乎归零。本文按 2026 年最新规范，把 SEO 与社交分发相关的 Meta 标签从基础三件套（title、description、canonical）讲到高阶清单（OG、Twitter Card、结构化数据、hreflang、robots、Apple/Android 移动端 meta），每一项都给出长度、像素、字段约束，照着配就能避开 90 的坑，让爬虫与抓取机器人在毫秒级别内抓到正确的页面信息。

1. title 标签：SEO 第一性原理

title 是搜索引擎与浏览器标签栏的核心标识。Google 桌面端 SERP 渲染宽度约 600 像素，对应英文 60 字符、中文 28 到 30 字（中文一字约 20 像素）。超出会被截断为「...」，导致语义不完整、点击率下降。移动端再短约 5 字符。建议把页面的最强关键词放在前 30 字符内，例如「SEO Meta 标签指南：2026 年完整清单 - 站点名」就比「2026 年最新 SEO Meta 标签介绍以及实战指南合集」更利于排名。

title 的写法套路：「核心关键词 - 副标题或差异点 - 品牌名」。同一站点的所有页面 title 必须唯一，重复会被 Search Console 标记为「重复网页（被规范网址覆盖）」。模板化生成时，建议加上分类、产品名、城市、价格、年份等动态变量保证唯一性。要避免堆砌（关键词出现 3 次以上）、点击诱饵（标题党）、emoji 滥用（部分场景被过滤）。

2. meta description：CTR 的杠杆

Google 已多次声明 description 不直接参与排名计算，但它决定 SERP 摘要的展示与点击率。同一关键词、同一排名，写得好的 description CTR 能比写得差的高出 20 到 30。Google 的 SERP 摘要预算约为 920 到 990 像素，对应英文 155 到 160 字符、中文 75 字左右。移动端约 130 字符。超出会被截断或被算法用页面正文片段替换。

好的 description 模板：「页面解决什么问题 + 主要内容 + 给读者的价值」。例如本文的 description「2026 年 SEO Meta 标签实战指南，覆盖 title 长度、description 字符限制、og:image 1200x630、Twitter Card、结构化数据、canonical、hreflang、robots、移动端 meta 全清单」就准确告诉读者这是一篇覆盖全清单的实战文。同站不同页面 description 也应保持唯一，重复会被 Google 自动用页面正文替换，失去人工调优的价值。

3. canonical：解决重复内容的关键武器

canonical 用于声明一组高度相似页面的「权威版本」，让搜索引擎把权重归到一个 URL 而不是分散到多个。常见使用场景：带 UTM 参数的营销链接、带分页/排序参数的列表页、AMP 与原页面、HTTP 与 HTTPS 共存、www 与裸域共存。每个页面应在 head 内声明自身或目标的 canonical，且 URL 必须是绝对路径并包含协议。同站点 canonical 与 301 重定向不冲突，但同一 URL 如果同时存在 301 与 canonical 指向不同目标，Google 会优先信任 301 并忽略 canonical。

易错点：canonical 写成相对路径、写错协议（http 写成 https 或反之）、PC 与移动版 canonical 互指（应共用一个，配合 link rel alternate media 区分）、分页页 canonical 都指向第一页（会让第二页之后的内容无法索引）。建议每次部署后用 Search Console 的「URL 检查」工具抽查若干页面的 canonical 解析结果。

4. Open Graph（OG）：社交分享的视觉门面

OG 协议由 Facebook 推出，已被 LinkedIn、Slack、Discord、Telegram、微信、QQ、钉钉等主流社交平台采纳。一个页面被分享到这些平台时，平台抓取 og 标签生成预览卡片。最低必备四件套：og:title、og:description、og:url、og:image。可选但强烈推荐：og:type（article/website/product）、og:site_name、og:locale（zh_CN）、article:published_time、article:author。

og:image 的最佳尺寸是 1200 x 630 像素，比例 1.91:1，文件 8MB 以内（建议 300KB 以内）。务必使用绝对 URL，相对路径在多数平台无法抓取。图片应包含品牌 logo 与一句话核心信息，避免文字过小（在缩略图中不可读）。微信对 og 兼容有限，建议同时配置 itemprop image 与 description 兜底。我们站点的 OG 图通过 scripts/generate-og.mjs 自动生成，确保每篇文章都有差异化封面。

5. Twitter Card：X 平台的独立协议

Twitter（现 X）有自己的卡片协议，但会回退到 og 标签。最常用的是 summary_large_image，支持 1200 x 630 大图与标题描述。声明四个标签：twitter:card 设为 summary_large_image、twitter:site 填站点 X 账号、twitter:title、twitter:description（X 限制 200 字符）。如果 og 已配置完整，twitter:image、twitter:title、twitter:description 可省略，X 会自动使用 og 对应字段。但 twitter:card 必须显式声明，否则默认渲染为小卡片，视觉冲击差很多。

验证工具：Twitter Card Validator（cards-dev.twitter.com/validator）能预览卡片实际效果并提示错误。LinkedIn 提供 Post Inspector，Facebook 提供 Sharing Debugger，三家工具都允许强制刷新缓存（避免改了 og 标签但旧版本卡片仍显示）。

6. 结构化数据：让搜索引擎读懂内容类型

结构化数据使用 schema.org 词汇表，以 JSON-LD 格式嵌入页面。Google 推荐 JSON-LD 优于 microdata 与 RDFa。常用类型：Article（新闻、博客、教程）、Product（电商）、FAQPage（FAQ 列表）、BreadcrumbList（面包屑）、Organization（公司）、Person（个人主页）、HowTo（教程步骤）、Recipe（菜谱）、VideoObject（视频）、Event（活动）、SoftwareApplication（应用）。

Article 必填字段：headline、image、datePublished、dateModified、author、publisher。Product 必填：name、image、description、offers（含 price 与 priceCurrency）。FAQPage 每个 Question 节点必须含 name 与 acceptedAnswer.text。结构化数据正确的页面有机会获得 SERP 富文本摘要（rich result），如带评分的 Product、带步骤的 HowTo、带答案直接展示的 FAQ，平均点击率比普通蓝色链接高 50 以上。验证用 Google Rich Results Test 工具。

7. hreflang 与 robots：国际化与抓取控制

hreflang 用于声明同一内容的多语言版本，防止 Google 把英文版与中文版判定为重复内容。在 head 内为每个语言版本写 link rel alternate hreflang xx，例如 zh-CN、zh-TW、en-US。三大铁律：每个语言版本必须互相声明（包括自身）、必须使用 ISO 639-1 语言码 + ISO 3166-1 区域码（不要用 zh-Hans）、加 x-default 兜底指向语言切换页。Search Console 的国际化定位报告会标出未对称声明的错误。

robots meta 控制单个页面被搜索引擎处理的方式。常用值：index/noindex（是否索引）、follow/nofollow（是否传递权重给链接）、noarchive（不显示快照）、nosnippet（不显示摘要）、max-snippet:160、max-image-preview:large、max-video-preview:-1、unavailable_after:2026-12-31（指定日期下线）。robots.txt 与 robots meta 不重叠：robots.txt 控制抓取，meta 控制索引。被 robots.txt 禁止抓取的页面，反而可能被 Google 索引但只显示 URL（因为 Google 看不到 noindex 指令）。需要彻底从索引中移除时，应允许抓取并加 noindex meta。

8. 移动端与 Apple 专属 meta：从渲染到 PWA

viewport 是移动端必须存在的标签：width=device-width, initial-scale=1, viewport-fit=cover。viewport-fit=cover 让页面延伸到 iPhone 刘海与圆角区域，是 2026 年的标准写法。theme-color 控制移动浏览器顶部状态栏与 Android 任务切换器卡片背景色，建议跟品牌色一致。color-scheme 声明 light dark，让浏览器在深色模式下渲染正确背景。

Apple 专属：apple-mobile-web-app-capable=yes 让网页支持「添加到主屏幕」全屏模式；apple-mobile-web-app-status-bar-style 控制状态栏（black-translucent 是最常用）；apple-touch-icon 提供主屏图标，建议 180 x 180。Android PWA 用 manifest.json 配置图标、启动画面、主题色，head 里写 link rel manifest 引入。format-detection=telephone=no 防止数字被自动识别为电话号码。最后是 charset=UTF-8，必须放在 head 第一项前 1024 字节内，否则浏览器可能用错误编码解析后续内容。

9. 2026 年 Meta 标签关键要点速记

第一，title 与 description 必须每页唯一，长度卡在桌面端 60/160 字符内。第二，canonical 必须为绝对 URL，与 301 / hreflang 配置不冲突。第三，OG 与 Twitter Card 是社交分发命脉，og:image 1200x630、绝对 URL、300KB 以内。第四，结构化数据建议 JSON-LD，优先 Article、Product、FAQPage、BreadcrumbList，争取富文本摘要。第五，hreflang 必须双向声明 + x-default。第六，robots meta 与 robots.txt 分工明确，noindex 必须允许抓取。第七，移动端 viewport-fit=cover、theme-color、color-scheme 已是标配。每次发布前用 HTML 实体转义工具检查 meta content 中的特殊字符是否正确转义，用 JSON 格式化工具校验 JSON-LD 结构是否合法，再用 favicon 生成工具生成全套图标，避免分享卡片或 PWA 安装时出现破图。

常见问题

title 标签长度多少字符最合适？

Google 桌面端 SERP 显示宽度约 600 像素，对应英文 60 字符或中文 28 到 30 字。移动端略短，约 50 字符或 25 字。建议把核心关键词放在前 30 字符内，超出部分会被截断为省略号。同一站点不同页面 title 不要重复，否则被判定为低质量重复内容。

meta description 还有 SEO 价值吗？

虽然 Google 已声明 description 不直接参与排名计算，但它决定 SERP 的点击率（CTR）。一个好的 description 能让点击率提升 20 到 30。CTR 又是 Google 排名信号之一，所以 description 间接影响 SEO。建议长度 120 到 160 字符，明确说明页面价值并包含关键词。

og:image 必须 1200x630 吗？

这是 Facebook、LinkedIn、微信等主流平台推荐的最大尺寸，最小 600x315。比例 1.91:1 是社交平台默认裁剪比例。Twitter summary_large_image 也兼容这一尺寸。文件控制在 8MB 以内，建议 300KB 以下加载更快。务必使用绝对 URL，相对路径不会被抓取。

canonical 和 301 重定向有什么区别？

301 是服务端强制跳转，用户与搜索引擎都看到目标 URL，权重 100 传递。canonical 是「软」声明，页面仍可被访问，搜索引擎将权重归到 canonical 指向的 URL。带参数的列表页、A/B 测试页适合用 canonical，永久迁移用 301。两者不冲突但不要在同一 URL 上互相矛盾。

hreflang 怎么写才不会出错？

三个铁律：第一，每个语言版本互相声明（自我引用 + 所有兄弟版本）。第二，使用 ISO 639-1 语言码 + ISO 3166-1 区域码，例如 zh-CN、zh-TW、en-US，不要写 zh-Hans。第三，加 x-default 兜底，指向语言切换页或主版本。Google Search Console 的国际化定位报告能验证配置是否正确。