header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix Harmony 編輯器:使用 DOM 順序

1 分鐘
本篇文章適用於 2026 年 1 月推出的全新 Wix Harmony 編輯器。若不確定目前使用的是 Wix Harmony 編輯器還是 Wix 編輯器,請在此檢視更多資訊
文件物件模型(DOM)順序是指網站頁面的結構方式。它決定了頁面元件的載入和選取順序,即先出現哪一個,接著是哪一個,依此類推。
擁有清晰且具邏輯的 DOM 順序可從多方面最佳化網站。請參考本文資訊,進一步瞭解 DOM 的重要性以及操作方法。

DOM 順序的重要性

網站 DOM 是網站頁面元件的載入和閱讀順序,會影響網站的:
  • 無障礙:部分網站訪客可能會使用 Tab 鍵、螢幕助讀程式或其他輔助技術來瀏覽網站。這些技術仰賴 DOM 順序來判斷選取或閱讀元件的順序。
  • 表現:DOM 決定了網站元件載入的先後順序。如果與元件的視覺順序不符,可能會影響網站載入(例如:內容載入時可能導致頁面版面配置位移)。
  • 搜尋結果排名:搜尋引擎使用 DOM 來決定網站編目的順序(由左至右、由上至下)。若 DOM 雜亂無章或不正確,可能會導致搜尋引擎以錯誤的順序「閱讀」內容,進而誤解內容。
想要測試網站的 DOM 順序嗎?
您可以在網站的已上線版本中使用鍵盤的 Tab 鍵或螢幕助讀程式,測試 Wix 網站的自動 DOM 順序。

手動調整 DOM 順序

Wix 預設會自動整理網站的 DOM 順序,讓頁面內容在表現和排名方面保持最佳化。不過,您也可以手動調整特定區段和容器的 DOM 順序。

若要停用自動 DOM:

  1. 前往編輯器
  2. 點擊編輯器左下角的圖層圖示
  3. (在圖層面板中)點擊相關區段或容器旁的更多操作圖示
  4. 點擊 最佳化 DOM 順序 旁的 開啟 即可將其停用。
  5. 將相關元件拖放至所需順序。

在無障礙精靈中調整 DOM 順序

系統可能會提示您在 無障礙精靈 中自動整理 DOM 順序。此提示可能會在特定頁面或整個網站中顯現:
  • 網站層級問題:不同語言有不同的閱讀方向(例如:法文為由左至右,阿拉伯文則是由右至左)。當網站語言的閱讀方向與元件的視覺順序不一致時,系統就會顯示此任務。
  • 頁面問題:當頁面中至少有一個區段或容器停用了 DOM 時,系統就會顯示此任務。

若要使用精靈整理 DOM 順序:

  1. 前往編輯器
  2. 點擊編輯器左上角的網站名稱。
  3. 向下捲動至無障礙並點擊修復問題
  4. 點擊掃描網站
  5. 根據任務類型整理 DOM 順序:
    • 網站層級:選擇網站層級下拉式選單。
    • 頁面層級:
      1. 點擊相關的頁面系列(例如:主頁面、商店頁面)。
      2. 點擊特定頁面。
  6. 點擊整理 DOM 順序下拉式選單。
  7. 選擇自動(建議)
  8. 點擊套用
  9. (選填)檢查網站元件的視覺顯示,確保其對齊。
Wix 從何處取得無障礙資訊?