rel=”canonical” 標簽用于通過指示頁面的首選版本來解決重復內容的問題，rel=”alternate” 標簽用于為不同的語言和地理目標指定頁面的替代版或版本，若遇到一些頁面本質相同，但包含的是不同內容的頁面，則告訴 Google 這些頁面屬于同一序列的最好方法是使用Rel “prev”和“next”標簽。
Rel=canonical 規范標簽只能用于具有完全或相似內容的頁面，告知搜索引擎頁面的首選路徑。
示例：
http://example.com/article-on-veggies/
https://example.com/article-on-veggies/
https://www.example.com/article-on-veggies/
http://example.com/article-on-veggies/comments/
http://example.com/article-on-veggies/1/
以上5個頁面內容相同，但路徑不同，對于谷歌索引來說，這5個頁面是重復內容頁面
若想保留 https://example.com/article-on-veggies/頁的排名， 以上所有頁面都應具有以下規范標簽：
<link rel=”canonical” href=”https://example.com/article-on-veggies/” />
通過向這些頁面添加規范標簽，可以輕松地通知 Google和其他搜索引擎所有這些頁面都只是單個原始頁面https://example.com/article-on-veggies/的變體。
添加位置：html中的<head>部分。
rel="alternate" 本身意味著目標是當前頁面的某種替代表示（如語言）或版本（如桌面端或移動端）
Rel alternate使用范圍：
1. 內容相同但使用不同語言編寫的頁面，如英語，德語，西語
2. 內容相同但顯示在不同媒體設備上的頁面，如桌面端和移動端
Rel=”alternate”標簽對于提供多種語言內容或針對不同地理區域的網站
以下是如何使用 rel=”alternate” 標簽的示例：
<head>
<link rel=”alternate” hreflang=”en-us” href=”https://www.example.com/en-us/page/” />
<link rel=”alternate” hreflang=”en-gb” href=”https://www.example.com/en-gb/page/” />
<link rel=”alternate” hreflang=”fr-fr” href=”https://www.example.com/fr-fr/page/” />
</head>
示例如下：
每個語言頁面使用rel=”alternate” 和hreflang時，這個頁面的語言版本的html標記里要包含關于這個頁面的所有的語言版本，包括它自己。
Rel alternate 應用于mobile和desktop：
作用：
在桌面頁面添加一個特殊的鏈接 rel=”alternate” 標簽，指向相應的移動 URL。這使 Googlebot 可以輕松地在您的子域中找到您網站的移動頁面。
在移動頁面上添加鏈接 rel=”canonical” 標簽，指向相應的桌面 URL。這有助于將索引和排名信號（包括外部鏈接）整合到桌面版本，并避免重復內容的混淆。
提醒谷歌 - desktop網站的mobile版本的方式：
在桌面頁面添加一個rel=”alternate”標簽，指向相應的移動頁面 URL。
<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”https://mobile.nytimes.com/”>
結合規范標簽canonical，桌面端網頁上添加的即是：
<head>
<link rel=”canonical” href=”https://nytimes.com/”>
<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”https://mobile.nytimes.com/”>
</head>
提醒谷歌 - mobile網站的desktop版本的方式：
在移動頁面 ( https://mobile.nytimes.com/ ) 上，添加一個鏈接 rel=”canonical”標簽，指向相應的桌面 URL，如下所示：
<head>
<link rel=”canonical” href=”https://nytimes.com/”>
</head>
使用“alternate”標簽告訴谷歌該網站有一個替代的移動版本可用。
media 屬性告訴谷歌移動版本用于寬度小于 640 像素的設備——換句話說，智能手機。
添加位置：html中的<head>部分。
'rel prev' 和 'rel next' 標簽（rel=”prev” 和 rel=”next”）可用于在屬于分頁序列的不同網頁之間建立關系。
分頁序列的例子如下：
網站存檔頁面分成許多不同的頁面
一個論壇線程分成多個頁面
一篇文章分成幾個頁面
產品列表頁面拆分為多個頁面
示例 - blog分頁添加'rel prev' 和 'rel next'方法：
Blog首頁在桌面端有分頁，這些分頁路徑上看著相同，但頁面上的內容是不同的?？墒褂胷el prev 和rel next標簽告知谷歌這些頁面是屬于同一序列的
假設 blog URL 如下所示：
https://example.com/blog/
https://example.com/blog/page-2/
https://example.com/blog/page-3/
https://example.com/blog/page-4/
方法如下：
第一頁添加方法：
對于blog首頁，也就是第一頁https://example.com/blog/，我們將使用以下標簽：
<link rel='next' href=' https://example.com/blog/page-2/' />
第二頁添加方法：
第二頁https://example.com/blog/page-2/ 將具有以下標簽：
<link rel='prev' href=' https://example.com/blog/' />
<link rel='next' href=' https://example.com/blog/page-3/' />
第三頁添加方法：
第三頁同理第二頁方法。
第四頁即最后一頁添加方法：
序列中的第四頁https://example.com/blog/page-4/也是最后一頁將具有以下標簽：
<link rel='prev' href=' https://example.com/blog/page-3/' />
添加位置：html中的<head>部分。
備注：
第一頁僅包含標記rel="next"，沒有rel="prev"標記。
倒數第二頁的第二頁應該使用 bothrel="next" 和rel="prev"標記進行雙重鏈接。
最后一頁只包含 的標記rel="prev"，不包含rel="next"。
這種方法告訴谷歌這個頁面是序列的延續，因此會有下一頁，有上一頁和下一頁，有上一頁標簽說明。
擴展 - 對于blog的分頁，完美標簽使用示例：
<link rel=”canonical” href=”http://example.com/page/1/”>
（告知谷歌蜘蛛這個頁面是規范頁面）
<link rel=”next” href=”http://example.com/page/2/” >
<link rel=”prev” href=”http://example.com/page/” >
（以上這兩個告知谷歌這個頁面是序列的延續）
<meta name=”robots” content=”noindex,follow”>
（告知谷歌可抓取這個頁面上的任何鏈接，但這個頁面不用出現在搜索結果里）
總結
1. rel=”canonical” 標簽告訴搜索引擎應該將哪個頁面視為內容的“主”或原始版本，以及哪些頁面只是重復的。通過使用rel=”canonical”標簽，站長可以確保一個頁面只有一個版本被搜索引擎收錄，這有助于提高該頁面的搜索引擎排名。
文章為作者獨立觀點，不代表DLZ123立場。如有侵權,請聯系我們。( 版權為作者所有，如需轉載，請聯系作者 )
網站運營至今，離不開小伙伴們的支持。 為了給小伙伴們提供一個互相交流的平臺和資源的對接，特地開通了獨立站交流群。
群里有不少運營大神，不時會分享一些運營技巧，更有一些資源收藏愛好者不時分享一些優質的學習資料。
現在可以掃碼進群，備注【加群】。 ( 群完全免費，不廣告不賣課！)
