繁體中文

SEO教學

SEO - Canonical URL

您好，有志於網頁開發和SEO的愛好者！今天，我們將深入探索Canonical URL的迷人世界。如果您對此還是新手，別擔心；在這個教學結束後，您將成為Canonical URL的專家！所以，拿起您最喜歡的飲料，讓我們一起踏上這個令人興奮的旅程。

SEO - Canonical URL

Canonical標籤：它是什麼？

想像一下，您在一個派對上，有人向您介紹了五個同名的人。困惑吧？這就是搜索引擎在遇到具有相似內容的多個URL時的感覺。這時，canonical標籤就來拯救了！

Canonical標籤就像是一個名牌，它說，“嘿，搜索引擎！這是這個內容的原版。”這是一種告訴搜索引擎哪個URL是主副本的方式。

以下是在HTML中canonical標籤的樣子：

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

這段小小的代碼放在您的HTML文件的<head>部分。這就像是在對搜索引擎低語，“皺皺！這是您應該關注的URL！”

Canonical URL的類型

現在我們知道了canonical標籤是什麼，讓我們來看看不同類型的canonical URL：

  1. 自引用canonical
  2. 跨域名canonical
  3. HTTP轉HTTPS canonical
  4. WWW與非WWW canonical（或反之）

讓我們用一些例子來分解這些類型：

類型 示例
自引用 <link rel="canonical" href="https://www.example.com/page" />
跨域名 <link rel="canonical" href="https://www.otherdomain.com/page" />
HTTP轉HTTPS <link rel="canonical" href="https://www.example.com/page" />
WWW與非WWW <link rel="canonical" href="https://example.com/page" />

Canonical URL：為什麼它們很重要？

您可能會想，“我為什麼要在乎canonical URL？”讓我給您講一個小故事。

從前，有一個網站擁有者名叫愛麗絲。愛麗絲有一個美麗的手工陶器網上商店。但可憐的愛麗絲不知道canonical URL。她的產品出現在多個頁面上：

搜索引擎感到困惑！它們不知道應該在搜索結果中顯示哪個URL。結果，愛麗絲的美麗藍色花瓶沒有排到它應該有的位置。

這就是canonical URL的作用。它們有助於：

  1. 防止重複內容問題
  2. 總結鏈接權重
  3. 提高爬蟲效率
  4. 指定偏好的URL版本

Canonical URL的最佳實踐

現在我們理解了canonical URL的重要性，讓我們來看看一些最佳實踐：

  1. 保持一致：選擇一種格式並堅持使用。
  2. 使用絕對URL：總是包含完整的URL，包括協議（http:// 或 https://）。
  3. 將canonical指向HTTPS：如果您既有HTTP版本也有HTTPS版本，請指向HTTPS版本。
  4. 正確處理參數：如果您有帶參數的URL，決定哪些對SEO是重要的。

以下是一個實現得很好的canonical標籤示例：

<link rel="canonical" href="https://www.example.com/products/blue-vase" />

不允許使用多個Canonical標籤

記住，canonical標籤就像名牌一樣。您不會在派對上戴多個名牌，對吧？同樣地，您也不應該在單一頁面上有多個canonical標籤。

錯誤的例子：

<link rel="canonical" href="https://www.example.com/page1" />
<link rel="canonical" href="https://www.example.com/page2" />

正確的例子：

<link rel="canonical" href="https://www.example.com/page1" />

我為什麼會有重複內容？

重複內容就像夜間的忍者一樣悄無聲息地出現。以下是一些常見的原因：

  1. URL參數（例如，排序、過濾）
  2. 頁面的打印友好版本
  3. 頁面的移動版本
  4. 您網站的WWW和非WWW版本
  5. HTTP和HTTPS版本

例如：

https://www.example.com/products?sort=price
https://www.example.com/products?sort=name

這些URL可能會顯示相同的內容，但順序不同。使用canonical標籤有助於您指定哪一個應該被視為“主”版本。

實現canonical標籤：基礎知識

讓我們挽起袖子，親自動手寫一些代碼！以下是如何在不同情況下實現canonical標籤的方法：

  1. HTML：將此代碼添加到您的<head>部分

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

  2. HTTP頭部：如果您無法修改HTML，可以使用HTTP頭部

    Link: <https://www.example.com/master-page>; rel="canonical"

  3. 網站地圖：在您的XML網站地圖中包含canonical URL

    <url>
<loc>https://www.example.com/master-page</loc>
</url>

記住，一致性是關鍵。確保您的canonical標籤與您的網站地圖和內部鏈接結構保持一致。

在Canonical化時不要這樣做

即使是最優秀的人也會犯錯誤。以下是一些常見的陷阱，請避免：

  1. 不要創建canonical循環
    
<!-- 頁面A -->
<link rel="canonical" href="https://www.example.com/page-b" />
``` 這就像狗追自己的尾巴——無處可去！
  1. 不要將canonical指向404頁面
  2. 不要在canonical標籤中使用相對URL
  3. 不要將所有頁面canonical到首頁

結論

恭喜您！您已經完成了我們的canonical URL冒險。我們已經介紹了canonical標籤是什麼，它為什麼重要，以及如何正確地實現它。記住，canonical URL對於搜索引擎來說就像交通標誌——它們幫助指導流量到正確的地方。

當您繼續您的SEO旅程時，請記住這些canonical URL的最佳實踐。它們將幫助您避免重複內容問題，並確保搜索引擎理解您的網站結構。

現在，勇往直前，並帶著信心進行canonical化！並記住，在SEO的世界裡，成為canonical不僅是被允許的——它是被鼓勵的！

Credits: Image by storyset

上一教程:
SEO - XML網站地圖
下一教程:
SEO - UI/UX的角勢