Ist meine Website gut auf einem Telefon?

Die meisten Besucher betrachten Ihre Website auf einem Smartphone. Auch Google tut das: Google verwendet die mobile Version Ihrer Seiten, um sie zu erfassen und einzustufen. Was auf Ihrem Smartphone nicht auf der Seite steht, sieht Google also auch nicht. In diesem Artikel erfahren Sie, wie Sie selbst prüfen, ob Ihre Website auf einem kleinen Bildschirm gut funktioniert.

Die Viewport-Regel

Ein Smartphone weiß nicht von selbst, dass Ihre Seite für einen kleinen Bildschirm gemacht ist. Ohne Anweisung tut der Browser so, als wäre der Bildschirm viel breiter, und verkleinert die gesamte Seite. Dann erhalten Sie winzigen Text, bei dem Sie hineinzoomen müssen. Die Lösung ist eine Zeile im <head> jeder Seite:

<meta name="viewport" content="width=device-width, initial-scale=1">

• Keine feste Breite wie width=1024: Dann tut das Smartphone wieder so, als wäre der Bildschirm breit.
• Zoomen nicht blockieren: Lassen Sie user-scalable=no und maximum-scale=1 weg. Menschen mit Sehschwäche müssen Text vergrößern können.

Der KI Bouwer, WordPress-Themes und die meisten anderen Website-Baukästen fügen diese Zeile selbst in jede Seite ein. Bei einer selbst erstellten oder alten Website lohnt es sich, nachzusehen: Öffnen Sie eine Seite, klicken Sie mit der rechten Maustaste, wählen Sie Seitenquelltext anzeigen (oder Strg+U) und suchen Sie mit Strg+F nach viewport.

Selbst testen

1. Öffnen Sie Ihre Website auf Ihrem eigenen Smartphone und gehen Sie Ihre wichtigsten Seiten durch.
2. Oder am Computer: Öffnen Sie Ihre Website in Chrome oder Firefox, drücken Sie F12 und klicken Sie auf das Symbol eines Smartphones und Tablets. Wählen Sie ein schmales Gerät.
3. Achten Sie auf Text, der außerhalb des Bildes fällt, eine Seite, die Sie seitwärts verschieben müssen, Schaltflächen, die zu klein sind oder sich überlappen, und Teile, die auf Mobilgeräten fehlen.
4. Testen Sie anschließend in PageSpeed Insights auf der Registerkarte Mobil. Wie Sie diesen Bericht lesen, steht in PageSpeed Insights lesen: Core Web Vitals in einfacher Sprache.

Der separate Mobilfreundlichkeits-Test von Google und der Bericht zur mobilen Nutzerfreundlichkeit in der Search Console gibt es seit dem 1. Dezember 2023 nicht mehr. Stoßen Sie in einem alten Artikel darauf, verwenden Sie stattdessen die oben genannten Schritte.

Gleicher Inhalt auf Mobilgeräten und Desktop

Bei einer responsiven Website (eine Adresse und eine Seite, die sich an die Bildschirmbreite anpasst) ist der Inhalt von selbst gleich. Google empfiehlt diese Methode. Haben Sie eine separate mobile Website, wie m.example.com, oder ein System, das Smartphones andere Seiten sendet, prüfen Sie Folgendes:

• derselbe Text, auch wenn er auf Mobilgeräten in einem Aufklappblock steht;
• derselbe Titel und dieselbe Beschreibung;
• dieselben Bilder mit denselben Alt-Texten;
• kein Inhalt, der erst lädt, wenn der Besucher wischt, klickt oder tippt: Das macht Google nicht.

Weiterführende Informationen

• Google: empfohlene Vorgehensweisen für Mobile-First-Indexing (Englisch)
• MDN: die Viewport-Regel (Englisch)