Die eigenständige Überprüfung einer Website auf mobile Kompatibilität kann einfach und herausfordernd zugleich sein.
Lassen Sie uns näher darauf eingehen, wie Sie Ihre Website effizient selbst testen können. Beachten Sie zunächst, dass für eine korrekte Optimierung einer Website für mobile Geräte entschieden werden muss, ob die Website adaptiv ist oder ob eine separate mobile Version erforderlich ist. Die unten aufgeführten Methoden eignen sich gut für adaptive Websites. Wenn Ihre Website jedoch über eine separate Mobile-Version verfügt, müssen Sie diese Version gezielt testen. Es gelten separate Anforderungen, um sicherzustellen, dass die Website auf mobilen Geräten einwandfrei funktioniert, einschließlich Formatierung und Ladezeit.
Website-Test auf dem Mobilgerät
„Nehmen Sie Ihr eigenes Telefon, öffnen Sie den Browser und gehen Sie zu Ihrer Webseite. Überprüfen Sie:
- Ist es einfach, die Hauptkontaktinformationen zu finden?
- Ist es klar, was Ihr Unternehmen tut?
- Können Sie leicht auf die Service-Seiten zugreifen?
- Ist es einfach zu lesen?
- Können Sie Bilder ordentlich anzeigen?
- Was passiert, wenn Sie auf Schaltflächen oder kontextuelle Links klicken?
Klicken Sie auf alle Schaltflächen, die Sie sehen, lesen Sie die Seiten, öffnen Sie die Fotos, sehen Sie sich die Videos an und teilen Sie die Seiten in den sozialen Medien – Ihre Aufgabe besteht darin, Ihre Webseite so viel wie möglich zu testen. Wenn Sie etwas finden, das Ihnen nicht gefällt oder als unpraktisch empfinden, nehmen Sie einen Screenshot, fügen Sie einen Link zur Seite hinzu, beschreiben Sie das Problem und senden Sie es an Ihren Website-Entwickler.
Ich werde es nicht verbergen – manchmal wird Ihre Ansicht des Problems nicht korrekt sein, da die Hauptbesucher Ihrer Website es möglicherweise anders sehen.“
Testen einer responsiven Website auf einem Computer.
„Öffnen Sie die Website im Browser und rufen Sie die Entwicklerkonsole auf.“
Chrome browser
- Um den Code anzuzeigen, verwenden Sie die rechte Maustaste, um das Menü zu öffnen und „Code anzeigen“ auszuwählen.
- Alternativ können Sie die Tastenkombination Strg+Shift+I verwenden, um die Entwicklerkonsole zu öffnen.
- Wenn Sie MacOS verwenden, verwenden Sie die Tastenkombination F12 oder Cmd+Opt+J.
FireFox, Edge und andere Browser
- Um den Code einer Webseite zu öffnen, gibt es je nach Gerät unterschiedliche Möglichkeiten. Für diejenigen, die eine Maus verwenden, mit der rechten Maustaste klicken und „Code anzeigen“ auswählen.
- Für diejenigen, die eine Tastatur verwenden, drücken Sie Strg+Shift+K, um die Entwicklerkonsole zu öffnen.
- Für Mac-Benutzer entweder F12 oder Cmd+Opt+K drücken.
Safari
Um zu beginnen, müssen Sie die Entwicklerkonsole aktivieren:
- Gehen Sie zu „Einstellungen“ und wählen Sie das „Erweitert“ -Panel aus. Unten finden Sie das Kontrollkästchen „Entwicklermenü in der Menüleiste anzeigen“ – aktivieren Sie es. Verwenden Sie Cmd + Opt + C, um die Konsole zu öffnen.
- Klicken Sie auf das Symbol für das Mobiltelefon, um zu sehen, wie die Website auf Telefonen dargestellt wird. In der Konsole können Sie beliebte Telefon-/Tablet-Marken auswählen und die Website auf ihnen testen.
Kommentar zu Testergebnissen
„Die Konsole ahmt die Funktionsweise einer mobilen Website nach, aber tatsächliche Fehler sollten immer noch am besten auf einem echten Handy betrachtet werden. Wenn Sie diese Methode verwenden, erhalten Sie eine allgemeine Vorstellung von der Funktionalität der Website, können aber Fehler in ihrer Funktionsweise nicht identifizieren.“
Google Mobile-Tests
Um eine Vorstellung davon zu bekommen, ob Suchmaschinen Ihre mobile Version der Website richtig sehen, nutzen Sie Testdienste:
Andere Möglichkeiten zum Testen
Es gibt andere Möglichkeiten, um auf Emulatoren zu testen, verschiedene Website-Analysatoren, sowohl kostenpflichtig als auch kostenlos. Diese Dienste sind jedoch hauptsächlich für Fachleute konzipiert und das Verständnis der Testergebnisse kann schwierig sein. Für Ihre eigene Website-Tests sollten die oben genannten Methoden jedoch mehr als ausreichend sein und Sie können den Rest Ihrem Website-Entwickler überlassen.