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

2011 年 9 月 15 日,星期四

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

  • 將連結等元件網頁/網址的索引資源合併至整個系列 (也就是說,連結會被整合在序列中,而非分散在 page-1.htmlpage-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 會繼續為網頁建立索引,並根據自身經驗法則瞭解您的網頁內容。

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