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:
- 前往編輯器。
- 點擊編輯器左下角的「圖層」圖示 圖層
。 - (在圖層面板中)點擊相關區段或容器旁的「更多操作」圖示 尚有...項小部件
。 - 點擊 最佳化 DOM 順序 旁的 開啟 以將其停用。
- 將相關元件拖放至您想要的順序。
在無障礙精靈中調整 DOM 順序
系統可能會在 無障礙精靈 中提示您自動整理 DOM 順序。這可能會出現在特定頁面下方,或針對整個網站顯示:
- 網站層級問題:不同語言有不同的閱讀方向(例如:法文由左至右閱讀,阿拉伯文則由右至左)。當網站語言的閱讀方向與元件的視覺順序不一致時,系統就會顯示此任務。
- 頁面問題:當頁面中至少有一個區段或容器停用了 DOM 時,系統就會顯示此任務。
若要使用精靈整理 DOM 順序:
- 前往編輯器。
- 點擊編輯器左上角的網站名稱。
- 向下捲動至 無障礙 並點擊 修復問題。
- 點擊 掃描網站。
- 根據任務類型整理 DOM 順序:
- 網站層級:選擇 網站層級 下拉式選單。
- 頁面層級:
- 點擊相關頁面系列(例如:主頁面、商店頁面)。
- 點擊特定頁面。
- 點擊 整理 DOM 順序 下拉式選單。
- 選擇 自動(建議)。
- 點擊 套用。
- (選填)檢查網站元件的視覺顯示,確保其已對齊。
Wix 從何處取得無障礙資訊?
- 我們根據 全球資訊網協會 (W3C) 制定的 《網頁內容無障礙指南》(WCAG) 文件 提供建議。
- 我們的指南基於以下成功準則:

