Wix Harmony-editor: Met DOM-volgorde werken
3 min
In dit artikel
- Waarom DOM-volgorde belangrijk is
- De DOM-volgorde handmatig aanpassen
- De DOM-volgorde aanpassen in de Toegankelijkheidswizard
Dit artikel verwijst naar de nieuwe Wix Harmony-editor, die in december 2025 is uitgebracht. De Wix Harmony-editor is nog niet voor alle gebruikers beschikbaar. Als je niet zeker weet of je de Wix Harmony-editor of de Wix Editor gebruikt, lees dan hier meer.
De Document Object Model (DOM)-volgorde verwijst naar hoe je websitepagina's zijn gestructureerd. Het bepaalt de laad- en selectievolgorde van de elementen van je pagina — wat als eerste komt, dan als tweede, enzovoort.
Het hebben van een duidelijke, logische DOM-volgorde kan je website op een aantal manieren optimaliseren. Gebruik de informatie in dit artikel om meer te lezen over waarom DOM belangrijk is en hoe je ermee kunt werken.
Waarom DOM-volgorde belangrijk is
Website-DOM is de laad- en leesvolgorde van elementen op websitepagina's en kan van invloed zijn op de:
- Toegankelijkheid: Sommige websitebezoekers kunnen de Tab-toets, een schermlezer of andere ondersteunende technologieën gebruiken om door je website te navigeren. Deze technologieën zijn afhankelijk van de DOM-volgorde om de volgorde te weten om elementen te selecteren of te lezen.
- Prestaties: DOM bepaalt de volgorde waarin elementen op een website worden geladen. Als het niet overeenkomt met de visuele volgorde van elementen, kan dit het laden van de website beïnvloeden (het kan bijvoorbeeld de indeling van de pagina verschuiven terwijl de inhoud wordt geladen).
- Ranking van zoekresultaten: Zoekmachines gebruiken DOM om de volgorde te bepalen waarin een website is gecrawld (van links naar rechts en van boven naar beneden). Een ongeorganiseerde of onjuiste DOM kan ervoor zorgen dat de zoekmachine de inhoud in de verkeerde volgorde 'leest' en de inhoud verkeerd begrijpt.
Wil je de DOM-volgorde van je website testen?
Je kunt de automatische DOM-volgorde van een website testen door de Tab-toets van je toetsenbord te gebruiken of een schermlezer op de live versie van de website.
De DOM-volgorde handmatig aanpassen
Wix organiseert standaard automatisch de DOM-volgorde van je website, waardoor de pagina-inhoud geoptimaliseerd blijft voor prestaties en ranking. Je kunt de DOM-volgorde van specifieke onderdelen en containers echter handmatig aanpassen.
Om automatische DOM uit te schakelen:
- Ga naar je editor.
- Klik linksonder in de editor op het Lagen-pictogram
. - (In het Lagen-paneel) Klik naast het relevante onderdeel of container op het Meer acties-pictogram
. - Klik naast DOM-volgorde optimaliseren op Aan om dit uit te schakelen.
- Sleep de relevante elementen in de gewenste volgorde.
De DOM-volgorde aanpassen in de Toegankelijkheidswizard
Je wordt mogelijk gevraagd om automatisch de DOM-volgorde te ordenen in de Toegankelijkheidswizard. Deze kan onder specifieke pagina's of voor de hele website verschijnen:
- Problemen op websiteniveau: Verschillende talen hebben verschillende leesrichtingen (bijvoorbeeld: Nederlands leest van links naar rechts en Arabisch wordt gelezen van rechts naar links). Deze taak wordt weergegeven wanneer de leesrichting van de taal van de website niet is uitgelijnd met de visuele volgorde van je elementen.
- Paginaproblemen: Deze taak wordt weergegeven wanneer DOM is uitgeschakeld op ten minste een van de onderdelen of containers van de pagina.
Om de DOM-volgorde te organiseren met de wizard:
- Ga naar je editor.
- Klik linksboven in de editor op de naam van je website.
- Scrol omlaag naar Toegankelijkheid en klik op Problemen oplossen.
- Klik op Website scannen.
- Organiseer de DOM-volgorde met het taaktype:
- Websiteniveau: Selecteer de Websiteniveau-dropdown.
- Paginaniveau:
- Klik op de relevante paginaverzameling (bijvoorbeeld: Hoofdpagina's, Winkelpagina's).
- Klik op de specifieke pagina.
- Klik op de DOM-volgorde organiseren-dropdown.
- Selecteer Automatisch (aanbevolen).
- Klik op Toepassen.
- (Optioneel) Controleer de visuele weergave van website-elementen om er zeker van te zijn dat ze zijn uitgelijnd.
Waar haalt Wix de toegankelijkheidsinformatie?
- We doen aanbevelingen op basis van het document Web Content Accessibility Guidelines (WCAG), dat is ontwikkeld door het World Wide Web Consortium (W3C).
- We hebben onze richtlijnen gebaseerd op de volgende succescriteria: