Was es ist
Diese Prüfung betrifft dasselbe Viewport-Meta-Tag, das wir in unserem anderen Viewport-Ratgeber technischer erklären, hier aber aus der Perspektive dessen, was ein mobiler Besucher tatsächlich erlebt: Ohne dieses Tag geht der Browser eines Handys davon aus, dass die Seite für einen viel breiteren Desktop-Bildschirm gebaut wurde, und schrumpft das Ganze passend zusammen – das Ergebnis ist winziger, schwer lesbarer Text und ein Layout, das ständiges Zusammenkneifen und Scrollen erfordert, nur um normal lesen zu können.
Für die meisten Websites heute, besonders solche mit einem bereits eingebauten, wirklich responsiven Design, ist das rein ein Konfigurationsproblem, kein Designproblem – das responsive Layout existiert bereits, es bekommt nur nie die Chance, sich zu aktivieren.
Warum es wichtig ist
Auf den meisten Websites heute machen mobile Besucher mehr als die Hälfte des gesamten Traffics aus, sodass ein derart grundlegendes Darstellungsproblem auf dem Handy kein kleiner Randfall ist – es betrifft sehr oft die Mehrheit aller Besucher überhaupt. Wer auf einer Seite landet, die auf dem eigenen Handy kaputt, gequetscht und schwer navigierbar aussieht, verlässt diese Seite deutlich wahrscheinlicher sofort wieder, statt sich mit Zusammenkneifen und Zoomen abzumühen, um normal großen Text zu lesen.
Weil dieses Problem beim Prüfen so unmittelbar sichtbar ist (einfach die Website auf dem Handy öffnen), ist es auch eines der am schnellsten zu bestätigenden, sobald die zugrunde liegende Einstellung korrigiert wurde.
So behebst du es
- Öffne deine Website auf einem echten Handy oder nutze die eingebaute Mobilvorschau bzw. die Geräteleiste deines Browsers (meist in den Entwicklertools verfügbar).
- Sieht die Seite aus wie ein geschrumpftes Desktop-Layout statt einem passend skalierten mobilen Layout, ist genau diese Einstellung sehr wahrscheinlich die Ursache.
- Der exakte Code-Fix steht in unserem technischen Viewport-Ratgeber – ein einzelnes
<meta name="viewport">-Tag löst das Problem praktisch immer. - Nutzt du einen Website-Baukasten, wird das fast immer automatisch von der Plattform gesetzt – eine kaputte mobile Ansicht deutet dort meist auf einen störenden benutzerdefinierten Code-Schnipsel hin.
- Prüfe die Seite nach dem Fix erneut auf dem Handy, um zu bestätigen, dass Text und Layout jetzt ohne Zoomen richtig dargestellt werden.