今天會筆記 4-10 的內容，搜尋引擎會如何處理動態網址產生的網頁。

動態網址說明

所謂的動態網址就是網頁上顯示的內容會根據網址裡面帶的參數不同，有不同的呈現。 例如: https://www.google.com.tw/search?q=SEO 其 q=SEO 是查詢條件，那根據查詢條件不同，網址會根據查詢條件不同而不一樣，這就是所謂的動態網址。

那搜尋引擎在動態網址上做了什麼事情呢? 當動態網址中的參數不同而產生相同的內容，當這類動態網址大量出現時，搜尋引擎會開始放棄部分的索引，甚至將這類動態網址停止出現在搜尋結果中。 因為搜尋引擎不願意浪費索引資源在相同的內容，也不希望重複的內容會引起使用者的困擾。

例如下方兩個網址的例子，一個有sortOrder 一個沒有，可是呈現的結果都是一樣的，這種網址的設計就要特別注意。

  • https://ecshweb.pchome.com.tw/search/v3.3/?q=seo&scope=all&sortParm=prc&sortOrder=dc
  • https://ecshweb.pchome.com.tw/search/v3.3/?q=seo&scope=all&sortParm=prc

正確的處理動態網址

有兩種方式可以來處理不同的動態網址產生同樣內容的網頁，其中一種是使用 Google 網站管理員工具設定參數，不過這跟開發者比較沒有關係，就先不提。 先提第二種方式，使用 標準連結元素 。

標準連結元素 就是用來解決因網址引起的內容重覆問題，告訴由不同網址進入的搜尋引擎，哪個網址才是統一標準的進入點，如此一來搜尋引擎就只需要索引一份資料。 舉個例子，這三個網址 http://www.domain.com/index.html、http://www.domain.com、http://www.domain 都會導向同一個 index.html，這時候我們可以在 <head></head> 裡面放上 標準連結元素，告訴搜尋引擎，這三個網址都是同一個頁面，而這時候搜尋引擎只會建立一份索引，如下範例。

Cononical link element
  • html
1
2
3
<head>
  <link rel="canonical" href="http://www.domain.com/index.html" />
</head>

所以說，根據動態網址的說明範例，我們可以在網頁裡面加上 標準連結元素 告訴搜尋引擎這兩個網址都是一樣的，如下範例

pc homeCononical link element
  • html
1
2
3
<head>
<link rel="canonical" href="https://ecshweb.pchome.com.tw/search/v3.3/?q=seo&scope=all&sortParm=prc" />
</head>

延伸閱讀

[整合重複的網址]
[標準連結元素使用範例 (Canonical link element)]