元标签：是什么及如何使用来提升SEO效果

元标记是网页中的 HTML 代码片段<head>部分。您的网站访问者不会看到它们。但搜索引擎、浏览器和社交媒体平台可以看到并使用它们。

您可以将元标记视为一种告诉 Google 和其他搜索引擎您的网页包含什么内容以及如何在搜索结果中显示它的方式。

有些元标签比其他元标签更重要。事实上，你只需要关注几个元标签。

下面我将详细解释这些是什么以及如何优化您的。

文章目录

Meta 标签的组成部分
为什么要关心元标记？
哪些元标记实际上对 SEO 很重要？
如何添加或更改元标签
如何查找元标记的问题
优化元标记作为技术 SEO 策略的一部分

Meta 标签的组成部分

基本元标记如下所示：

<meta name="description" content="This is a description of my webpage that should appear in search results.">

让我们分解一下这个结构：

meta 告诉浏览器和搜索引擎这是一个元标记
name 是一个属性，它定义你提供的信息类型
“ description ” 告诉我们这是描述元标签
内容包含实际信息

一些元标签使用不同的属性。例如，charset 元标签如下所示：

<meta charset="UTF-8">

视口元标记使用以下结构：

<meta name="viewport" content="width=device-width, initial-scale=1">

您无需记住这些格式。大多数内容管理系统（例如 WordPress、Shopify 和 Wix）都会为您处理技术实现。

重要的是了解哪些元标记对 SEO 很重要以及如何优化它们以获得更好的在线可见性。

重要提示： 我将讨论一些严格来说不是“元标记”的元素。

标签类似<title>本身就是 HTML 元素，从定义上来说并非元标签。但它们确实为搜索引擎提供了有用的信息。

另外，它们通常与其他元标记的引用方式相同。所以我还是在这里介绍一下它们。但为了准确起见，如果它不在 HTML 元素中，就不是真正的元标记。

为什么要关心元标记？

让我先明确一点：

元标签并非网站 SEO 最重要的方面。 它们确实很重要，但通常还有其他方面可以优化，从而获得更大的效果。

但优化它们不会损害你的 SEO。在某些情况下，它实际上可以带来很大的改变。

它们可以提高你的点击率

您的标题标签和元描述是人们在访问您的网站之前在搜索结果中看到的主要元素。

把它们想象成你网站的电梯游说词。你只有几秒钟的时间来说服用户点击。一个引人入胜的标题和描述，可能决定着你的搜索结果是点击量还是点击竞争对手的搜索结果。

通过编写符合用户意图并包含明确行动号召的元描述，您可以提高点击率 (CTR)。这意味着无需更高的排名就能获得更多流量。

但：

Google 通常会自行选择要显示的标题，甚至更常选择自己的描述。这是因为它注重显示与搜索查询相关的描述。

例如，以下结果显示了我们为有关反向链接的帖子选择的元描述：

以下是 Google 针对同一篇帖子但不同查询显示的描述：

因此，虽然您可以通过优化一些元标记来提高点击率，但并不总是能获得可衡量的结果。

他们向搜索引擎发出指令

想要阻止某个页面出现在搜索结果中？有一个元标记可以做到这一点。需要告诉 Google 哪个页面版本是原始版本？也有元标记可以做到这一点。

这些技术元标记有助于避免常见的 SEO 问题，如重复内容、私人页面索引或不正确的国际定位。

它们改善了用户体验

视口和字符集等元标记可确保您的网站在不同的设备和浏览器上正确显示。

虽然这些可能不会直接影响你的搜索排名，但它们肯定会影响用户体验。这最终会影响用户在你网站上的停留时间以及他们是否会转化。

他们控制社交分享

当有人在 Facebook、X/Twitter 或 LinkedIn 上分享您的页面时，专门的元标签会决定您的内容如何显示。这些元标签被称为 Open Graph 或 Twitter Card 标签。

如果没有这些标签，社交平台可能会从您的页面中随机提取文本或图片。这可能会导致社交片段不美观或令人困惑。

它们是最容易优化的 SEO 元素之一

与您网站的许多需要大量时间和资源来优化的区域不同，您可以相对快速地更新元标记。

对于大多数网站，您可以通过 CMS 或简单的插件在几分钟内改进元标签。例如，Rank Math 有一个专门针对“SEO 标题和元标签”的版块：

然而：

正如我稍后会讨论的，并非所有平台都支持轻松更改元标签。有些平台（例如 Squarespace）甚至不提供太多控制权。

哪些元标记实际上对 SEO 很重要？

就 SEO 的影响而言，并非所有元标签都生而平等。有些元标签会直接影响你的排名和曝光度。有些元标签则起辅助作用，或者随着时间的推移逐渐被淘汰（例如关键词元标签）。

因此，为了简单起见（并优先考虑您的努力和资源），让我们集中关注对您的网站真正重要的元标记。

元标记影响摘要

标签	SEO 影响	Google 支持
标题标签	高的	是的
机器人	高的	是的
典范	高的	是的
赫雷夫兰	高（适用于国际网站）	是的
元描述	低的	是的
视口	低的	是的
字符集	低的	是的

现在让我们详细分解每个重要标签。

标题标签

严格来说，title 标签并非元标签（它本身就是一个 HTML 元素）。但从 SEO 的角度来看，它是页面标题中最重要的标签之一，因此我将在这里介绍它。

<title>Backlinko: SEO, Content Marketing, & Link Building Strategies</title>

您的标题标签出现在三个关键位置：

浏览器标签页
搜索引擎结果
社交分享（当您未指定 OG 标题时 — 稍后会详细介绍）

如何优化标题标签

将标题标签保持在 60 个字符（或约 600 像素）以下，以避免搜索结果截断
将主要关键字放在开头附近（但不要包含关键字）
为您网站上的每个页面使用唯一的标题标签
使其值得点击以提高点击率（数字可以提供帮助）
如果时间紧迫，请注明年份（但请确保是最新的）

举个例子，比较一下这两个标题标签。它们都包含一个数字，这可能有助于提高点击率（取决于查询）。

但 TeamUpdraft 标题标签上的日期是去年的，看起来已经过时了。同时，WP Rocket 的标题也告诉我，他们的列表包含免费和付费选项。

这有助于满足不同预算的更广泛受众的需求。它还增加了一些独特的功能，使其在搜索引擎结果页面 ( SERP ) 上脱颖而出，从而提升参与度。

机器人元标记

robots 元标记控制搜索引擎如何与您的网页进行交互。它看起来像这样：

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

默认值为“all”，您可以将其理解为“index, follow”（尽管 Google 文档并未将其列为可接受的值）。您仍然可以包含“index, follow”，而不会产生任何负面影响，但这不是必需的。

如果您没有在网页上添加元 robots 标签（Google 的 John Mueller 表示这完全没问题），Google 会认为没有任何限制。

如果您确实想限制链接的索引/跟踪，您可以使用：

noindex： 告诉 Google 不要在搜索结果中显示此页面
nofollow： 告诉 Google 不要跟踪此页面上的链接
none： 相当于 noindex、nofollow
indexifembedded： 如果页面内容通过 iframe 之类的方式嵌入到其他地方，Google 可以索引该页面的内容（只有当存在 noindex 规则时才有效）

您还可以使用 robots 元标记，通过代码段规则来控制您的网站在搜索结果中的显示方式。这些规则包括：

nosnippet： 告诉 Google 不要在搜索结果中显示文本片段或视频预览
max-snippet：[number]： 告诉 Google 在搜索结果中使用最大字符数作为文本片段（值为 0 表示没有片段，而 -1 让 Google 决定片段长度）
max-image-preview：[设置]： 这告诉 Google 此页面在搜索结果中图片预览的最大尺寸（值包括无、标准和大）
max-video-preview [number]： 告诉 Google 使用最多秒数作为视频片段（值为 0 表示 Google 最多会显示静态图像，而 -1 表示没有限制）
notranslate： 告诉 Google 不要在搜索结果中提供此页面的翻译
noimageindex： 告诉 Google 不要索引此页面上的图片
unavailable_after：[日期/时间]： 告诉 Google 在特定日期/时间之后不要在搜索结果中显示该页面

如果您不添加上述任何规则，Google 将直接应用其默认规则。换句话说，如果您没有任何偏好设置，则无需担心这些元标记。

如何优化你的 Robots Meta 标签

大多数页面应该使用“all”或不指定任何元 robots 标签。这适用于您希望 Google 索引并跟踪其链接的任何页面。

但您可能希望将“noindex”用于：

感谢页面
登录页面
重复内容
私人内容

您甚至可以定位特定的搜索引擎：

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

规范标签

从技术上讲，规范标签不是元标签（它位于<link>元素）。但它是你添加到你的<head>用户看不到的部分。

它通过指定页面的“主要”版本来帮助防止重复内容问题。

<link rel="canonical" href="https://www.yourwebsite.com/primary-page/">

您可以在我们的规范标签使用完整指南中了解更多相关信息。

如何优化您的规范标签

始终使用完整的 URL，包括 https:// 部分
确保您的规范标签与您首选的 URL 版本相匹配（带或不带 www、尾部斜杠等）
页面的主要版本也应该有一个指向自身的规范标签（我们称之为自引用）
对于带有 URL 参数的页面，通常需要将其规范化为不带参数的版本

Hreflang 标签

对于多语言网站，hreflang 标签可以帮助搜索引擎向合适的受众展示合适的版本。从定义上来说，它们并非元标签。但与规范标签一样，它们对 SEO 至关重要，而且用户不会看到它们。

它们看起来像这样：

<link rel="alternate" hreflang="es" href="https://es.example.com/page.html">
<link rel="alternate" hreflang="it" href="https://it.example.com/page.html">
<link rel="alternate" hreflang="en" href="https://en.example.com/page.html">

How to Optimize Your Hreflang Tags

If you don’t run a multilingual site, you don’t need to worry about these tags.

But if you do, here’s how to optimize your hreflang tags:

请谨慎使用代码，确保使用语言标签，后跟国家/地区值（如果需要），例如 en-us，而不是 us-en
每个语言版本都应参考所有其他版本
每个页面都应该有一个指向自身的 hreflang 标签

这里很容易犯错误，所以我建议查看我们的 hreflang 标签完整指南以获取更多信息。

元描述

描述元标记如下所示：

<meta name="description" content="Your compelling ~120-character description that includes your target keyword and encourages clicks.">

虽然元描述不是直接的排名因素，但它会影响点击率。

但：

你不应该赋予它们太多的价值，原因有二：

并非每个人都会阅读元描述，因此对点击率的影响有限
Google 通常会根据查询选择显示自己的描述（进一步限制影响）

因此，虽然您可以（我谨慎地说）“应该”优化您的元描述，但如果您的时间或资源有限 ，您可能会做更重要的事情 。

除此之外，还有以下一些最佳实践：

如何优化元描述

您可以通过以下方式优化元描述：

目标是 100-120 个字符，以避免 Google 在移动设备上截断您的元描述
添加“了解如何”、“发现原因”或“获取免费指南”等号召性用语，以鼓励点击（但不要使用点击诱饵）
确保您的描述与用户实际寻找的内容相符（搜索意图）
为每个页面编写独特的描述

以下是优化元描述的示例：

它抓住了产品的主要优点，让搜索者清楚地知道为什么这个产品适合他们（以及为什么他们应该点击）。

视口元标记

此元标记可确保您的网站在移动设备上正确显示。它看起来像这样：

<meta name="viewport" content="width=device-width, initial-scale=1">

这个简单的标签有助于提升您网站的移动友好度。虽然标签本身并非直接的排名因素，但 Google 会优先考虑那些在所有设备上都能提供良好体验的网站。因此，请务必确保正确实施此标签。

延伸阅读： 移动 SEO：权威指南

如何优化视口元标记

大多数内容管理系统（例如 WordPress）都会为您设置此标签。您不太可能想要或需要更改它。

您可以调整宽度和高度等值，但大多数情况下，您不需要这样做。

只要确保您有一个，并且理想情况下使用以下值：

width=device-width 以匹配用户的设备宽度
initial-scale=1 控制默认缩放级别

字符集元标记

charset 元标记定义了页面的字符编码。它看起来像这样：

<meta charset="UTF-8">

如果您使用错误的字符编码或错误地实现它，您可能会在浏览器中看到一些字符显示问题：

如何优化你的字符集标签

与视口元标记类似，您不太可能想要或需要对其进行任何更改。您的 CMS 可能会自动为您添加它。

但如果您手动添加， Google 建议您坚持使用 Unicode/UTF-8。

Open Graph 和 Twitter 卡片标签

Open Graph 是一种独立的元标记，不会影响您的 SEO。但这些标记会影响您或他人在社交媒体上分享内容时的显示方式。

Open Graph 元标记如下所示：

<meta property="og:title" content="Your Compelling Social Title">
<meta property="og:description" content="Your engaging social description">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta name="twitter:card" content="summary_large_image">

Here’s an example of a blog post with Open Graph meta tags: