Blok buiten de kolom

Waarom het belangrijk is

Een site die op één raster uitlijnt, ziet er rustig en betrouwbaar uit. Een blok dat een beetje verder naar links begint of naar rechts eindigt, maakt de pagina rommelig, ook als bezoekers niet kunnen zeggen waarom. Op een telefoon leest tekst die tot de rand van het scherm doorloopt ook slecht.

Hoe Snaglist dit controleert

Snaglist opent de homepage en een steekproef van andere paginatypes op een telefoon (390 pixels) en een breed scherm (1440 pixels). De kolom van de site is de linkerrand van de tekst die op bijna elke pagina terugkomt, zoals de header en footer. De rechterrand is er een spiegelbeeld van, tenzij de site zelf breder doorloopt. Een blok buiten die kolom wordt gemeld, tenzij het schermvullend is, expres tot de rand doorloopt, of bewust breder is in het midden. Vaste lagen, sliders en verborgen onderdelen tellen niet mee.

Snaglist meldt dit als melding. Die kost 5 procent van de pagina in de gezondheidsscore. Goed om te weten, en soms een bewuste keuze.

Veelvoorkomende oorzaken

• Een sectie met eigen padding in plaats van de container van de site
• Een negatieve marge die een blok buiten de kolom trekt
• Een apart gestijld blok in een pagebuilder
• Kaarten of een raster die de volle breedte innemen terwijl de tekst erboven dat niet doet

Hoe je het oplost

1. Kijk naar het blok dat Snaglist noemt en vergelijk de randen met de kolom in het rapport.
2. Plaats het in dezelfde container als de rest van de pagina, of geef het dezelfde zijmarge.
3. Controleer de pagina opnieuw na de volgende crawl.

Zo staat het in het rapport

In het rapport voor je klant staat dit onder de kop "Niet alles staat netjes in de lijn van je site". Is alles in orde, dan meldt het rapport: "Alles staat in de kolom van de site".