Den Original-Artikel von Google Search Central findest Du als Quelle mit folgendem Link:
https://support.google.com/webmasters/answer/9063469#content_not_sized_to_viewport« Zurück zur Übersicht
Der Inhalt Deiner Seite ist breiter als der Bildschirm
Der mobile Usability Fehler kann Deine Seite unzugänglicher machen und für mobile Nutzer wird die Navigation erschwert. Es gibt unterschiedliche Nutzerfreundlichkeits-Probleme, eine davon ist die Fehlermeldung „Inhalt breiter als Bildschirm“. In dieser Kurzfassung erfährst Du warum diese Fehlermeldung auftritt und wie Du den Fehler beheben kannst.
So kannst Du das Problem beheben
Diese Fehlermeldung tritt auf, wenn Deine Nutzer dazu gezwungen sind seitlich zu wischen, um den Inhalt zu sehen, weil sich das Design Deiner Website horizontal ausgedehnt hat. Es gibt 3 Faktoren, wie Du das Problem vermeiden kannst.
Achte darauf, dass Bilder skaliert werden können und das für die Seite Breiten- und Positionswerte die richtigen Elemente verwendet werden.
- Die Verwendung von absoluten Variablen in CSS-Deklarationen solltest Du vermeiden. Nutze dafür lieber relative Breiten- und Positionswerte für Deine Elemente. Dadurch kannst du flexible Layouts erstellen, die sich an Bildschirmgrößen anpassen.
- Stelle sicher, dass alle Deine Bilder eine maximale Breite von 100% haben, denn Bilder mit festen Abmessungen können größer als das Display angezeigt werden. Verwende in Deinem <image>-Tag immer die Bezeichnung „max-width“, um Platz für Bilder im Browser zu reservieren.
- Gib dem Browser Anweisungen, wie er den Maßstab der Seite und die Abmessungen kontrollieren kann. Durch das Einfügen eines „Meta-Viewport-Tag“ im Kopf Deines Dokuments, kannst Du dies steuern.
Du benötigst Hilfe? Wir lösen Dein Problem!
Gerne können wir auch die Lösung des Problems für Dich übernehmen! Klicke dazu in der E-Mail, die wir Dir geschickt haben, auf den Button und beauftrage die Behebung der Fehlermeldung bei uns.
Du hast noch weitere Fehlermeldungen erhalten?