如何自動檢測瀏覽器語言

已發表: 2022-09-22

允許用戶以他們喜歡的語言查看內容是旨在覆蓋全球受眾的網站的一項基本功能。 作為網站所有者,您可以通過將網站設置為自動檢測瀏覽器語言來輕鬆做到這一點。

網站翻譯無疑是創建多語言網站的第一步。 但是在為您的網站創建多個翻譯版本之後,將用戶重定向到他們的首選版本會自動使瀏覽體驗更上一層樓。

當然,對於幾乎所有多語言網站來說,擁有語言切換按鈕或頁面仍然很重要。 但是自動瀏覽器語言檢測可以幫助您的客戶更快地瀏覽您的網站。 這反過來又可以提升用戶體驗 (UX)、參與度、銷售和轉化率。

在本文中,我們將了解自動瀏覽器語言檢測的工作原理以及它的重要性。 然後,我們將向您展示如何使用我們的首選多語言插件 TranslatePress 在您的 WordPress 網站上激活自動瀏覽器語言檢測。

TranslatePress 多語種

TranslatePress 是翻譯 WordPress 網站的最簡單方法。 它速度快,不會減慢您的網站速度,適用於任何主題或插件,並且對 SEO 友好。

獲取插件

或下載免費版

用戶語言檢測的工作原理

在某些時候,您可能訪問了外國品牌的網站,卻發現您正在以您的母語查看其內容。 這是可能的,因為該網站可以自動檢測您的首選語言。

想知道這是否與某些違反隱私法的行為有關? 不用擔心,自動用戶語言檢測基於與監視您的個人信息無關的簡單邏輯工作。

網站可以通過三種主要方式檢測用戶的首選語言。 它可以基於瀏覽器偏好、IP 地址或國際化。

瀏覽器偏好檢測

這是網站用來自動檢測瀏覽器語言的最流行的方法。 在設備上安裝瀏覽器後,您通常會選擇首選語言。

自動瀏覽器語言檢測

當您隨後在此瀏覽器中訪問網站時,該網站可以輕鬆檢測存儲在瀏覽器設置文件中的首選語言。 然後,該網站使用代碼(在大多數情況下為 Javascript)將用戶重定向到相應的網站預翻譯版本。 作為網站所有者,您可以選擇自動執行此操作,或者詢問用戶是否希望以檢測到的語言查看您的網站。

在設置自動瀏覽器語言檢測時,讓訪問者在訪問您的網站後選擇他們的首選語言非常重要。 自動語言切換器對此有所幫助。

但是世界各地的人們會說數千種語言。 您可能想知道要將您的網站翻譯成哪種語言。 解決此問題的一種可能方法是將網站翻譯成世界上使用最廣泛的語言。

但是,作為最佳實踐,考慮目​​標受眾常用的語言會更有價​​值。 您可以通過分析您的大多數網站訪問者目前來自的特定國家/地區輕鬆做到這一點,並旨在更好地吸引他們。

谷歌分析在這裡非常方便。 如果您想了解更多關於為您的多語言網站選擇正確語言的信息,您可以查看我們關於如何翻譯 WordPress 的完整指南。

IP 地址查找

網站用來檢測瀏覽器語言的另一種方法是檢查網站訪問者的 IP 地址。 一旦站點完成 IP 地址查找,這將反過來反映用戶的位置。 然後它將根據用戶的位置重定向用戶。

但這種方法帶來了一些挑戰。 用戶的語言偏好有時可能與其位置信息不同。 但是典型的 IP 地址查找無法區分它們。

例如,如果網站將您的位置標識為美國並且您前往非英語國家/地區,則 IP 地址會更新您的位置並為您提供與您的新位置相對應的網站版本。 這意味著,如果您不了解新位置的流行語言,您可能很難與網站的內容互動。

同樣,加拿大或喀麥隆等國家也有不止一種通用語。 使用更流行的語言選項可能並不總是正確的。 同樣,如果站點訪問者也在使用虛擬專用網絡 (VPN) 連接,那麼根據位置提供網站翻譯可能會產生不希望的結果。 由於這些障礙,網站很難用這種方法檢測瀏覽器語言。

國際化

除了自動檢測完全不同語言的瀏覽器語言外,網站還必須注意語言變化。 一個流行的例子是具有美國和英國變體的英語。 這些變體具有不同的拼寫、樣式和格式。

為確保有效的本地化,您網站的自動語言檢測應該使用戶可以清楚地檢測到這兩種變體。 您可以使用前兩種方法中的任何一種來獲得關於國際化的有效結果。

為什麼要自動檢測瀏覽器語言?

當人們第一次訪問您的網站時,他們希望以他們理解的語言訪問其內容。 這就是為什麼在您的網站上設置自動用戶語言檢測很重要的原因。

一旦您將網站設置為自動檢測瀏覽器語言一次,它就會始終記住訪問者之前通過 cookie 使用的語言。 因此,當用戶重新訪問您的網站時,他們可以自動以首選語言訪問它。

在大多數情況下,全球網站通常會獲得新用戶,他們的瀏覽器設置或 IP 地址反映的語言與您網站的預設語言不同。 當您激活自動用戶語言檢測插件時,此類訪問者會看到一個彈出窗口,其中包含切換到檢測到的語言的選項。

您還可以設置將訪問者重定向到他們的語言而不預先通知他們的方式。 這樣做的挑戰在於,由於 Google 算法的不斷變化,它可能無法幫助您的網站建立索引。

無論哪種情況,您都將享受以下好處:

  • 您網站的瀏覽體驗將得到顯著改善;
  • 您將在著陸頁和整個網站上獲得更多參與;
  • 用戶將在您的網站上花費更多時間,這也會提高您的搜索引擎優化 (SEO) 排名;
  • 您的業務將獲得更多的銷售和轉化。

從本質上講,自動檢測瀏覽器語言使您的多語言網站更加用戶友好,並確保您的國際化工作產生最大的投資回報 (ROI)。

用於瀏覽器語言檢測的最佳 WordPress 插件

TranslatePress 是可用於檢測瀏覽器語言的最佳 WordPress 插件。 這是一個易於使用的插件,可讓您快速翻譯您的網站。 使用 TranslatePress,您可以直接從前端翻譯整個頁面,而無需技術麻煩。

翻譯出版社

它還允許您使用 DeepL 或 Google Translate 自動翻譯您的 WordPress 網站,並根據需要進行修改。 該插件與其他 WordPress 插件兼容,並具有用戶友好的界面。

您可以使用 WordPress 翻譯插件從 200 多種語言中進行選擇。 它還允許您編輯翻譯並僅在完成後發布。 該插件有一個語言切換器,可以幫助您的網站用戶輕鬆地在您網站的不同版本之間切換。

Translate Press 允許您翻譯圖像,它完全支持 SEO。 錦上添花的是,如果您在使用該工具時遇到任何挑戰,您可以輕鬆聯繫可靠且專業的 TranslatePress 支持團隊。

TranslatePress 如何檢測瀏覽器語言

TranslatePress 使用自動用戶語言檢測插件來執行用戶語言檢測。 這不涉及 IP 語言地址服務的任何技術性或註冊,因為 Maxmind 的 GeoLite2 數據庫有助於本地語言識別。

您的站點可以通過瀏覽器語言設置或 IP 地址檢測用戶的語言。 正如我們之前所解釋的,瀏覽器語言設置是首選選項。 但總的來說,在確定網站的最佳選擇時,您需要考慮您的目標受眾。

通過轉到 WordPress 儀表板中的設置→ TranslatePress 高級,您可以輕鬆更改在 IP 地址之前考慮瀏覽器語言的預設模式。 在這裡,您可以選擇使用瀏覽器語言、IP 地址或兩者來確定訪問者的語言。 如果您決定同時使用兩者,則可以先使用它們中的任何一個。

檢測瀏覽器語言設置 translatepress

之後,您可以決定是否要在訪問者打開您的網站後立即將其重定向到檢測到的語言。 否則,您可以通過彈出窗口或問候欄通知他們有關語言檢測的信息。 如果您選擇在重定向之前通知您的用戶,您還可以自定義您希望他們看到的消息。

在自動檢測瀏覽器語言後,您通常可以使用兩種重定向:硬重定向和軟重定向。 硬重定向發生在服務器端,與緩存系統不兼容。

這與基於插件和基於主機的緩存系統有關。 這是因為站點訪問者只能看到頁面的緩存版本。 換句話說,他們永遠不會看到服務器代碼將他們重定向到的頁面的翻譯版本。

除了緩存這一挑戰之外,硬重定向還要求訪問者接受 cookie 並授予 JavaScript 訪問權限以運行。

幸運的是,自動用戶語言檢測插件有效地解決了這些棘手的直接問題。 它僅使用在客戶端發生的軟重定向。

如何在 WordPress 中檢測瀏覽器語言

要啟用您的 WordPress 網站檢測瀏覽器語言,請按照以下簡單步驟操作。

第 1 步:安裝並激活 TranslatePress

TranslatePress 有一個免費版本,您可以在 WordPress 存儲庫中輕鬆找到它,但為了獲得自動用戶語言檢測的訪問權限,您將需要 TranslatePress 的開發人員或商業許可證。

因此,要安裝 TranslatePress 的專業版,請購買許可證,然後從您的帳戶頁面下載您的插件 .zip 文件。

TranslatePress 帳戶頁面

接下來,在您的 WordPress 儀表板中轉到Plugins → Add New ,上傳插件文件,然後點擊Install and Activate

將插件添加到站點後,它將在儀表板的頂部面板中添加一個新的翻譯站點按鈕。 您可以將鼠標懸停在此按鈕上並單擊設置來設置您的多語言站點。

translatepress 設置 瀏覽器語言 檢測

下一步是將自動用戶語言檢測插件添加到您的站點。

第 2 步:激活自動用戶語言檢測插件

要激活插件,請轉到設置→ TranslatePress 然後單擊插件選項卡。

translatepress 激活自動用戶語言檢測插件

在列表中找到自動用戶語言檢測插件,然後單擊激活

自動用戶語言檢測插件 translatepress

第三步:選擇語言檢測模式

激活自動語言檢測插件後,您可以調整“高級”選項卡中的設置。

檢測瀏覽器語言設置 translatepress

在這裡,您可以從 4 種不同的模式中進行選擇。 您可以根據訪問者的瀏覽器語言設置、IP 地址或設置優先順序來確定語言檢測模式。

在這種情況下,您的網站將使用您選擇的第一個選項來確定用戶語言偏好。 如果首選方法失敗,它將考慮第二個選項。

設置完成後,不要忘記單擊頁面底部的保存更改

現在,當 TranslatePress 檢測到與您網站上的默認語言不同的語言首選項時,它將顯示如下彈出窗口:

自動用戶語言檢測彈出窗口

額外提示:始終將語言切換器添加到您的站點

依靠自動語言重定向不足以讓訪問者以他們喜歡的語言訪問內容。 無論您擁有哪種多語言網站,您仍然需要添加 WordPress 語言切換器。

即使您的網站檢測到錯誤的瀏覽器語言,語言切換器也允許用戶查看您網站上的內容。 這不僅僅與技術錯誤有關。 用戶可以選擇以本地語言或瀏覽器預設語言以外的語言查看您的網站。

TranslatePress 浮動語言切換器

您網站的語言切換器可以是按鈕、文本或下拉菜單的形式。 最重要的是,您的訪問者應該能夠方便地使用它。

您可以通過 3 種方式使用 TranslatePress 將語言切換器添加到您的 WordPress 網站:使用短代碼、菜單項或浮動語言選擇。 您可以在此處找到幫助您選擇語言按鈕的詳細指南。 或者您可以查看此詳細教程,了解如何使用 TranslatePress 添加任何這些語言切換器類型。

使用瀏覽器語言檢測提升用戶體驗

建立您的多語言網站旨在為您的企業提供全球在線認可。 這就是為什麼您必須設置您的網站以確保用戶可以訪問您的網站內容而沒有語言障礙。

在本文中,我們解釋了自動語言檢測是什麼以及它是如何工作的。 我們還演示瞭如何使用最好的多語言 WordPress 插件 TranslatePress 輕鬆檢測您網站上的瀏覽器語言。

TranslatePress 多語種

TranslatePress 是翻譯 WordPress 網站的最簡單方法。 它速度快,不會減慢您的網站速度,適用於任何主題或插件,並且對 SEO 友好。

獲取插件

或下載免費版

有了這些提示,我們希望本文能幫助您設置您的網站以自動檢測瀏覽器語言。 如果您在下面的評論部分有任何問題,請隨時告訴我們。

如果您覺得這篇文章有幫助,請查看我們的 YouTube 頻道,我們會不斷上傳簡短易懂的視頻教程。 您也可以在 Facebook 和 Twitter 上關注我們,以便在我們每次發佈時第一個知道。