Canonical 标签

2025年3月17日 | 阅读 3 分钟

Canonical 标签也称为 canonical URL 或 URL canonicalization。它被整合到网页的 HTML 代码中，以显示内容的原始来源。因此，它是一个 HTML 元素，用于防止重复内容问题。它指定了 canonical URL，即网页的“首选版本”，并告诉搜索引擎其他类似的 URL 不是不同的或重复的；它们是同一个。因此，它可以防止当相同内容出现在多个 URL 上时出现的问题，这可能是由于以下原因之一。

可以通过 URL 前面带或不带 "www" 前缀来访问网页
可以通过 "http" 和 "https" 协议访问网页
网页有多个版本，URL 不同，例如，打印版本或使用排序类别等。

Canonical 标签是什么样的/ Canonical 标签的组成部分

Canonical 标签具有简单且一致的语法，并放置在网页的 <head> 部分中。它显示为 rel="canonical"。

例如： <link rel="canonical" href=https://example.com/sample-page/"/>

代码每个部分的含义

link rel= "canonical": 此标签中包含的链接是此页面的原始（规范）版本。
href="https://example.com/sample-page/": 您可以访问此 URL 以查找规范版本。

为什么 canonical 标签在 SEO 方面很重要

像 Google 这样的搜索引擎不喜欢重复内容。它给他们带来了困惑，如下所示

Google 不知道从多个页面中索引哪个版本的页面。
哪个页面应该针对查询进行排名。
是将链接权重整合到一个页面上，还是将其拆分到多个版本之间。
此外，太多的重复页面也会影响“抓取预算”。 Google 可能会浪费时间抓取具有相似内容的不同 URL，而不是发现您网站上的其他新页面。

因此，如果您的网站上有两个或多个页面具有相似的内容，或者您的网站的内容也在另一个网站上使用，则必须使用 canonical URL。这样，您可以将 Google 指向原始内容，并确保主页面获得所有的荣誉和 SEO 好处。

请参阅以下电子商务公司产品页面重复的示例；

在上图所示的图像中，同一产品“黄色玩具车”有三个产品页面。除了面包屑链接外，这些页面具有相同的内容。因此，借助 canonical 标签，我们可以将一个页面标记为 canonical 版本，并消除两个副本。

在上图中，使用 canonical 标签，我们已通知搜索引擎将位于 [http://www.example.com/toys/cars/yellow] 的页面视为原始页面，而将其他两个 URL 视为原始页面的变体。

因此，如果您的站点在多个 URL 上显示相同的内容，那么通过使用 canonical 标签，您可以选择一个 URL 作为 canonical 版本，并明确其他 URL 不是重复项。请参阅下面给出的另一个示例

http://www.example.com/ (主页)
http:/example.com/
http://example.com/index.html

现在，要将主页显示为 canonical 版本，我们可以在其他两个 URL 的标题中放置一个引用主页( http://www.example.com)的 canonical 标签。请参阅下面显示的相关图片；

如何应用 canonical 标签？

您可以通过将 link 标签添加到您希望被搜索引擎识别为 canonical 的页面的 HTML 代码的头部来应用此标签，例如，要使用 canonical 标签指定 www.javatpoint.com，代码将如下所示；