Google中rel="canonical"的相关解释和用法

转载原地址 http://blog.sina.com.cn/s/blog_673b01740100jxlz.html

近听到很多SEO 对在页面的规范版本用规范 URL 标签（ canonical URL tag）时会有问题。很多人对于只有重复内容应该用 rel= “canonical” 属性而原始内容不需要的说法存在疑惑。下面深圳网站建设（我乐168设计室）结合Google官方说明就canonical属性做个详细的分析与说明。
　　什么是rel="canonical"？
　　规范网页是一组内容高度相似的网页的首选版本，rel="canonical"属性是一个让Google知道在当前网站中的众多重复或高度相似网页中，哪一个页面才是站长想让他抓取收录的页面，从功能上来讲，可以理解为301永久重定向的辅助功能。
　　为什么要用rel="canonical"？
　　对于网站来说，包含多个列有同组产品的网页很正常。例如，一个网页可能按字母表顺序显示产品，而其他网页则按照价格或评分显示相同产品。例如：http://www.example.com/product.php?item=swedish-fish&trackingid=1234567&sort=alpha&sessionid=5678asfasdfasfd
　　http://www.example.com/product.php?item=swedish-fish&trackingid=1234567&sort=price&sessionid=5678asfasdfasfd
　　在以前Google会经过自己的判断选择，如果认为这些路径是重复内容，则会选择其中一个页面来抓取，但是这个页面并不一定是站长最想被收录的。现在站长可以通过将
<link> 元素和 rel="canonical" 属性添加到这些路径不规范的页面的 <head>
区域来为搜索引擎指定规范网页。添加此链接和属性就等于向Google
提出建议：“在内容相同的www.wl168.com所有网页中，此网页最有用。请将该网页排在搜索结果中靠前的位置”。
　　如何指定规范网页？
　　要指定指向网页http://www.example.com/product.php?item=swedish-fish
的规范链接，请按以下形式创建 <link> 元素：
　　<link rel="canonical"
href="http://www.example.com/product.php?item=swedish-fish"/>
　　将上述链接复制到该网页所有非规范版本的
<head> 部分
　　如
http://www.example.com/product.php?item=swedish-fish&sort=price。
　　如果您在
http://www.example.com/product.php?item=swedish-fish 和
https://www.example.com/product.php?item=swedish-fish 上都发布了内容，则可以指定该网页的规范版本。创建
<link> 元素：
　　<link rel="canonical"
href="http://www.example.com/product.php?item=swedish-fish"/>
　　将上述链接添加到
https://www.example.comproduct.php?item=swedish-fish 的 <head>
部分。这样Google在抓取您网站页面时，就会认为这个页面才是规范页面。

转载 https://blog.gtwang.org/web-development/google-canonical-link-setup-after-changing-url/

标准网址使用教学 , 让Google搜寻呈现正确的网站

這裡介紹如何設定標準網址（canonical link），讓自己網站可以在 Google 搜尋結果上呈現正確的網址，達到搜尋引擎最佳化的效果。

在一個網站中使用不同的網址來呈現同一個頁面的內容是很常見的情況，舉例來說，有些網頁會有閱讀用與列印用兩種網址，這樣的設計可以讓使用者更便利，但是對於網路搜尋引擎（如 Google 等）而言，可能會無法判別那一個網址才是最正式的網址，如果在搜尋結果中顯示了列印用的版本就不是很恰當。

Google 標準網址標示

Google 官方為了解決這種問題，提供了標準網址的標示方式，只要在 <head> 區段加入 canonical link 的設定，就可以讓 Google 搜尋引擎呈現適當的結果：

 <link rel="canonical" href="http://blog.gtwang.org/web-development/google-canonical-link-setup-after-changing-url/" />

我們可以在所有版本的網頁中（閱讀用與列印用的等等）都加上這一行，這樣 Google 搜尋引擎在顯示搜尋結果時，如果發現這個網頁內容有多個網址可選擇時，就會以這裡標示的網址為準。

使用 JavaScript 設定標準網址

由於 canonical link 的設定一定要放在 <head> 區段才會生效，如果您的網站環境無法讓您直接修改 <head> 區段的 HTML 碼，可以改用 JavaScript 的方式來加入 canonical link：

<script>

  $('head')

    .append('<link rel="canonical" href="http://blog.gtwang.org/web-development/google-canonical-link-setup-after-changing-url/" />');

</script>

這段 JavaScript 可以放在 <body> 中的任何地方，他的作用是在網頁載入時，使用 JavaScript 在 <head> 區段中增加一行 canonical link 設定，其中 href 的屬性請改為自己要指定的網址。

由於 Google 搜尋引擎在解析網頁時也會一併解析 JavaScript 程式碼，所以對於 Google 搜尋引擎而言我們可以使用這樣的方式來處理。

如果您的網頁原本就已經有 canonical link 的設定了，可以改用下面這樣的作法，修改 <link> 的 href 的屬性：

<script>

  $('link[rel="canonical"]')

    .attr('href', 'http://blog.gtwang.org/web-development/google-canonical-link-setup-after-changing-url/');

</script>

Google 上面对它的解释

https://support.google.com/webmasters/answer/139066?hl=en