SEO搜尋引擎優化教學-多語系網站切換

多語系網站

科技的進步使得資訊的交流越來越容易,儘管我們身處台灣,但是仍然跟全世界密切交集,網站也不再只要單一語系就可以全然滿足。就算是台灣的頁面,英文的介面也越來越多,或者是簡體中文,甚至其他語言。我們可以為了滿足消費者需求提供各式各樣的介面使用,然而搜尋引擎就不見得會這麼領情了,資訊相似的頁面、大量的重複內容都有可能影響網站的成效,或許聽起來吹毛求疵了點,可是能夠求完美的事,又有何不去貫徹的理由?這邊將舉出兩個最常使用的方法。

建立多語系網站

要建立多語系網站之前,一定要先認識一個東西,稱作”hreflang標記”,一般來說在不同語系的頁面,會用不同的子目錄、或者子網域來做區分,這篇文章統一用”WM行銷學院”部落格網址說明,不過我們也只有繁體中文單一語系而已,僅僅用作範例。https://korenetmedia.com是部落格網址,如果建立一個英文語系以及簡體中文,子目錄就會設定為https://korenetmedia.com/en/還有https://korenetmedia.com/cn/,基本上這三個頁面都是一樣的內容,為了讓搜尋引擎了解這一點,就會用hreflang標記告知彼此的對應關係。

  • HTML指向

簡單說就是進入網站後台,直接將這些頁面的互相關係加入link元素,要記得的是每一個頁面都要有指向其他對應頁面的動作。

https://korenetmedia.com/是繁體中文頁面,只要在HTML的<head>加入

<link rel=”alternate” hreflang=”en” herf=” https://korenetmedia.com/en/” />便會指向英文版,

加入<link rel=”alternate” hreflang=”zh-cn” herf=” https://korenetmedia.com/cn/” />指向簡體中文版。

  • Sitemap指向

Sitemap類似網站的地圖,我們將這些指向語法輸入進Sitemap當中,等於告知搜尋引擎這些相對一頁面的情況,避免索引網頁時的錯誤判斷。

Sitemap加入的語法當中各網址一定要記得包含以下四個元素

  1. loc標記
  2. xhtml:link
  3. rel=”alternate”
  4. hreflang=”語系”(zh-tw、en等等)

同樣以中、英、簡中三個頁面舉例,完整列出輸入方式便可以簡單理解。

如果現在是英文頁面要對應到另外兩個語系:

<url>

<loc>https://korenetmedia.com/en/</loc>

<xtml:link

rel=”alternate”

hreflang=”zh-tw”

href=”https://korenetmedia.com/”

/>

<xtml:link

rel=”alternate”

hreflang=”zh-cn”

href=”https://korenetmedia.com/”

/>

<xtml:link

rel=”alternate”

hreflang=”en”

href=”https://korenetmedia.com/”

/>

</url>

應該不難看出來,裡面表示的意思如同告知這個英文語系網站內容,都是來至於https://korenetmedia.com/這個頁面,而又包含其他甚麼語系,統一都來自這個原始頁面。因此完整的sitemap還要加上繁體中文以及簡體中文,分別如下:

<url>

<loc>https://korenetmedia.com/ </loc>

<xtml:link

rel=”alternate”

hreflang=”zh-tw”

href=”https://korenetmedia.com/”

/>

<xtml:link

rel=”alternate”

hreflang=”zh-cn”

href=”https://korenetmedia.com/”

/>

<xtml:link

rel=”alternate”

hreflang=”en”

href=”https://korenetmedia.com/”

/>

</url>

 

<url>

<loc>https://korenetmedia.com/cn/</loc>

<xtml:link

rel=”alternate”

hreflang=”zh-tw”

href=”https://korenetmedia.com/”

/>

<xtml:link

rel=”alternate”

hreflang=”zh-cn”

href=”https://korenetmedia.com/”

/>

<xtml:link

rel=”alternate”

hreflang=”en”

href=”https://korenetmedia.com/”

/>

</url>

將以上三串結合起來加到Sitemap後就是完整內容了。現在的很多的架站系統,比方說WordPress,都有外掛幫助自動生成Sitemap,所以可能反而沒有辦法做到這麼細節的編輯,如果想做到以上的調整,可以自行上網搜尋Sitemap建立工具來加入這些語法,關於Sitemap的詳細資料,我們將在後續章節說明。

發佈留言