Carrd 中文版教學:介面翻譯、中文網站設定與替代方案

Last updated on 12/3/2025@mrbirddev
Carrd 中文版教學:介面翻譯、中文網站設定與替代方案

想用 Carrd 建立個人網站、作品集或自我介紹頁,但介面只有英文、沒有「Carrd 中文版」讓你有點卻步嗎?
這篇會用繁體中文帶你完整認識 Carrd,包含介面中文對照、如何設定中文語言與 SEO,以及如果你希望整個編輯器都是中文時,可以選擇的替代工具。

重點整理:

  • Carrd 目前沒有官方繁體/簡體中文介面,但完全支援中文內容。
  • 透過語言設定與正確排版,你可以做出對中文讀者友善的 Carrd 網站。
  • 如果你偏好全中文介面與更多設計自由度,可以考慮使用 slidde。

Carrd 有沒有中文版?

目前 Carrd 的後台與編輯器只有英文介面,並沒有官方的繁體中文或簡體中文版 UI。
不過,你可以在 Carrd 頁面中輸入任何語言的內容,包括繁體中文、簡體中文,只要瀏覽器與字型支援,就能正確顯示。

對多數中文使用者來說,真正的難點不在於「能不能打中文」,而是:

  • 看不懂後台與編輯器的英文選項。
  • 不知道語言設定會怎麼影響 SEO 與瀏覽器顯示。
  • 不確定要怎麼設計出「適合中文閱讀」的單頁網站。

下面會先把常見介面用中文說清楚,再帶你一步步做出中文網站。

Carrd 介面中文對照

這一節幫你快速熟悉 Carrd 介面,把常見的英文選項對照成中文說明,方便你一邊看一邊操作。

主控制台與全站選項

  • Dashboard:主控台;登入後看到的網站列表與帳號管理頁。
  • New Site:建立新網站;從空白或模板開始。
  • Templates:模板庫;可以從現成設計複製一份來改。
  • Account:帳號設定;包含方案、付款資訊與帳號資料。
  • Log out:登出。

建議第一次使用時,可以先從「Templates」挑一個乾淨簡單的模板,避免一開始就被空白畫面嚇到。

編輯器左側畫布

在 Carrd 編輯器中,中間是實際頁面預覽,左右兩側則是控制不同區塊與設定的面板。

常見區塊類型:

  • Section:區塊/版面區;可以理解為一整塊橫向區段,例如 Hero、關於我、聯絡方式。
  • Container:容器;用來把多個元素包在一起排序或套用同一組背景/邊距。
  • Text:文字;標題、段落、說明文字都靠這個。
  • Image:圖片;可用來放頭像、作品縮圖或背景圖。
  • Button:按鈕;用來放「聯絡我」「查看作品」「前往 IG」等動作。

操作方式通常是「點一下元素 → 右側會出現對應設定」,不需要拖曳太多,也不用寫程式碼。

如何讓 Carrd 網站變成中文網站

即使介面是英文,我們仍然可以做出對中文讀者與搜尋引擎友善的網站。
這裡分成三個層次:語言設定、內容與字體排版、SEO 基本設定。

1- 設定 Carrd 語言(Language)

首先,請先為網站設定正確的語言代碼,讓瀏覽器與搜尋引擎知道這是一個中文網站。

具體步驟(簡版):

  1. 登入 Carrd 並打開你要編輯的網站。
  2. 點擊右上角「Publish(發佈)」按鈕。
  3. 進入後點右上角的齒輪圖示「Settings(設定)」。
  4. 找到「Language(語言)」欄位。
  5. 選擇適合的語言:
    • 繁體中文網站:一般可選「Chinese (Traditional)」或「zh-Hant」。
    • 簡體中文網站:選「Chinese (Simplified)」或「zh-Hans」。
  6. 儲存並再次發佈網站。

這一步會影響 HTML 的 lang 屬性,有助於:

  • 搜尋引擎正確理解你內容的語言。
  • 閱讀器與某些輔助工具為使用者提供更準確的語音讀出。
  • 未來搜尋結果中針對特定語言的排序。

若需要更完整的圖解步驟,可以參考這篇說明:
👉 如何設定 Carrd 語言

2- 內容與中文字體排版

Carrd 的模板大多以英文預設字體與排版設計,因此直接套用到中文時,常見問題包括:

  • 行距太窄,中文看起來擠在一起。
  • 字體在某些裝置上不夠清晰或缺字。
  • 標題與內文大小比例不適合中文閱讀習慣。

建議調整方式:

  • 行距(Line height)

    • 標題字建議略大、行距拉開一點,避免多行時壓得太緊。
    • 內文行距可以設為約 1.5 倍或你覺得「看起來不壓迫」的程度。
  • 字體選擇(Font)

    • 儘量選擇對中文支援良好的無襯線字體,例如系統預設的「PingFang TC」「Noto Sans CJK」等。
    • 若 Carrd 提供的字體列表中沒有明確的中文字體名稱,可以使用通用 sans-serif,讓瀏覽器自動匹配。
  • 對齊方式

    • 長段中文建議使用左對齊而非置中,閱讀流動會比較自然。
    • 標題可以視設計選擇置中或左對齊,但內文盡量保持一致。

之後可以再另外寫一篇專門整理「適合 Carrd 的中文網頁字體與排版建議」,並從這裡連過去,進一步建立中文使用者的主題權重。

3- 標題與 SEO 基本設定(Title / Description)

在 Settings 中,另外兩個對搜尋非常關鍵的欄位是:

  • Title:網站標題;會出現在瀏覽器分頁、搜尋結果標題。
  • Description:網站描述;有機會被用在搜尋結果摘要。

針對中文網站:

  • Title 建議包含:
    • 你的名字或品牌名。
    • 1 個簡短定位關鍵字(例如「設計師」「工程師」「插畫作品集」)。
  • Description 則可以用 1–2 句清楚說明你是誰、你提供什麼服務,保持自然即可,不需要刻意堆疊關鍵字。

Carrd 與雙語/多語言網站

如果你希望同一個品牌同時有英文與中文版本,Carrd 的限制是:每個網站本質上都是單頁或少量頁面,且沒有內建多語言切換功能。

比較常見的做法是:

  • 使用 /en/zh-tw 這樣的路徑各建一個獨立頁面或網站,透過按鈕互相連結。
  • 或者將不同語言的內容放在同一頁不同區塊,手動設計切換導覽。

如果你需要的是完整的多頁架構、多語語言、對 SEO 友善的結構(例如部落格、產品頁、FAQ 各自獨立),會比較推薦使用真正支援 multi-page 的工具,例如 slidde。
關於什麼情況該用多頁架構、什麼情況用單頁 Hash section 模擬就好,可以參考這份說明:
👉 Multi-page 說明

實作範例:用 Carrd 做一頁中文自我介紹

下面是一個簡化流程,示範如何從 0 到 1 做出一個「中文自我介紹頁」,你可以照著步驟操作一次,就能大致掌握 Carrd 的使用方式。

  1. 選擇模板

    • 開啟 Carrd,點擊「New Site」→ 「Choose a Starting Point」。
    • 在模板中挑一個以個人簡介、作品集或個人頁面為主的款式。
  2. 將所有英文文字改成中文

    • 點擊每個 Text 元素,將預設標題改成:
      • H1:你的名字(例如:陳小明)
      • 副標:一行簡短定位(例如:前端工程師 / 側寫設計與開發)
    • 內文區塊可以寫:
      • 關於我:簡短介紹背景與擅長領域。
      • 作品/專案:用 Bullet 或卡片展示 3–6 個代表作品。
      • 聯絡方式:Email、社群連結、表單或行動呼籲。
  3. 調整字體與排版讓中文更友善

    • 在每個文本區塊的 Appearance / Style 中:
      • 增加行距與段落間距。
      • 視情況放大正文字體,避免手機上看起來太小。
  4. 設定語言與 SEO

    • 按「Publish」→ 齒輪圖示「Settings」。
    • 設定 Language 為中文(繁/簡)。
    • 填寫 Title 與 Description,讓搜尋引擎知道這是一個中文的個人網站。
  5. 發佈並測試手機版體驗

    • 選擇一個 Carrd 子網域,先用免費方案上線測試。
    • 在手機與電腦上打開,檢查字體、行距、按鈕間距是否適合中文閱讀。

如果你想看更完整的範例,可以參考這篇專門的教學:
👉 如何用 Carrd 做出一頁式自我介紹

常見問題(FAQ)

Carrd 會影響中文 SEO 嗎?

Carrd 本身不會限制中文內容,只要你:

  • 設定正確的語言欄位(Language)。
  • 在 Title、Description、內容中自然使用中文關鍵字。
  • 確保網站可被搜尋引擎抓取並有基礎外部連結。

搜尋引擎會像處理一般中文網站一樣處理你的 Carrd 網站。

可以用 Carrd 做多語言網站嗎?

Carrd 並沒有內建多語言切換模組,但你可以:

  • 為每種語言建立一個獨立的頁面(例如 /en/zh-tw),用互相的按鈕互鏈。
  • 或在同一頁中分段提供不同語言版本,透過按鈕或锚點跳轉。

如果你要做大量內容、多語言架構,會更適合使用支援多頁與更完整導覽結構的工具,例如 slidde。

Carrd 適不適合長篇中文內容?

Carrd 比較適合:

  • 一頁式自介、作品集。
  • 簡單的活動頁或報名頁。
  • 多連結頁(類似 Link in bio)。

如果你打算寫長篇文章、部落格,建議搭配其他平台或工具,Carrd 則負責「入口頁」或「個人名片」。

接下來可以做什麼?

如果你是用「Carrd 中文」「Carrd 中文版」「Carrd 中文教學」之類的關鍵字來找到這篇,希望這份整理有幫助你更安心地開始使用 Carrd。
接下來你可以從這幾篇延伸閱讀開始,建立屬於你的中文 Carrd 網站:

Last updated on 12/3/2025@mrbirddev
Recent Articles
Loading...