SEO 元标签:面向新手的简明指南
每个网页都有元标签,但它们只在 HTML 代码中可见。本指南将教你如何使用(以及不该使用)六种最重要的 SEO 元标签:元标题、元描述、元 robots 等。
元标签(meta tags)是一小段代码,用于告诉搜索引擎关于网页的重要信息,例如它们应如何在搜索结果中展示你的页面,还会告诉浏览器如何向访客呈现页面。
每个网页都有元标签,但它们只在 HTML 代码中可见。
本指南将介绍以下六种最重要的 SEO 元标签该怎样使用,以及不该怎样使用:
元标题
这是 Google 和大多数其他搜索引擎在搜索结果中展示的页面标题。
为什么它对 SEO 很重要
Google 的解释最为到位:
最佳实践
- 为每个页面撰写独一无二的标题标签;
- 简洁,但要具备描述性;
- 避免笼统和含糊的标题;
- 使用句首大写或标题式大写;
- 写出值得点击的内容——而不是标题党;
- 匹配搜索意图;
- 在合理的位置包含你的目标关键词;
- 控制在 60 个字符以内。
推荐阅读: 如何打造完美的 SEO 标题标签(我们的四步流程)
如何为你的页面添加标题标签
把下面的代码粘贴到页面的 [['Text', '<head>']] 部分:
如果使用 WordPress,可安装像 Yoast 这样的SEO 插件,你应当在页面或文章编辑器中看到设置标题标签的位置。
其他 CMS(如 Squarespace 和 Wix)也内置了类似功能。
如何发现并修复常见的标题标签错误
标题标签有四种常见问题:
- 太长/太短。Google 表示应“避免不必要地冗长或啰嗦的标题”,同时保持“描述性且简洁”。
- 不存在。Google 表示每个页面都应有标题标签。
- 一个页面上有多个标题标签。 如果页面上有不止一个标题标签,搜索引擎可能展示不理想的标题标签。
- 多个页面标题重复。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)也有类似功能。
如何发现并修复常见的元描述错误
元描述的四种常见问题与标题标签相同:
- 太长/太短。Google 表示“元描述可以有多长并没有限制,但搜索结果摘要会按需截断,通常是为了适配设备宽度。”
- 不存在。Google 表示“要确保网站上的每个页面都有元描述。”
- 一个页面上有多个元描述。不止一个标签可能会让搜索引擎困惑。
- 多个页面元描述重复。 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 有三种常见错误:
- 被 robots.txt 屏蔽的 noindex 页面。这会阻止 Google 看到 noindex robots 标签,因此它们可能仍会索引该 URL。
- 意外的 meta noindex。这会阻止 Google 索引该页面,因此它不会获得自然流量。
- 意外的 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 上告诉我。