Wix Harmony Editor: Die DOM Order verwalten
3 Min.
Die Reihenfolge im Document Object Model (DOM) beschreibt die Struktur deiner Website-Seiten. Sie legt fest, in welcher Reihenfolge die Elemente deiner Seite geladen und ausgewählt werden.
Eine klare und logische DOM Order kann deine Website auf verschiedene Arten optimieren. In diesem Artikel erfährst du, warum das DOM wichtig ist und wie du damit arbeitest.
Warum die DOM Order wichtig ist
Die DOM Order einer Website legt fest, in welcher Reihenfolge Elemente auf ihren Seiten geladen und gelesen werden. Sie kann Folgendes beeinflussen:
- Barrierefreiheit: Einige Besucher verwenden möglicherweise die Tabulatortaste, einen Screenreader oder andere Hilfstechnologien, um auf deiner Website zu navigieren. Diese Technologien bestimmen anhand der DOM Order, in welcher Reihenfolge sie Elemente auswählen oder vorlesen.
- Performance: Das DOM legt fest, in welcher Reihenfolge Elemente auf einer Website geladen werden. Wenn diese Reihenfolge nicht mit der visuellen Anordnung der Elemente übereinstimmt, kann das den Ladevorgang beeinträchtigen. Zum Beispiel kann sich das Layout der Seite verschieben, während der Content geladen wird.
- Ranking in Suchergebnissen: Suchmaschinen nutzen das DOM, um festzulegen, in welcher Reihenfolge sie eine Website crawlen. Sie gehen dabei von links nach rechts und von oben nach unten vor. Bei einer unübersichtlichen oder falschen DOM Order kann die Suchmaschine den Content in der falschen Reihenfolge lesen und dadurch missverstehen.
Möchtest du die DOM Order deiner Website testen?
Du kannst die automatische DOM Order einer Website von Wix testen. Verwende dazu die Tabulatortaste deiner Tastatur oder einen Screenreader in der Live-Version der Website.
Die DOM Order manuell anpassen
Wix ordnet die DOM Order deiner Website standardmäßig automatisch. Dadurch bleibt der Content deiner Seiten für Performance und Ranking optimiert. Du kannst die DOM Order bestimmter Abschnitte und Container jedoch manuell anpassen.
Um die automatische DOM Order zu deaktivieren:
- Öffne deinen Editor.
- Klicke unten links im Editor auf das Symbol für Ebenen
. - Klicke im Ebenen-Panel neben dem entsprechenden Abschnitt oder Container auf das Symbol für Weitere Aktionen
. - Klicke auf Aktiv neben DOM Order optimieren, um die Funktion zu deaktivieren.
- Ziehe die entsprechenden Elemente per Drag-and-Drop in die gewünschte Reihenfolge.
Die DOM Order im Wizard für Barrierefreiheit anpassen
Möglicherweise fordert dich der
Wizard für Barrierefreiheit dazu auf, die DOM Order automatisch zu organisieren. Diese Aufgabe kann für bestimmte Seiten oder für die gesamte Website angezeigt werden:
- Probleme auf Website-Ebene: Verschiedene Sprachen haben unterschiedliche Leserichtungen. Französisch wird zum Beispiel von links nach rechts gelesen, Arabisch dagegen von rechts nach links. Diese Aufgabe wird angezeigt, wenn die Leserichtung der Website-Sprache nicht mit der visuellen Anordnung deiner Elemente übereinstimmt.
- Probleme auf Seitenebene: Diese Aufgabe wird angezeigt, wenn die automatische DOM Order in mindestens einem Abschnitt 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.
- Ordne die DOM Order nach Aufgabentyp:
- Website-Ebene: Wähle das Aufklappmenü Website-Ebene aus.
- Seitenebene:
- Klicke auf die entsprechende Seitensammlung, zum Beispiel Hauptseiten oder Shop-Seiten.
- Klicke auf die gewünschte Seite.
- Klicke auf das Aufklappmenü DOM Order organisieren.
- Wähle Automatisch (empfohlen) aus.
- Klicke auf Anwenden.
- Optional: Überprüfe die visuelle Darstellung der Website-Elemente, um sicherzustellen, dass sie richtig ausgerichtet sind.
Woher erhält Wix seine Informationen zur Barrierefreiheit?
- Unsere Empfehlungen richten sich nach dem Dokument „Richtlinien für barrierefreie Webinhalte“ (WCAG) des World Wide Web Consortium (W3C).
- Unser Leitfaden basiert auf den folgenden Erfolgskriterien: