Website auf dem Handy prüfen: der 10-Minuten-Selbsttest

Viele Inhaber schauen sich ihre Website am Bürorechner an, mit großem Bildschirm und schnellem Internet. Ihre Kunden sehen sie anders: auf dem Handy, im Auto vor dem Haus, auf der Baustelle oder abends auf dem Sofa.

Der folgende Test braucht nur Ihr eigenes Handy und zehn Minuten. Er ersetzt keine technische Analyse, aber er zeigt die Fehler, die am meisten Anfragen kosten.

Warum der Test am eigenen Handy zählt

Wer „Zahnarzt in der Nähe“ oder „Dachdecker Regenstauf“ sucht, tut das meist unterwegs. Google bewertet Websites außerdem nach ihrer mobilen Fassung. Was auf dem Handy nicht funktioniert, funktioniert also auch bei Google schlechter.

Dazu kommt der Empfang. Wer im Landkreis unterwegs ist, kennt die Stellen, an denen nur noch ein Balken übrig bleibt, im Tal, im Wald oder zwischen zwei Dörfern. Genau dort steht oft der Kunde mit dem Wasserschaden und versucht, Ihre Seite zu laden.

Der Test in zehn Minuten

Nehmen Sie Ihr Handy, schalten Sie das WLAN aus und gehen Sie die Punkte der Reihe nach durch. Schreiben Sie auf, was hakt. Noch besser: Geben Sie das Handy jemandem aus der Familie, der die Seite nicht kennt, und schauen Sie nur zu. Wo er zögert, zögern auch Kunden.

1. Suche: Googeln Sie Ihre Leistung und Ihren Ort, nicht Ihren Firmennamen. Tauchen Sie auf, und passt der Text unter dem Link?
2. Erster Eindruck: Sehen Sie nach dem Öffnen ohne Scrollen, was Sie machen, wo und wie man Sie erreicht?
3. Anruf-Knopf: Tippen Sie auf die Telefonnummer. Öffnet sich direkt die Wähl-App mit Ihrer Nummer?
4. Lesbarkeit: Können Sie den Text ohne Zoomen lesen, auch draußen in der Sonne?
5. Menü: Öffnen Sie das Menü mit einer Hand. Lässt es sich wieder schließen, und finden Sie Ihre wichtigste Leistung?
6. Formular: Füllen Sie das Kontaktformular mit dem Daumen aus und schicken Sie es ab. Kommt die Nachricht an?
7. Ladezeit: Laden Sie die Seite an einer Stelle mit schlechtem Empfang. Wie lange bleibt der Bildschirm weiß?
8. Querformat und Zurück: Handy drehen, dann die Zurück-Taste. Bricht etwas, oder landen Sie wieder bei Google?
9. Pop-ups: Verdeckt beim Öffnen ein Fenster für Newsletter oder Cookies den halben Bildschirm, und lässt es sich mit dem Daumen schließen?

Anruf-Knopf und Lesbarkeit

Wenn beim Antippen der Nummer nichts passiert, ist sie nicht als Telefonlink hinterlegt. Das ist in wenigen Minuten behoben und bringt oft mehr als jede Designänderung. Prüfen Sie auch, ob die Nummer als Bild eingebaut ist. Dann kann das Handy sie gar nicht erkennen.

Bei der Lesbarkeit hilft eine Faustregel: Fließtext sollte auf dem Handy etwa so groß sein wie in einer Nachrichten-App. Hellgraue Schrift auf weißem Grund ist am Bürobildschirm noch lesbar, draußen in der Sonne nicht mehr. Wenn Sie zoomen müssen, muss es Ihr Kunde auch. Achten Sie zusätzlich darauf, dass Text nicht seitlich über den Bildschirmrand hinausläuft und man nicht nach rechts wischen muss, um einen Satz zu Ende zu lesen.

Ladezeit, wenn nur ein Balken Empfang da ist

Im Büro lädt fast jede Seite schnell. Interessant wird es im schwachen Mobilnetz. Bleibt der Bildschirm dort mehrere Sekunden weiß, springt ein Teil der Besucher ab, bevor überhaupt etwas zu sehen ist.

Die häufigsten Bremsen auf Betriebsseiten sind riesige Bilder direkt vom Handy, ein Slider auf der Startseite, eingebettete Karten und Videos sowie viele Skripte für Tracking und Chat. Wer es ohne Funkloch nachstellen will: In Chrome am Rechner lässt sich in den Entwicklertools eine langsame Mobilverbindung simulieren. Wie Sie systematisch messen, beschreibt Website-Geschwindigkeit testen.

Formular und Menü mit dem Daumen

Knöpfe und Links müssen so groß sein, dass ein Daumen sie trifft, ohne den Nachbarn mitzunehmen. Google empfiehlt für Tippflächen etwa 48 Pixel. Zu kleine Menüpunkte, die direkt untereinander kleben, sind einer der häufigsten Fehler, die wir sehen.

Im Formular sollte beim Telefonfeld die Zahlentastatur aufgehen, beim E-Mail-Feld die Tastatur für E-Mail-Adressen. Ist die Schrift in Eingabefeldern zu klein, zoomt das iPhone beim Antippen automatisch hinein, und das Layout verrutscht. Und: Jedes Pflichtfeld, das nicht wirklich nötig ist, kostet Anfragen. Mehr dazu in Kontaktformular, das Anfragen bringt.

Kostenlose Werkzeuge, die Sie ergänzend nutzen können

Der Test mit dem eigenen Handy zeigt, wie sich die Seite anfühlt. Zahlen liefern kostenlose Werkzeuge von Google.

• PageSpeed Insights: Adresse eingeben, auf den Reiter „Mobil“ achten. Sie sehen Ladezeit, Probleme und konkrete Hinweise. Bei Seiten mit genug Besuchern zeigt das Tool auch echte Nutzerdaten zu den Core Web Vitals. Die Punktzahl schwankt von Messung zu Messung, achten Sie deshalb eher auf die Hinweise als auf die genaue Zahl.
• Google Search Console: zeigt, wie Google Ihre Seite sieht, welche Suchbegriffe Klicks bringen und ob es Probleme bei der Darstellung gibt.
• Die Entwicklertools in Chrome oder Firefox: Handyansicht und langsames Netz am Rechner nachstellen.

Den früheren „Test auf Optimierung für Mobilgeräte“ von Google gibt es nicht mehr. Wer ihn in alten Anleitungen findet, nimmt stattdessen PageSpeed Insights. Warum die mobile Fassung die eigentliche Fassung ist, erklärt Mobile-First-Design verstehen.

Wenn der Test schlecht ausfällt

Manche Fehler lassen sich an einem Nachmittag beheben: Telefonlink setzen, Bilder verkleinern, ein Pflichtfeld streichen. Wenn aber Menü, Schrift und Ladezeit gleichzeitig hakeln, ist die Seite meist nicht für Handys gebaut, sondern nur nachträglich angepasst. Dann ist ein Neuaufbau oft günstiger als Flickwerk. Wiederholen Sie den Test außerdem nach jeder größeren Änderung, denn ein neues Plugin oder ein großes Bild reicht, um eine schnelle Seite wieder langsam zu machen.

Wir bauen jede Seite zuerst für das Handy und testen sie auch im langsamen Netz. Wenn Sie wissen wollen, ob sich Ihre bestehende Seite retten lässt, schauen wir sie uns an. Mehr dazu unter PageSpeed-Optimierung in Regensburg oder direkt über Kontakt.