3個製作多語系網站您需要先做的考量

2021-10-27
網頁設計
您正準備開始製作一個多語系網站嗎?建構一個多語系網站需要考量哪些項目呢?本文歸納出三個要點幫助您規劃多語系網站架構。

您可以從本文了解:
  1. 1.不同語系因結構差異而對多語系網站的影響
  2. 2.限定國家/地區網站使用者才能看到特定網頁內容的作法
  3. 3.多語系網站後台統一的管理形式
 

不同語系間網站結構是否一致?

製作多語系網站時,首先您需要先確認各語系的網站結構與內容,多語系網站結構主要可分為兩種:
  1. (1) 不同語系網站但具備一致結構、內容:可理解為具有相同結構的網站地圖(Sitemap),即每個語系網站具有相同網站單元、功能。
  2. (2) 不同語系網站具備不同結構、內容:舉個例子來說,繁體中文版具備會員、購物功能的網站,但英文版不需要會員及購物車功能,即為此結構。

不同結構的多語系網站網站地圖
↑不同結構的多語系網站網站地圖
 
結構的差異將影響到多語系網站語系選擇按鈕的設計方式。
多語系網站語系切換按鈕範例
↑多語系網站語系切換按鈕範例
 
不同語系同結構網站可讓使用者於網站各個頁面隨時切換至另外一個語系相同的頁面,如以下情境範例:
https://www.example.com/zh-tw/product/abc

https://www.example.com/en/product/abc

使用者原先在繁體中文語系的「abc」產品頁瀏覽,此時透過語系選擇按鈕切換至英文版「abc」產品頁繼續瀏覽,此方式可提供較佳的瀏覽體驗。

結構不同的多語系網站,因不同語系間結構無法完全對應,故語系選擇按鈕設計上只能切換到該語系首頁讓使用者瀏覽,如以下情境範例:
https://www.example.com/zh-tw/cart/

https://www.example.com/en/ 

使用者在繁體中文語系的購物車操作時,若英文語系版網站沒有提供購物車功能,此時點擊語系選擇按鈕只能前往英文版首頁繼續瀏覽。

上列案例採用的多語系網址結構為子目錄,若想了解多語系網址架構的差異請前往觀看「建構多語系網站應該選用子目錄、子網域還是獨立網域?」。

 

不同國家/地區網站使用者能看到同樣的網頁內容?

如果您規劃的網站在不同國家/地區的使用者可瀏覽所有語系的網頁內容,則您可忽略本段內容,繼續看下一個須考量的要點

若您的網頁內容具備國家/地區限定的特性,只希望特定國家/地區看到特定內容,則您的多語系網站就可能須採不同結構的製作方式,讓不同語系網站彼此互不超連結、關聯。若您希望繼續維持同結構,則可透過以下兩種方式輔助:
  1. (1)判斷IP來源:判斷網站使用者瀏覽IP來源,將不希望被瀏覽的頁面鎖起來。
    (2)瀏覽器使用語言:判斷網站使用者瀏覽器的使用語言,僅開放特定的瀏覽器使用語言可允許進入頁面,並將其他的使用語言上鎖。

提醒您,以上兩個方式都無法做到100%判斷且可能會有誤差狀況,如一位在日本使用英文的美國人想看英文版網站,但他的IP會被判定為日本IP,瀏覽器使用語系可能也會被判斷為日文。

 

網站管理後台是否放在一起管理?

多語系網站需維護的內容較多,集中於同一個網站後台管理可增加效率、節省時間。

採用子目錄作法的多語系網站,通常具備不同語系同結構的性質,不同語系的網站後台可合併於同一個後台進行管理。此網站架構之下,參柒設計提供多語系頁籤切換,同一個管理頁面配置每種語系獨立頁籤,供您於同一個後台進行網站維護管理。若您擔心不同網站語系的管理團隊會不小心修改到非自身管理權限的其他網站語系內容,參柒設計亦提供多語系後台管理權限功能,讓後台管理帳號只能管理特定語系網站資料。

若您的多語系網站為不同結構,或採用子網域、獨立網域的網址形式,此兩種網址型式視為不同網站,這些作法的多語系網站無法於同一後台進行管理。


多國語系網站的做法相當多元、須考量的細節也較多,若您遲遲無法做出一個好的決定,歡迎與參柒設計專業網頁設計團隊聯繫討論!
TOP