Wix Harmony Editor: Mit der DOM Order arbeiten
3 Min.
In diesem Artikel
- Warum die DOM Order wichtig ist
- Die DOM Order manuell anpassen
- Die DOM Order im Wizard für Barrierefreiheit anpassen
Dieser Artikel bezieht sich auf den neuen Wix Harmony Editor, der im Januar 2026 veröffentlicht wurde. Wenn du dir nicht sicher bist, ob du den Wix Harmony Editor oder den Wix Editor verwendest, erfährst du hier mehr Informationen dazu.
Die DOM-Reihenfolge (Document Object Model) bezieht sich darauf, wie deine Website-Seiten strukturiert sind. Sie bestimmt die Lade- und Auswahlreihenfolge der Elemente deiner Seite – was zuerst kommt, was als Zweites und so weiter.
Eine klare, logische DOM Order kann deine Website in vielerlei Hinsicht optimieren. Erfahre hier mehr über die Informationen in diesem Artikel, warum die DOM wichtig ist und wie du damit arbeiten kannst.
Warum die DOM Order wichtig ist
Die Website-DOM ist die Lade- und Lesereihenfolge von Elementen auf Website-Seiten und kann Folgendes beeinflussen:
- Barrierefreiheit: Einige Besucher der Website verwenden möglicherweise die Tab-Taste, einen Screenreader oder andere unterstützende Technologien, um auf deiner Website zu navigieren. Diese Technologien verlassen sich auf die DOM Order, um die Reihenfolge zu kennen, in der Elemente ausgewählt oder gelesen werden.
- Performance: Die DOM bestimmt die Reihenfolge, in der Elemente auf einer Website geladen werden. Wenn sie nicht mit der visuellen Reihenfolge der Elemente übereinstimmt, kann dies das Laden der Website beeinträchtigen (z. B. kann es dazu führen, dass sich das Layout der Seite beim Laden des Contents verschiebt).
- Platzierung in Suchergebnissen: Suchmaschinen verwenden die DOM, um die Reihenfolge zu bestimmen, in der eine Website gecrawlt wird (von links nach rechts und von oben nach unten). Eine ungeordnete oder falsche DOM kann dazu führen, dass die Suchmaschine den Content in der falschen Reihenfolge „liest“ und den Content falsch versteht.
Möchtest du die DOM Order deiner Website testen?
Du kannst die automatische DOM Order einer Website von Wix testen, indem du die Tab-Taste deiner Tastatur oder einen Screenreader in der Live-Version der Website verwendest.
Die DOM Order manuell anpassen
Wix organisiert die DOM Order deiner Website standardmäßig automatisch – so bleibt der Content der Seite für die Performance und die Platzierung optimiert. Du kannst die DOM Order bestimmter Abschnitte und Container jedoch manuell anpassen.
Um die automatische DOM zu deaktivieren:
- Öffne deinen Editor.
- Klicke auf das Symbol für Ebenen
unten links im Editor. - (Im Ebenen-Panel) Klicke auf das Symbol für Weitere Aktionen
neben dem entsprechenden Abschnitt oder Container. - Klicke auf An neben DOM-Reihenfolge optimieren, um diese zu deaktivieren.
- Ziehe die entsprechenden Elemente per Drag-and-Drop in die gewünschte Reihenfolge.
Die DOM Order im Wizard für Barrierefreiheit anpassen
Du wirst eventuell im Wizard für Barrierefreiheit dazu aufgefordert, die DOM Order automatisch zu organisieren. Dies kann unter bestimmten Seiten oder für die gesamte Website erscheinen:
- Probleme auf Website-Ebene: Verschiedene Sprachen haben unterschiedliche Leserichtungen (z. B. wird Französisch von links nach rechts und Arabisch von rechts nach links gelesen). Diese Aufgabe wird angezeigt, wenn die Leserichtung der Sprache der Website nicht mit der visuellen Reihenfolge deiner Elemente übereinstimmt.
- Seitenprobleme: Diese Aufgabe wird angezeigt, wenn die DOM in mindestens einem der Abschnitte oder Container der Seite deaktiviert ist.
Um die DOM Order mit dem Wizard zu organisieren:
- Öffne deinen Editor.
- Klicke oben links im Editor auf den Namen deiner Website.
- Scrolle nach unten zu Barrierefreiheit und klicke auf Probleme beheben.
- Klicke auf Website scannen.
- Organisiere die DOM Order mit dem Aufgabentyp:
- Website-Ebene: Wähle das Dropdown-Menü Website-Ebene aus.
- Seitenebene:
- Klicke auf die entsprechende Seitensammlung (z. B. Hauptseiten, Shop-Seiten).
- Klicke auf die spezifische Seite.
- Klicke auf das Dropdown-Menü DOM-Reihenfolge organisieren.
- Wähle Automatisch (empfohlen).
- Klicke auf Anwenden.
- (Optional) Überprüfe die visuelle Anzeige der Website-Elemente, um sicherzustellen, dass sie ausgerichtet sind.
Woher bezieht Wix seine Informationen zur Barrierefreiheit?
- Wir geben Empfehlungen gemäß dem Dokument der Web Content Accessibility Guidelines (WCAG) ab, das vom World Wide Web Consortium (W3C) entwickelt wurde.
- Wir haben unseren Leitfaden auf den folgenden Erfolgskriterien basiert: