Wix Harmony 編輯器:DOM 順序操作指南
文件物件模型(DOM)順序是指網站頁面的結構方式。這會決定頁面元件的載入和選取順序,也就是哪些元件優先、哪些其次,以此類推。
清楚且符合邏輯的 DOM 順序能從多方面最佳化網站。請參閱本文資訊,深入了解 DOM 的重要性及操作方式。
DOM 順序的重要性
網站 DOM 是網站頁面中元件的載入和閱讀順序,可能影響網站的以下方面:
- 無障礙:部分網站訪客可能會使用 Tab 鍵、螢幕助讀程式或其他輔助技術瀏覽網站。這些技術會依據 DOM 順序,判斷選取或讀取元件的順序。
- 網站表現:DOM 會決定網站元件的載入順序。如果 DOM 順序與元件的視覺順序不一致,可能會影響網站載入(例如,內容載入時可能造成頁面版面配置位移)。
- 搜尋結果排名:搜尋引擎使用 DOM 判斷網站的編目順序(由左至右、由上至下)。未經整理或不正確的 DOM 可能導致搜尋引擎以錯誤的順序「讀取」內容,進而誤解內容。
想測試網站的 DOM 順序嗎?
若要測試 Wix 網站的自動 DOM 順序,可在網站的已上線版本中按下鍵盤上的 Tab 鍵,或使用螢幕助讀程式。
手動調整 DOM 順序
Wix 預設會自動整理網站的 DOM 順序,讓頁面內容維持最佳化,有助提升網站表現和排名。不過,也可手動調整特定區段和容器的 DOM 順序。
停用自動 DOM 順序:
- 前往編輯器。
- 點擊編輯器左下方的「圖層」圖示
。 - (在「圖層」面板中)點擊相關區段或容器旁的「更多操作」圖示
。 - 點擊「開啟」(位於「最佳化 DOM 順序」旁),即可停用此功能。
- 依所需順序拖放相關元件。
在無障礙精靈中調整 DOM 順序
系統可能會在 無障礙精靈 中提示自動整理 DOM 順序。此提示可能會顯示在特定頁面下,或針對整個網站顯示:
- 網站層級問題:不同語言的閱讀方向也不同(例如,法文由左至右閱讀,阿拉伯文則由右至左閱讀)。網站語言的閱讀方向未與元件的視覺順序對齊時,系統會顯示此任務。
- 頁面問題:只要頁面中至少有一個區段或容器停用 DOM,系統就會顯示此任務。
使用精靈整理 DOM 順序:
- 前往編輯器。
- 點擊編輯器左上方的網站名稱。
- 向下捲動至「無障礙」,然後點擊「修正問題」。
- 點擊「掃描網站」。
- 依任務類型整理 DOM 順序:
- 網站層級:選擇「網站層級」下拉式選單。
- 頁面層級:
- 點擊相關頁面集合(例如「主頁面」或「商店頁面」)。
- 點擊特定頁面。
- 點擊「整理 DOM 順序」下拉式選單。
- 選擇「自動(建議)」。
- 點擊「套用」。
- (選填)檢查網站元件的視覺呈現,確認是否對齊。
Wix 從何處取得無障礙資訊?
- 我們依據全球資訊網協會(W3C)制定的《網頁內容無障礙指南》(WCAG)文件提供建議。全球資訊網協會的英文名稱為 World Wide Web Consortium(W3C)。
- 我們的準則以下列成功標準為依據:

