`

Niemand redet darüber, aber falsche Viewport-Einstellungen kosten euch Rankings. Ich dachte, ein simples Meta-Tag sei trivial. War es nicht.

Mein erster Fehler: user-scalable=no. Barrierefreiheit ist seit 2023 ein Ranking-Faktor. Google stuft Seiten herab, die Zoom blockieren. Ich verlor 23 Positionen bei kommerziellen Keywords, nur wegen dieser einen Einstellung. Mobile Usability Report in Search Console zeigte keinen Fehler, aber die Rankings sanken kontinuierlich.

Zweites Problem war initial-scale in Kombination mit fixen Layouts. Meine Seite nutzte initial-scale=1.0, aber CSS-Elemente hatten feste Pixel-Breiten. Auf Samsung-Geräten mit hoher DPI führte das zu horizontalem Scrolling. Google wertet das als schlechte mobile Experience.

Was wirklich half:

• Viewport height-Parameter komplett entfernt
• Dynamische Viewport-Units (dvh statt vh) für Hero-Sections
• Touch-target-Größen auf minimum 48x48 CSS-Pixel gesetzt

Der überraschendste Fund: width=device-width funktioniert nicht zuverlässig auf foldable Phones. Meine Analytics zeigten 12 Prozent Bounces von Galaxy Fold-Nutzern. Die Lösung war ein flexibles Grid ohne feste Breakpoints.

Testeteure Seiten auf echten Geräten, nicht nur im Chrome DevTools. Emulatoren zeigen nicht alle Viewport-Probleme.

`