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) 文件 提供建議。
- 我們的指南基於以下成功準則:

