HTML <link rel="prev" href="">, <link rel="next" href=""> 標籤 (tag) - 聲明分頁 (pagination) 上下頁關係

<link> prev 和 next 是用在有多頁面的分頁 (pagination) 關係時,聲明上下頁關係時使用,主要是針對 SEO 幫助搜尋引擎理解頁面間關係的資訊。

舉個實際使用的例子,假設你的部落格有某個分類頁面會顯示該分類下面所有的文章,對於 tech 這分類總共有三頁,網址分別如下:

https://example.com/topic/tech/
https://example.com/topic/tech/page/2/
https://example.com/topic/tech/page/3/

在第一頁 https://example.com/topic/tech/ HTML 中你會需要有:

<link rel="canonical" href="https://example.com/topic/tech/">
<link rel="next" href="https://example.com/topic/tech/page/2/">

在第二頁 https://example.com/topic/tech/page/2/ HTML 中你會需要有:

<link rel="canonical" href="https://example.com/topic/tech/page/2/">
<link rel="prev" href="https://example.com/topic/tech/">
<link rel="next" href="https://example.com/topic/tech/page/3/">

在第二頁 https://example.com/topic/tech/page/3/ HTML 中你會需要有:

<link rel="canonical" href="https://example.com/topic/tech/page/3/">
<link rel="prev" href="https://example.com/topic/tech/page/2/">

如果你有特別留意會發現,在第一頁不會有 rel="prev",而在最後一頁不會有 rel="next"。