首页 / SEO book / 内容与站内优化 / SEO 元标签使用完整指南

SEO 元标签:面向新手的简明指南

SEO 元标签使用完整指南内容与站内优化

每个网页都有元标签,但它们只在 HTML 代码中可见。本指南将教你如何使用(以及不该使用)六种最重要的 SEO 元标签:元标题、元描述、元 robots 等。

元标签(meta tags)是一小段代码,用于告诉搜索引擎关于网页的重要信息,例如它们应如何在搜索结果中展示你的页面,还会告诉浏览器如何向访客呈现页面。

每个网页都有元标签,但它们只在 HTML 代码中可见。

本指南将介绍以下六种最重要的 SEO 元标签该怎样使用,以及不该怎样使用:

  1. 元标题
  2. 元描述
  3. 元 robots
  4. 元刷新重定向
  5. 元字符集
  6. 元 viewport

元标题

这是 Google 和大多数其他搜索引擎在搜索结果中展示的页面标题。

为什么它对 SEO 很重要

Google 的解释最为到位:

最佳实践

  • 为每个页面撰写独一无二的标题标签;
  • 简洁,但要具备描述性;
  • 避免笼统和含糊的标题;
  • 使用句首大写或标题式大写;
  • 写出值得点击的内容——而不是标题党;
  • 匹配搜索意图;
  • 在合理的位置包含你的目标关键词;
  • 控制在 60 个字符以内。

推荐阅读: 如何打造完美的 SEO 标题标签(我们的四步流程)

如何为你的页面添加标题标签

把下面的代码粘贴到页面的 [['Text', '<head>']] 部分:

如果使用 WordPress,可安装像 Yoast 这样的SEO 插件,你应当在页面或文章编辑器中看到设置标题标签的位置。

其他 CMS(如 Squarespace 和 Wix)也内置了类似功能。

如何发现并修复常见的标题标签错误

标题标签有四种常见问题:

  1. 太长/太短。Google 表示应“避免不必要地冗长或啰嗦的标题”,同时保持“描述性且简洁”。
  2. 不存在。Google 表示每个页面都应有标题标签。
  3. 一个页面上有多个标题标签。 如果页面上有不止一个标题标签,搜索引擎可能展示不理想的标题标签。
  4. 多个页面标题重复。Google 表示“为网站上的每个页面设置独特、有描述性的标题很重要”。

要检查某个页面是否存在前两个问题,可把 URL 粘贴到像 SERPSim 这样的免费工具中。

如果它没有返回标题,那就需要添加一个。

如果像素长度计数显示为红色,就说明需要缩短。

要检查重复和多个标题标签,可用 Ahrefs 的站点审计(Site Audit)抓取网站。

然后在 On page(页面)报告中检查“Multiple title tag”(多个标题标签)错误:

通过从受影响的页面中删除其中一个标签来修复这些问题。

接下来,转到 Duplicate content(重复内容)报告,查找带有“Bad duplicate”(严重重复)错误的标题标签:

重写受影响页面的标题标签,使其独一无二。

注意,这份报告还会显示标题标签过长、过短、缺失或为空的页面。

元描述

元描述概括页面内容,搜索引擎常用它作为搜索结果中的摘要片段。

为什么它对 SEO 很重要

Google 再次解释得最到位:

不过,元描述并不是直接的排名因素。Google 表示:

最佳实践

  • 为每个页面撰写独特的描述;
  • 力求准确概括内容;
  • 避免笼统的描述;
  • 使用句首大写;
  • 写出值得点击的内容,而不是标题党;
  • 匹配搜索意图;
  • 在合理的位置包含你的目标关键词;
  • 控制在 160 个字符以内

推荐阅读: 如何高效地写出完美的元描述

如何为你的页面添加元描述

把下面的代码粘贴到页面的 [['Text', '<head>']] 部分:

如果使用 WordPress,可以在 Yoast 中轻松完成。

其他 CMS(如 Squarespace 和 Wix)也有类似功能。

如何发现并修复常见的元描述错误

元描述的四种常见问题与标题标签相同:

  1. 太长/太短。Google 表示“元描述可以有多长并没有限制,但搜索结果摘要会按需截断,通常是为了适配设备宽度。”
  2. 不存在。Google 表示“要确保网站上的每个页面都有元描述。”
  3. 一个页面上有多个元描述。不止一个标签可能会让搜索引擎困惑。
  4. 多个页面元描述重复。 Google 表示你应当“为不同页面区分描述”。

可用 SERPSim 或 Yoast 逐页检查前两个错误。

用 Ahrefs 的站点审计抓取网站,并检查 On page(页面)报告,以在所有页面上检查前三个错误。

检查 Duplicate content(重复内容)报告,找出跨页面的重复元描述。

使用与标题标签相同的修复方法。

元 robots

元 robots 标签告诉搜索引擎它们是否以及如何抓取你的网页。

语法

为什么它对 SEO 很重要

在元 robots 标签中使用错误的属性,可能对网站在搜索结果中的表现造成灾难性影响。SEO 成效取决于你是否理解这个标签并能有效使用它。

考虑到这一点,以下是该标签可以使用的取值:

  • index:告诉机器人索引该页面;
  • noindex:告诉机器人不要索引该页面;
  • follow:告诉机器人抓取页面上的链接,并且你为这些链接背书;
  • nofollow:告诉机器人不要抓取页面上的链接,也不隐含任何背书。

你可以通过以下任一方式组合使用它们:

你也可以使用 [['Text', '<meta name=”robots” content="none">']],它等同于 noindex, nofollow。不设置元 robots 标签也等同于 index, follow。

最佳实践

  • 仅在你希望限制 Google 抓取页面方式时,才使用元 robots 标签;
  • 不要在 robots.txt 中用元 robots 标签去屏蔽页面;

推荐阅读: Robots 元标签与 X‑Robots-Tag:你需要知道的一切

如何为你的页面添加元 robots 标签

把上面相应的代码粘贴到页面的 [['Text', '<head>']] 部分。

在 WordPress 中,可使用 Yoast 的高级设置来设置元 robots 标签:

大多数 CMS 都内置了类似的选项。

如何诊断并修复常见的元 robots 错误

元 robots 有三种常见错误:

  1. 被 robots.txt 屏蔽的 noindex 页面。这会阻止 Google 看到 noindex robots 标签,因此它们可能仍会索引该 URL。
  2. 意外的 meta noindex。这会阻止 Google 索引该页面,因此它不会获得自然流量。
  3. 意外的 meta nofollow。这会阻止 Google 抓取页面上的链接,可能妨碍重要内容的发现与索引。它还会阻止 PageRank 流向那些页面——这可能并非你所愿。

你可以用 Google Search Console 中的 Coverage(覆盖率)报告检查前两个问题。

要找出可能被设为 meta robots noindex 的已索引页面,点击“Valid with warnings”(有效但有警告)标签,查找“Indexed, though blocked by robots.txt”(已索引,但被 robots.txt 屏蔽)警告:

检查这些页面的源代码,看是否有 meta robots noindex 标签。根据想达成的目的,移除 robots.txt 屏蔽或 meta robots noindex 标签中的其中一个。

要找出意外的 meta robots noindex 标签,点击“Excluded”(已排除)标签,查找“Excluded by ‘noindex’ tag”(被 ‘noindex’ 标签排除)的页面:

从任何应当被索引的页面中移除该 robots 元标签。

要找出带有意外 meta robots nofollow 标签的页面,用 Ahrefs 的站点审计抓取网站,并在 Indexability(可索引性)报告中检查“Nofollow page”(nofollow 页面)警告。

除非特别希望搜索引擎不要抓取页面上的链接,否则请移除该标签。

元 viewport

元 viewport 标签设定网页的可见区域。它用于指示浏览器如何在不同屏幕尺寸(即桌面/平板/手机)上呈现页面。

为什么它对 SEO 很重要

Google 表示“该标签的存在向 Google 表明该页面适合移动端”。这一点很重要,因为自 2015 年起,Google 会在移动搜索结果中给予移动友好型网页更高的排名。

以下是一个页面在有和没有元 viewport 标签时在手机上可能呈现的样子:

当桌面版页面在手机上加载时,许多人很可能会点击返回按钮。这很烦人,也让内容难以阅读,可能向 Google 发送负面信号,表明你的页面存在某些不理想之处。

最佳实践

  • 在所有网页上使用元 viewport 标签;
  • 除非你知道自己在做什么,否则使用“标准”标签(见下文)

如何为你的页面添加元 viewport 标签

把下面的代码粘贴到网页的 [['Text', '<head>']] 部分:

注意,content 属性不一定非要设为 width=device-width, initial-scale=1.0,但这是最常见的实现方式,对大多数页面而言也是正确的。

如何诊断并修复常见的元 viewport 错误

由于大多数 CMS 和主题都会自动设置 viewport,在多数现代网站上,与该标签相关的问题并不常见。

话虽如此,你可以用 Google Search Console 中的 Mobile Usability(移动设备易用性)报告来检查问题。

这会显示在移动设备上存在易用性问题的页面。如果该问题哪怕部分源于缺少 viewport 元标签,它就会显示“Viewport not set”(未设置 Viewport)错误。

通过为任何受影响的页面添加合适的元 viewport 标签来修复此问题。

不用 Google Search Console?

元 viewport 几乎总是在站点级别设置,通常被硬编码在主题中。

可使用 Google 的移动设备友好性测试工具检查首页是否有元 viewport 标签。

如果该标签不在首页上,那么它可能也不在网站的其他任何地方。

注意,这远远不是一个万无一失的方法,只要有可能,应当始终使用 Google Search Console。

元字符集

元字符集标签设定网页的字符编码,即告诉浏览器网页上的文本应如何显示。

有数百种不同的字符集,但网络上最常见的两种是:

  • UTF-8 - Unicode 的字符编码;
  • ISO-8859-1 - 拉丁字母的字符编码。

在这里查看完整列表。

为什么它对 SEO 很重要

使用错误的字符编码可能导致某些字符在浏览器中显示不正确。

字符格式问题对用户体验不利,可能让页面看起来相当错乱。

这可能引发如下 SEO 问题:

  • 人们不愿意链接到你的页面。
  • 高跳出率、低页面停留时间和低停留时长。
  • 搜索引擎无法理解你的内容。

但说句实话:

除非页面因字符集问题而严重错乱(这不太可能),否则影响会相当有限。

尽管如此,值得一提的是,Google 建议尽可能使用 Unicode/UTF-8。

最佳实践

  • 在所有网页上使用元字符集标签;
  • 尽可能使用 UTF-8;
  • 为你的 HTML 版本使用正确的语法(见下文)。

如何为你的网页添加元字符集标签

把下面的代码粘贴到网页的 [['Text', '<head>']] 部分:

如果使用 HTML4 或更低版本,请改用这段代码:

如果不确定自己用的是哪个 HTML 版本,可在源代码中查找 [['Text', '<!doctype html>']]。若有,那你用的就是 HTML5。

如何诊断并修复常见的元字符集错误

大多数网站使用 UTF-8 或 ISO-8859-1 字符编码。

前者优于后者。

因此,值得检查网站上是否有未使用 UTF-8 编码的页面。你可以在 Ahrefs 的站点审计中完成:转到 Page Explorer,然后使用这些设置:

如果搜索返回任何结果,请逐个手动检查它们是否存在字符编码问题。

如有可能,切换到 UTF-8 编码。这可能解决问题,但并非总是如此。不过,如果根本不设置元字符集,浏览器将被迫猜测,可能向用户显示乱码。

元刷新重定向

元刷新标签告诉浏览器在设定的时间后把用户重定向到不同的 URL。

为什么它对 SEO 很重要

元刷新重定向标签对 SEO 很重要,其含义是不应使用它们,尽管 Google 能理解并遵循它们。

原因有几点:

  • 并非所有浏览器都支持;
  • 可能让用户困惑(并引发安全问题);
  • 页面需要先被解析才能看到目标 URL,这需要一些时间。

另一个潜在问题出现在页面上没有 规范标签(canonical tag)时,正如 John Mueller 在这条推文中所解释的:

最佳实践

  • 除绝对必要外,避免使用元刷新重定向标签;
  • 改用 301 重定向。

如何为你的页面添加元刷新重定向标签(如果你确实需要)

把下面的代码粘贴到页面的 [['Text', '<head>']] 部分:

content 属性指定以秒为单位的时间延迟,URL 属性指定重定向 URL。

如何发现并修复常见的元刷新重定向错误

元刷新重定向是不良做法,因此最好尽可能移除它们。

要找到它们,可用 Ahrefs 的站点审计抓取网站,并检查 Internal pages(内部页面)报告。查找“Meta refresh redirect”(元刷新重定向)错误。

尽可能将它们替换为 301 或 302 重定向。

如果不行,请检查是否存在 规范标签,并确保它指向该页面的规范版本。

那元关键词呢?

有些文章说要往元关键词标签里填入一列目标关键词。这是毫无意义、甚至可能有害的建议。Google 自 2009 年起就不再使用元关键词进行排名,因为:

Bing 在 2011 年更进一步,宣布他们将该标签用作垃圾内容信号。所以,如果标签里塞满了关键词,那么在 Bing 上这可能对你不利。

因此,为了稳妥起见,最好从网站上移除元关键词标签。

要做到这一点,可用 Ahrefs 的站点审计抓取网站,然后在 Page Explorer 中使用这些设置:

从任何匹配的页面中移除元关键词标签。

注意,大多数情况下移除这些标签很容易,因为许多站点在 CMS 中设置了全站范围的元关键词标签。只需移除那段代码,就能从所有页面中删除该标签。

推荐阅读:元关键词:它们是什么,你应该使用它们吗?

结语

元标签并没有那么复杂。理解上述六个标签,就足以避免任何重大的 SEO 失误。

想了解更多关于元标签的知识?这个应该够用。

想最大化来自社交媒体的流量?可阅读关于 Open Graph 元标签的内容。

如果我遗漏了什么,欢迎在 Twitter 上告诉我。