HTML 网页中 Canonical 属性使用介绍

发布于 2018-10-06 字数 3135 浏览 874 评论 0

Canonical 权威链接标记是09年,Google、Yahoo 及 Microsoft 三大搜索引擎联合推出了一个旨在减少重复内容的一个建议,并不是命令,也就是说这个标签搜索引擎可能不遵守。国内最大的中文搜索引擎百度也已经支持 Canonical 标签。

部分搜索引擎引入了 Link 的一个新属性 Canonical。A 页面声明 B 为权威链接,B 声明 C 为权威网页,则搜索引擎会认为 C 是 A 和 B 共同的首选权威版本。此时 Canonical 标签起到了 301 重定向的作用。

只能作用于同一个域名所在的网址,不能作用于不同域名上的重复内容。也就是说如果文章被其它网站抄袭,也不会因为这个标签而给你的原文章带来权重。如果是跨站,可以使用 301 重定向。该链接标签可用于定义相对地址,也可用于定义绝对地址。但为了保险起见,建议使用绝对地址。

Canonical 的作用

对一组内容完全相同或高度相似的网页,通过使用 Canonical 标签可以告诉搜索引擎哪个页面为规范的网页,能够规范网址并避免搜索结果中出现多个内容相同或相似的页面,帮助解决重复内容的收录问题,避免网站相同内容网页的重复展示及权重的分散,提升规范网页的权重,优化规范网页的排名。

为了避免重复内容的收录,搜索引擎会通过算法对网页内容及链接进行识别,对内容完全相同或者高度相似的网页,会计算出一个系统认为规范的网页结果建立索引并供用户查询。

支持 Canonical 标签以后,站长可以通过将 <link> 元素和 rel="canonical" 属性添加到该网页非规范版本的 <head> 部分,为搜索引擎指定规范网页。添加此链接和属性可以告诉搜索引擎,在内容相同或高度相似的所有网页中,该网页为最规范最有价值的页面,推荐将该网页排在搜索结果中靠前的位置。

rel="canonical" 标签可用于在不同的域名中建议规范网址吗?

如果网站需要更换域名,且使用的服务器不能创建服务器端重定向网址的情况下,就可以使用 rel="canonical" 链接元素指定希望搜索引擎收录域的网址。

Canonical 的使用方法

为网页指定权威链接(authoritative|canonical URL),以解决副本内容(duplicate content)问题。

<link rel="canonical" href="url link"/>

举个简单的例子,来看下如下的网址:

http://www.wenjiangs.com/article/html5-video-and-audio.html
HTML5 中的视频 Video 和音频 Audio 使用方法
http://www.wenjiangs.com/article/html5-video-and-audio.html?postcomment=true

这三个网址形式不同,第一个才是我们想显示给搜索引擎和用户的网址,但是打开它们网站的内容却是相同的。一般像这种状况搜索引擎是很难分辨出来哪个 才是网站主想要强调的网址,这样会直接造成搜索引擎在你的站里面收录到大量重复的内容,现在我们通过 Canonical 标签就可以解决这些棘手的问题了。

像上面的状况,我们只需要在网址的 head 区域添加如下代码:

<link rel="canonical" href="http://www.wenjiangs.com/article/html5-video-and-audio.html" />

这样的话 Google 等搜索引擎最终都会只收录 Canonical 标签指定的这个网址,搜索引擎会将其它页面作为重复内容,这些重复的内容不再参与页面的权重分配(如 Google 的 PR 值)。

在 WordPress 使用 Canonical 的方法

很遗憾的是 WordPress 已经默认添加了这一功能,前提是你必须在 <head> 标签内调用 wp_head() 方法,这个函数会在头部输出很多内容,如果你不想这样做,那么你只有手动添加了:

<?php if(is_single()){?>
    <link rel="canonical" href="<?php echo get_permalink($post->ID);?>" />
<?php } ?>

如果你对这篇文章有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助。

扫码二维码加入Web技术交流群

您暂时不能评论!

管理员开启了需要登录才能够评论,你可以免费注册一个本站的账号。

还没有评论!

目前还没有任何评论,快来抢沙发吧!