Block außerhalb des Rasters

Warum es wichtig ist

Eine Website, die sich an einem Raster ausrichtet, wirkt ruhig und vertrauenswürdig. Ein Block, der etwas weiter links beginnt oder etwas weiter rechts endet, lässt die Seite unordentlich wirken – auch wenn Besucher nicht sagen können, warum. Auf dem Handy liest sich Text, der in den Bildschirmrand läuft, außerdem schlecht.

Wie Snaglist es prüft

Snaglist öffnet die Startseite und eine Auswahl anderer Seitentypen auf einem Handy (390 Pixel) und einem großen Bildschirm (1440 Pixel). Die Spalte der Website ist der linke Rand des Textes, der auf fast jeder Seite wiederkehrt, z. B. im Header und Footer. Der rechte Rand ist spiegelbildlich, es sei denn, die Website selbst ist breiter. Ein Block außerhalb dieser Spalte wird gemeldet, es sei denn, er füllt den Bildschirm, läuft absichtlich in den Rand oder ist bewusst breiter in der Mitte. Feste Ebenen, Slider und versteckte Teile zählen nicht.

Snaglist meldet das als Hinweis. Im Health-Score kostet das 5 % der Seite. Gut zu wissen, manchmal eine bewusste Entscheidung.

Häufige Ursachen

• Ein Abschnitt mit eigenem Padding statt dem Container der Website
• Ein negativer Margin, der einen Block aus der Spalte zieht
• Ein separat gestylter Block in einem Page-Builder
• Karten oder ein Raster, die die volle Breite nutzen, während der Text darüber es nicht tut

So behebst du es

1. Sieh dir den Block an, den Snaglist nennt, und vergleiche seine Ränder mit der Spalte im Bericht.
2. Setze ihn in denselben Container wie den Rest der Seite oder gib ihm denselben seitlichen Margin.
3. Prüfe die Seite nach dem nächsten Crawl erneut.

So wird es im Bericht dargestellt

Im Bericht für deinen Kunden erscheint das unter der Überschrift „Nicht alles ist am Raster ausgerichtet“. Wenn alles in Ordnung ist, steht im Bericht: „Alles ist am Raster der Website ausgerichtet“.