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

Wix Harmony 編輯器:DOM 順序操作指南

文件物件模型(DOM)順序是指網站頁面的結構方式。這會決定頁面元件的載入和選取順序,也就是哪些元件優先、哪些其次,以此類推。
清楚且符合邏輯的 DOM 順序能從多方面最佳化網站。請參閱本文資訊,深入了解 DOM 的重要性及操作方式。

DOM 順序的重要性

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

手動調整 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 從何處取得無障礙資訊?