在一個網站中使用不同的網址來呈現同一個頁面的內容是很常見的情況,舉例來說,有些網頁會有閱讀用與列印用兩種網址,這樣的設計可以讓使用者更便 利,但是對於網路搜尋引擎(如 Google 等)而言,可能會無法判別那一個網址才是最正式的網址,如果在搜尋結果中顯示了列印用的版本就不是很恰當。
Google 標準網址標示
Google 官方為了解決這種問題,提供了標準網址的標示方式,只要在區段加入 canonical link 的設定,就可以讓 Google 搜尋引擎呈現適當的結果:
<link rel="canonical" href="http://blog.gtwang.org/web-development/google-canonical-link-setup-after-changing-url/" />
我們可以在所有版本的網頁中(閱讀用與列印用的等等)都加上這一行,這樣 Google 搜尋引擎在顯示搜尋結果時,如果發現這個網頁內容有多個網址可選擇時,就會以這裡標示的網址為準。
使用 JavaScript 設定標準網址
由於 canonical link 的設定一定要放在區段才會生效,如果您的網站環境無法讓您直接修改區段的 HTML 碼,可以改用 JavaScript 的方式來加入 canonical link:
<script> $('head') .append(' '); script>
這段 JavaScript 可以放在中的任何地方,他的作用是在網頁載入時,使用 JavaScript 在 區段中增加一行 canonical link 設定,其中 href 的屬性請改為自己要指定的網址。
由於 Google 搜尋引擎在解析網頁時也會一併解析 JavaScript 程式碼,所以對於 Google 搜尋引擎而言我們可以使用這樣的方式來處理。
如果您的網頁原本就已經有 canonical link 的設定了,可以改用下面這樣的作法,修改的 href 的屬性:
<script> $('link[rel="canonical"]') .attr('href', 'http://blog.gtwang.org/web-development/google-canonical-link-setup-after-changing-url/'); script>
更換網址
這種標準網址的標示也可以應用於網站遷移的問題上,通常網站要更改網址時,會先把新的網站架設起來,然後將舊網站的內容轉移至新網站,而為了不要造成網路流量的損失,我們會等待搜尋引擎將新網址都收錄之後,才會將舊網站關閉。
然而搜尋引擎的結果並不會馬上更新,甚至會有很長一段時間都還是會維持舊網站的資料,這時候我們就可以利用標準網址標示,將舊網站上每一個網頁的標 準網址都標示為新網站的網址,這樣 Google 搜尋引擎就會立即更新搜尋結果,加速網站的轉移,讓訪客可以立即看到新網站的網址。
網頁設計.RWD響應式網站.活動網站 / 建築設計類
網站技術:PHP/MySql
利用攝影的方式推廣綠建築,並加深民眾對於綠建築的知識與興趣。
參賽者與一般民眾也可透過此報名系統觀看台灣各地特色的綠建築,藉由比賽關係親臨與參觀。推動綠建築政策,宣導綠建築節能減碳。
精選專案.網頁設計.RWD響應式網站.行動版網站.企業形象網站 / 電子工業類
網站技術:PHP . Javascript/MySql
全台唯一自有工廠及正式品牌授權 (Samsung、Walsin、PDC、Kamaya)的被動元件代理製造商與經銷商,在半導體供應鏈站有一席之地。
網頁設計.RWD響應式網站.企業形象網站 / 服務類
網站技術:PHP . Javascript/MySql
向以勞動法專業律師團隊自詡,提供最專業法律相關服務的律師事務所暨企業管理顧問。
電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2019 傑立資訊 All rights reserved.| 網站隱私政策