SEO：什麼是標準連結標籤 (Canonical Tags)？

標準 (Canonical) URL 是搜尋引擎認為最能代表網站上一組重複頁面的 URL。

雖然您可以直接向搜尋引擎傳達標準 URL，但即使您沒有通知，它們也可以自行決定將多個 URL 歸為一組。如果 Google 發現同一個 URL 可以透過多個不同路徑存取，這種情況可能會自動發生。

儘管 Google 在偵測這些情況方面做得很好，但他們的系統運作規模龐大，無法涵蓋所有邊緣案例。標準連結標籤是確保網站良好表現的重要面向。

如果 Google 發現多個 URL 具有相同內容，它可能會決定在搜尋結果中降低這些 URL 的排名，因為它們可能被視為重複內容。

這種情況也會跨網域發生。如果您經營兩個不同的網站並在每個網站上發布相同的內容，搜尋引擎可能會選擇其中一個進行排名，或直接降低兩者的排名。

這就是標準連結標籤極其有用的地方。它們讓 Google 知道哪些 URL 是原始來源，哪些是重複內容。同一網域或不同網域中存在大量重複頁面可能導致排名不佳甚至受到懲罰。

假設我們的電子商務商店允許透過 example.com/products/phone 和 example.com/phone 存取產品頁面。

這兩個都是有效且可運作的 URL，但我們使用標準連結標籤來防止搜尋引擎偵測到我們擁有的重複內容。如果我們決定應將 https://example.com/products/phone 納入排名考量，我們會建立一個標準連結標籤：

<link rel="canonical" href="https://example.com/products/phone" />

標準連結標籤對於 SEO 表現至關重要，因為不僅您可以建立不同的 URL，使用者或行銷工具也可能會建立它們。

想像您正在 Google 上運行一些行銷活動，然後 Google 決定添加一些 UTM 參數。這個新的獨特 URL 有可能被 Googlebot 索引，因此您需要確保仍然顯示標準連結標籤以統一重複頁面。

範例

import Head from 'next/head';
 
function IndexPage() {
  return (
    <div>
      <Head>
        <title>標準連結標籤範例</title>
        <link
          rel="canonical"
          href="https://example.com/blog/original-post"
          key="canonical"
        />
      </Head>
      <p>這篇文章存在於兩個 URL 上。</p>
    </div>
  );
}
 
export default IndexPage;

什麼是標準連結標籤 (Canonical Tags)？

範例

延伸閱讀

On this page