Wie lässt sich prüfen, ob eine Website für mobile Geräte geeignet ist?

Wie lässt sich prüfen, ob eine Website für den mobilen Zugriff geeignet ist?

Dass sich eine Website auf dem Smartphone öffnen lässt, bedeutet nicht, dass Kunden problemlos Produkte finden, technische Daten lesen und eine Anfrage senden können. Bei einem Check der mobilen Nutzerfreundlichkeit reicht es nicht, nur zu prüfen, ob die Seite auf den Bildschirm passt. Auch Ladezeit, Lesbarkeit, Bedienbarkeit und das Absenden von Formularen müssen reibungslos funktionieren. Bei einer Export-Website kann bereits ein schwebender Kundenservice-Button, der den Anfrage-Button verdeckt, die Wirkung der zuvor investierten Werbeausgaben zunichtemachen.

Zuerst die richtigen Seiten auswählen, dann Probleme mit Tools ermitteln

Testen Sie nicht nur die Startseite. Empfehlenswert sind die Startseite, Produktkategorieseiten, Produktdetailseiten, die Anfrageseite sowie Landingpages für laufende Anzeigen. Prüfen Sie bei mehrsprachigen Websites außerdem stichprobenartig Sprachversionen mit längeren Texten. Unterschiedliche Seitenvorlagen können unterschiedliche Fehler aufweisen: Eine einwandfrei dargestellte Startseite beweist nicht, dass eine Produkttabelle mit technischen Daten nicht über den Bildschirmrand hinausgeht.

Öffnen Sie in den Chrome-Entwicklertools den Gerätesimulationsmodus, wählen Sie verschiedene Smartphone-Abmessungen und prüfen Sie die Darstellung auf schmalen und im Querformat ausgerichteten Bildschirmen sowie bei langsamer Netzwerkverbindung. So lassen sich Layoutprobleme schnell erkennen; ein Test auf echten Geräten wird dadurch jedoch nicht ersetzt. Prüfen Sie zusätzlich auf einem Android-Smartphone und einem iPhone jeweils Menüs, Pop-ups und Formulare in den gängigen Browsern.

Für Leistungstests können Sie PageSpeed Insights verwenden. Für eine weitergehende Analyse eignet sich Lighthouse in Chrome. Beachten Sie, dass Google das frühere Testtool für die Mobilfreundlichkeit eingestellt hat und Sie nicht weiter nach dem alten Zugang suchen müssen. Ein Leistungsbericht ist zudem kein Nachweis für eine einwandfreie mobile Darstellung: Verdeckte Schaltflächen und schwer auszufüllende Formularfelder müssen weiterhin manuell geprüft werden.

Beim Layout den Interaktionsweg der Kunden nachvollziehen

Gehen Sie vom Aufrufen der Seite aus Schritt für Schritt den Weg „Menü öffnen – Produkt finden – technische Daten ansehen – Anfrage senden“ durch. Vergrößern Sie die Seite nicht mit zwei Fingern, um Mängel auszugleichen. Der Fließtext sollte direkt lesbar sein, Schaltflächen sollten sich leicht antippen lassen und benachbarte Links dürfen nicht zu dicht beieinanderliegen. Wenn die Seite horizontal gescrollt werden muss, prüfen Sie zuerst Bilder mit fester Breite, Tabellen, Videos und überlange Links.

Bei Websites von Herstellern ist besonders auf Tabellen mit technischen Daten zu achten: Sie können für diese einen eigenen horizontalen Scrollbereich mit entsprechendem Hinweis vorsehen, dürfen aber nicht zulassen, dass die Tabelle die gesamte Seite verbreitert. Produktbilder sollten wichtige Details zeigen. Größenangaben oder Modellbezeichnungen dürfen nicht abgeschnitten werden, nur um die Darstellung auf schmalen Bildschirmen anzupassen.

Prüfen Sie auch leicht übersehene überlagernde Elemente: Cookie-Hinweise, Online-Kundenservice, Sprachauswahl und eine am unteren Bildschirmrand fixierte Anfrageleiste. Für sich genommen funktionieren sie möglicherweise einwandfrei, doch in Kombination können sie Inhalte verdecken. Prüfen Sie außerdem, ob Eingabefelder und der Absende-Button nach dem Öffnen der Smartphone-Tastatur weiterhin erreichbar sind.

Die Geschwindigkeit lässt sich nicht an einer einzigen Gesamtpunktzahl ablesen

In PageSpeed Insights dienen Labordaten dazu, Probleme zu reproduzieren und zu diagnostizieren, während Felddaten die tatsächliche Nutzererfahrung abbilden. Die Ergebnisse können voneinander abweichen. Wenn zu wenige Nutzerdaten vorliegen, enthält der Bericht möglicherweise keine entsprechenden Angaben. Das bedeutet nicht, dass die Website problemlos funktioniert. Für die internationale Kundengewinnung sollten Sie außerdem die Netzwerkbedingungen in den Zielregionen berücksichtigen und sich nicht allein auf Ergebnisse aus dem WLAN im Büro verlassen.

Achten Sie besonders auf die Core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) und Cumulative Layout Shift (CLS). Die von Google angegebenen Schwellenwerte für eine gute Leistung liegen bei höchstens 2,5 Sekunden, 200 Millisekunden beziehungsweise 0,1. Bei der Bewertung realer Nutzerdaten wird üblicherweise das 75. Perzentil herangezogen, nicht das Ergebnis eines einzelnen Tests.

Wenn der erste sichtbare Seitenbereich langsam lädt, prüfen Sie zuerst große Bilder, automatisch abgespielte Videos und die Serverantwortzeit. Reagieren Klicks verzögert, untersuchen Sie Skripte und Drittanbieter-Komponenten. Springt das Layout, prüfen Sie, ob für Bilder Platz reserviert ist und Banner verzögert eingefügt werden. Entfernen Sie nicht einfach Anfrage-Tracking oder Kundenservice-Funktionen, um die Punktzahl zu verbessern. Ermitteln Sie zuerst die konkrete Ursache der Verzögerung.

Erst wenn eine Anfrage abgeschickt werden kann, ist der entscheidende Test abgeschlossen

Senden Sie mit einem Smartphone eine eindeutig als Test gekennzeichnete Anfrage und prüfen Sie Pflichtfeldhinweise, die E-Mail-Validierung, Ländervorwahlen, den Dateiupload und Captchas. Nach dem Absenden sollte nicht nur eine Erfolgsmeldung angezeigt werden, sondern Sie sollten auch kontrollieren, ob der Eintrag im Backend oder im Posteingang eingegangen ist. „Der Button lässt sich antippen“ und „Der Vertrieb hat den Lead erhalten“ sind zwei verschiedene Dinge.

Wenn Zugriffe über soziale Medien erfolgen, testen Sie den tatsächlichen Link auch direkt in der jeweiligen Social-Media-App. Integrierte und eigenständige Browser können sich unterschiedlich verhalten. Besonders Weiterleitungen, Anmeldungen und neue Fenster sollten geprüft werden. Das KI-gestützte, umfassende Marketing-System AI+SNS für soziale Medien von 易营宝 unterstützt die Verknüpfung von Konten auf mehreren Plattformen, die Synchronisierung von Inhalten und die Erstellung mehrsprachiger Beiträge. Wenn Sie solche Funktionen zur Verbreitung nutzen, müssen auch die in den Beiträgen verlinkten Landingpages abgenommen werden. Es reicht nicht aus, lediglich den erfolgreichen Beitrag zu bestätigen.

Testergebnisse in konkrete, erneut überprüfbare Korrekturaufgaben umwandeln

Dokumentieren Sie bei jedem Problem die Seitenadresse, das Gerät, den Browser, die Schritte zur Reproduktion und einen Screenshot. Beheben Sie zuerst Blocker wie nicht absendbare Formulare, fehlende Kerninhalte und verdeckte Schaltflächen. Anschließend können Sie langsame Ladezeiten und visuelle Details angehen. Testen Sie nach jeder Änderung dieselbe Seite erneut und prüfen Sie auch andere Seiten mit derselben Vorlage stichprobenartig, damit ein Problem nicht an einer Stelle behoben wird, an anderer aber weiterhin auftritt.

Die 2013 gegründete 易营宝信息科技（北京）有限公司 bietet Dienstleistungen für intelligente Website-Erstellung, mehrsprachige Websites, SEO, Werbung und Social-Media-Marketing an. Bei Projekten, die Website-Erstellung und Marketing miteinander verbinden, sollte die Abnahme nicht bei der Feststellung enden, dass ein responsives Template online ist. Es sollte auch klar festgelegt werden, wer für Landingpages, Formulare, Datenübermittlung und die anschließende Wartung verantwortlich ist.

Bewahren Sie nach einer mobilen Prüfung die Testergebnisse auf und wiederholen Sie den Test, wenn Sie ein Template wechseln, Plugins hinzufügen oder eine neue Sprachversion veröffentlichen. Ob eine Website für die mobile Nutzung geeignet ist, zeigt sich letztlich daran, ob Kunden auf ihren eigenen Geräten und unter ihren jeweiligen Netzwerkbedingungen die entscheidende Aktion problemlos ausführen können.