你需要了解的10个重要SEO元标签（中）

中文版

第1部分我们已经处理了基础内容：标题标签和meta描述。现在进入控制搜索引擎行为和社交分享的标签。这些标签的重点不是告诉Google你的页面说了什么，而是告诉Google该怎么处理这个页面。

直接进入正题。

Meta Robots标签：页面级控制

meta robots标签放在单个页面的<head>里，告诉爬虫是否索引该页面，以及是否跟踪页面上的链接。写法如下：

<meta name="robots" content="noindex, nofollow">

两个主要值是index/noindex和follow/nofollow，可以组合使用：

• index, follow — 默认行为。索引页面，跟踪链接。
• noindex, follow — 不出现在搜索结果中，但仍爬取页面上的链接。
• index, nofollow — 索引页面，但不爬取页面上的链接。
• noindex, nofollow — 完全忽略该页面。

这是页面级控制。它和robots.txt完全不同，后者是服务器层面的全站或目录级指令。

一个会毁掉一切的常见错误

不要在设置了noindex的页面上同时用robots.txt阻止爬虫。原因很简单：如果robots.txt阻止了爬虫，爬虫根本不会抓取这个页面，自然也就看不到你的noindex标签。结果呢？页面仍然会出现在搜索结果里，带着爬虫上次看到的旧内容。

规则很简单：想用noindex，页面必须能被爬取。用robots.txt阻止你完全不想被爬取的内容。用noindex处理那些你允许爬虫看到但不想进索引的页面。

什么时候该用Noindex

不需要在每页都用noindex，要有选择地用：

• 内容单薄的页面 — 几乎没有独特内容的页面，比如自动生成的标签页，反复重复同样的文字。
• 感谢页和确认页 — 表单提交后的页面，你不想让那个URL出现在搜索结果里。
• 站内搜索结果的页面 — 类似/search?q=shoes这样的URL绝对不该被索引，它们既重复又对搜索者没有价值。
• 测试站点 — 如果有一个通过公网URL访问的测试版本，给所有页面加上noindex。

说句实在话：noindex是强指令，但Google说处理需要时间。别指望立刻消失。如果页面需要马上下线，用404或301重定向更靠谱。

Canonical标签：合并重复内容

canonical标签放在页面上，意思是“嘿，这个内容的权威版本在这个URL”。写法如下：

<link rel="canonical" href="https://www.example.com/product/blue-shoe">

它是一个提示，不是严格指令。如果Google认为你搞错了，它可以忽略。但实际中，这是合并重复或近似重复URL最可靠的方法。

为什么需要它

如果你的产品有多个颜色变体，可能会有这样的URL：

• /product/shoe?color=blue
• /product/shoe?color=red
• /product/shoe?color=green

三个URL展示的是同一个基础产品。你希望Google只索引一个主版本，把所有的排名信号都集中到它身上。这就是canonical标签做的事情。

避免踩坑的规则

严格遵守这些规则：

• 始终用绝对URL。 写https://www.example.com/page，不要写/page或www.example.com/page。相对URL有歧义，容易出错。
• 每个页面都放一个自引用canonical。 即使页面没有重复版本，也加上指向自己的canonical。这样当跟踪参数或会话ID产生替代版本时，不会造成混乱。
• 避免canonical链。 如果页面A指向页面B，页面B又指向页面C，就形成了链。搜索引擎可能无法正确跟踪。始终直接指向最终的首选URL。

两个伤人的错误

第一，不要canonical到一个noindex的页面。如果你告诉Google权威版本不该被索引，合并后的页面可能也不会被索引，那就失去意义了。

第二，小心处理分页系列。如果一篇10页的文章分布在多个URL上，不要把每页都canonical到第1页。那等于告诉Google第2到第10页都是重复的，你会失去这些页面内容排名的机会。应该用rel="next"和rel="prev"（或者让它们各自独立，配上自引用canonical）。

Open Graph标签：控制社交分享预览

Open Graph（OG）标签不是排名因素，对Google搜索结果没有任何作用。但它们控制你的链接在Facebook、LinkedIn、WhatsApp等平台分享时的展示效果。对海外业务来说，这是社交媒体上的第一印象。

核心标签如下：

<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="A short, punchy description">
<meta property="og:image" content="https://www.example.com/images/share.jpg">
<meta property="og:url" content="https://www.example.com/page">
<meta property="og:type" content="website">

图片最重要

og:image是让你的链接在信息流中脱颖而出的关键。推荐尺寸是1200x630像素，这是大多数平台的标准横版格式。如果图片太小或形状奇怪，平台可能会裁切得很糟糕，甚至直接忽略。

务必使用绝对图片URL。相对路径如/images/share.jpg在大多数社交平台上会失效，因为它们从你的网站抓取图片，而不是从页面上下文中解析。

另外，加上og:image:alt提升无障碍性：

<meta property="og:image:alt" content="Product photo of blue running shoes on a white background">

这对屏幕阅读器有帮助，有些平台在图片加载失败时也会显示替代文字。

要避开的常见错误

• 完全没有og:image。 没有它，平台会随便抓页面上的图片，结果往往很难看。
• 相对图片URL。 会失效。用完整的https://链接。
• 社交标题和描述与页面内容不符。 如果og:title承诺了一件事，页面给的是另一回事，用户会直接离开。保持一致性。

不需要手动给每个页面加OG标签。大多数内容管理系统都有插件或模块自动生成。但如果你手写代码，加到模板里就行。

接下来是什么

你现在已经掌握了索引控制、重复内容合并和社交分享控制，这是一个扎实的基础。在第3部分，我们会覆盖Twitter Cards（用于X平台分享）、移动端viewport设置、字符集声明，以及多语言网站的hreflang标签。这些是完整元标签配置剩下的部分。

(文中案例与数字均为来源材料中提及，未经独立核实。)

系列：出海建站