Morgan Vault指南多語言化不用請翻譯
指南 · 多語言 SEO

如何讓網站多國語言化——不用請翻譯

不請翻譯、不裝外掛,用 AI 把網站做成多國語言,並讓 Google 正確收錄每個語言版本。這篇講的就是 morganvault.com 自己用來支撐 23 種語言的方法——一個翻譯字典、各語言一頁靜態 HTML、加上 hreflang。

作者 Morgan Wang · 最後更新
一句話回答
不請翻譯,怎麼把網站做成多國語言又讓 Google 收錄?

把所有文字集中到一個「翻譯字典」(用短 id 當 key,每種語言一份);用 AI(Claude)翻譯這份字典,重點頁面再人工校對;為每種語言產生一頁真正的靜態 HTML(讓爬蟲看到完整在地化內容,而不是靠 JS 才填字);每頁加 hreflang 與自指 canonical 告訴 Google 哪個語言給誰;最後加一個語言切換選單。本站就是用這套跑 23 種語言。

六個步驟

  1. 1. 決定語言與網址結構選好目標語言,每種給一個獨立網址路徑,例如 /en/、/ja/、/es/。子目錄是最好讓 Google 分語言爬取與收錄的結構。
  2. 2. 把所有文字集中到一個翻譯字典把每一段 UI 文字搬到同一個地方,用短 id 當 key(一個 JSON 或 JS 物件),每種語言一份。這就是所有翻譯的唯一真實來源。
  3. 3. 用 AI 翻譯,不外包請 Claude 把字典翻成每種目標語言。流量最高的頁面(首頁、定價、FAQ)再校一次語氣;預算允許就讓母語者上線前過一遍。比一開始就每種語言請翻譯便宜又快太多。
  4. 4. 每種語言產生一頁靜態 HTML為了 SEO,為每種語言渲染一頁真正的靜態 HTML,讓爬蟲看到完整在地化內容,而不是空白頁等 JS 填。一支小 script 就能把字典套進模板、各語言各生一頁。
  5. 5. 加 hreflang 與 canonical每頁加上指向各語言版本的 hreflang 連結標籤,加一個自指 canonical。這告訴 Google 哪個語言該給哪種使用者,也避免被當成重複內容。
  6. 6. 加語言切換選單給訪客一個簡單的選單可以切語言,並記住他們的選擇。也可以在第一次造訪時偵測瀏覽器語言、自動導到對應版本。

為什麼這套可信?本站就是活證明

你現在讀的這個網站本身就跑著 23 種語言,全部從單一翻譯字典產生、各語言一頁靜態 HTML、完整 hreflang——沒有請任何翻譯、沒有裝多語言外掛。整套引擎的程式碼量不大,真正的成本是翻譯校對與內容同步,不是工程。這也是 Morgan Vault 電子書第 4 章手把手教的東西。

常見問題

AI 翻譯品質夠用在正式網站嗎?
對大多數行銷與產品文案,現在的 AI 翻譯是很強的起點——足以上線。誠實的做法是標明「AI 協助翻譯」、校對流量最高的頁面、預算允許時請母語者校稿。比一開始就每種語言請翻譯便宜又快太多。
每種語言一定要不同網址嗎?
為了 SEO,是。每種語言給一個獨立網址(例如 /en/、/ja/)。靠 JS 在同一網址換文字,搜尋引擎很難分語言收錄。獨立的靜態網址讓 Google 能各別收錄與排名。
hreflang 是什麼?我需要嗎?
hreflang 是一組連結標籤,告訴 Google 每頁針對哪種語言與地區。當你有多個語言版本時就需要它,這樣 Google 才會把對的版本給對的使用者,也不會把各版本當成重複內容。
阿拉伯文、希伯來文這種右到左語言怎麼處理?
在那些語言的 html 元素加上 dir="rtl" 屬性,並確認版面沒有寫死左右假設。多數用 logical properties 或 flexbox 的現代 CSS 幾乎不用額外調整就能適應。
幾種語言算太多?
沒有硬上限——morganvault.com 從單一字典跑 23 種語言。成本主要在翻譯校對與內容同步,不在工程。先做你受眾真的會用的語言,之後字典讓你很便宜地再加。

想學完整一條龍?

完整 200 頁實戰電子書:從第一行 HTML 到部署、SEO/AEO、多語言 i18n、訂閱收集、流量策略。含可直接複製的腳本與 AI 對話模板。共 23 種語言。

查看電子書套組 — $39.90 →