使用 rel="next" 和 rel="prev" 執行分頁程序

2011 年 9 月 15 日，星期四

與可明顯提示 Google 重複內容的 rel="canonical" 類似，您現在可以使用 HTML link 元素 rel="next" 和 rel="prev" 指出分頁系列中各元件網址之間的關係。在整個網路中，分頁的系列內容可能有很多種形式，例如橫跨數個元件頁面的文章、商品分散於不同網頁的產品類別，或是以網址序列呈現的論壇會話串。從現在起，如果您選擇在系列中的各元件頁面加入 rel="next" 和 rel="prev" 標記，就能明確提示 Google 採取下列行動：

  • 將連結等元件網頁/網址的索引資源合併至整個系列 (也就是說，連結會被整合在序列中，而非分散在 page-1.html、page-2.html 等頁面)。
  • 將使用者導向最相關的網頁/網址 (通常為系列的第一頁)。
適用 rel=prev 和 rel=next 註記的網頁
現在起，您可以透過 rel="next" 和 rel="prev" 向 Google 指出系列中各元件網址之間的關係。

針對上述執行 rel="prev" 和 rel="next" 的說明，以下為例外情況：如果您除了系列內容之外，還會為使用者提供一覽式網頁，或是希望提供這類網頁，請參閱「搜尋結果中的一覽式網頁」一文瞭解詳情。由於搜尋者通常偏好一覽式網頁，因此 Google 會盡可能在許可的情況下，於搜尋結果顯示這個版本，而非元件網頁 (使用 rel="next" 和 rel="prev" 較容易顯示元件網頁)。

如果您還沒有一覽式網頁，或想要覆寫 Google 在搜尋結果中傳回一覽式網頁的操作，可以按照本文的說明使用 rel="next" 和 rel="prev"。

具備一覽式網頁版本的網頁範例
如需進一步瞭解包含一覽式網頁的分頁設定，請參閱「搜尋結果中的一覽式網頁」一文。

概述可用選項

可針對系列網頁採取的三種操作選項如下：

  1. 維持原狀。分頁後的內容已存在於整個網路上，無論該網頁是否有 rel="next"/rel="prev" HTML 標記，我們都會盡全力為搜尋者提供最佳結果。
  2. 如果您有一覽式網頁，或正在考慮提供這類網頁，請參閱「搜尋結果中的一覽式網頁」一文。
  3. 使用 rel="next" 和 rel="prev" 提示 Google 您系列中各元件網址之間的關係。這有助於 Google 更準確地為內容建立索引，並向使用者提供最相關的頁面 (通常是第一頁)。以下為詳細執行說明。

如果您希望為網站採取上述的選項 3，就讓我們開始吧！假設各網址均已包含分頁後的內容： 

https://www.example.com/article?story=abc&page=1
https://www.example.com/article?story=abc&page=2
https://www.example.com/article?story=abc&page=3
https://www.example.com/article?story=abc&page=4

請在第一頁 https://www.example.com/article?story=abc&page=1 的 <head> 區段加入以下標記： 

<link rel="next" href="https://www.example.com/article?story=abc&page=2" />

在第二頁 https://www.example.com/article?story=abc&page=2 加入以下標記： 

<link rel="prev" href="https://www.example.com/article?story=abc&page=1" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3" />

在第三頁 https://www.example.com/article?story=abc&page=3 加入以下標記： 

<link rel="prev" href="https://www.example.com/article?story=abc&page=2" />
<link rel="next" href="https://www.example.com/article?story=abc&page=4" />

然後在最後一頁 https://www.example.com/article?story=abc&page=4 加入以下標記： 

<link rel="prev" href="https://www.example.com/article?story=abc&page=3" />

注意事項：

  • 第一頁只有 rel="next" 而沒有 rel="prev" 標記。
  • 第二頁至倒數第二頁應同時與 rel="next" 和 rel="prev" 標記建立關聯。
  • 最後一頁只有 rel="prev" 而沒有 rel="next" 標記。
  • rel="next" 和 rel="prev" 值可以是相對或絕對網址 (只要 <link /> 標記允許)。此外，如果在文件中加入 <base/> 連結，相對路徑將參照基準網址。
  • 您只需在 <head> 區段聲明 rel="next" 和 rel="prev" 標記，而不必在文件內的 <body> 部分加入這兩個標記。
  • 我們允許以 rel="previous" 取代 rel="prev" 連結。
  • rel="next" 和 rel="previous" 適用於同一方面，而 rel="canonical" 則適用於另外的架構組成。同一個頁面可以同時包含這兩個聲明標記。舉例來說，https://www.example.com/article?story=abc&page=2&sessionid=123 可能包含： 
    <link rel="canonical" href="https://www.example.com/article?story=abc&page=2" />
<link rel="prev" href="https://www.example.com/article?story=abc&page=1&sessionid=123" />
<link rel="next" href="https://www.example.com/article?story=abc&page=3&sessionid=123" />
  • rel="prev" 和 rel="next" 標記是用於提示 Google，而非做為絕對指令。
  • 如果執行有誤，例如省略了系列中應具備的 rel="prev" 或 rel="next" 標示，Google 會繼續為網頁建立索引，並根據自身經驗法則瞭解您的網頁內容。

如需詳細資訊，請造訪我們的說明中心，或前往網站管理員說明論壇參與討論！

作者：索引團隊的軟體工程師 Benjia Li 和 Joachim Kupke