開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
placeholder-preview-image

無障礙:網站結構準備

網站階層(即網站結構)可協助網頁瀏覽器和螢幕助讀程式理解網站內容的組織方式。可為網站文字新增 HTML 標籤,標示文字在網站順序中的位置,為訪客提供清楚易懂的體驗。
溫馨提醒:
系統會根據網站頁面的 DOM 順序「讀取」網頁內容。可檢查此順序,並視需要進行調整。深入了解如何整理網站順序。

文字準備建議

準備網站文字時,建議留意以下準則:
  • 為文字使用 HTML 標籤:每個頁面都應包含一個 H1 標題,之後的 HTML 標籤則應依序排列。例如,若頁面主標題使用 H1 標籤,子標題就應使用 H2,依此類推。如此一來,視障訪客便能按照合理順序瀏覽內容。
  • 標題應清楚說明內容:可將標題視為下方文字的標籤(這對 SEO 也很重要)。
  • 間距相當重要:編輯文字時,若要將標題分成多行,請使用 Shift + Enter 鍵插入換行符號,不要使用 Enter 鍵,否則每一行都會建立新的標題元件。
  • 將標題新增至頁面內文:新增至網站頁首的 H1 會顯示在所有包含該頁首的頁面上。因此,建議改為將標題新增至頁面內文。
    提示:若使用的是沒有其他頁面的單頁式網站,可忽略此建議。

透過編輯器為文字新增 HTML 標籤

為網站文字新增 HTML 標籤,即可界定內容階層。若使用 Wix 編輯器建立網站,可從文字設定中選擇標籤。若使用 Studio 編輯器,可在「檢驗器」面板中找到標籤。Wix Harmony 編輯器的文字設計選項中也提供此選項。
  1. 在編輯器中選擇相關文字。
  2. 選擇「編輯文字」。
  3. 選擇「SEO 和無障礙」。
  4. 從下拉式選單中選擇 HTML 標籤。
文字設定面板的「設計」索引標籤已開啟。游標正點擊 HTML 標籤下拉式選單。

透過無障礙精靈為文字新增 HTML 標籤

使用無障礙精靈掃描網站,找出並調整文字元件的標籤。所有網站編輯器皆提供此精靈,方便改善任何製作中網站的無障礙功能。
大多數文字都可直接在精靈中變更。不過,部分文字元件(例如應用程式文字)目前尚未與精靈完整整合,可能需要手動調整。
  1. 前往編輯器。
  2. 點擊頂端的 「設定」。
  3. 選擇「無障礙精靈」。
  4. 選擇「掃描網站」。
  5. 點擊「偵測到的問題」索引標籤。
  6. 選擇相關頁面。
  7. 點擊「整理標題結構」。
  8. 選擇相關的文字元件。
  9. 請根據精靈是否支援該文字,採用下列其中一種方法。也可選擇自行更新標題標籤,或使用 AI 工具更新。
系統已為文字元件選擇新的標題標籤。游標點擊「套用」。
下一步:
返回 無障礙檢查清單,繼續改善網站的無障礙體驗。