Wie erscheint meine Webseite auf einem Tablet oder einem Smartphone? Kommt ein User mit kleinformatigen Bildschirmen mit der Navigation zurecht? Sind alle Schriften lesbar? Werden Bilder korrekt dargestellt? Lassen sich alle Funktionen der Webseite, insbesondere Bestellvorgänge, bedienen? Und vieles mehr. Responsive Webdesign heißt das Zauberwort beim Neuaufbau von Internetpräsenzen, denn damit passt sich der grafische Aufbau automatisch den jeweiligen Endgeräten an. Soweit die Theorie. Doch wie sehen die Ergebnisse konkret aus? Und was ist mit älteren Webseiten? Die Antwort geben kostenlose Mobile Testing Tools.

Im Internet gibt es zahlreiche Möglichkeiten, wie man seine Webseite schnell und einfach testen kann, ob diese für mobile Endgeräte geeignet ist oder nicht. Viele dieser Tools sind sogar kostenlos. Einige der besten möchte ich hier vorstellen.

Googles Test auf Optimierung für Mobilgeräte

Für einen schnellen und informativen Check eignet sich der Googles Test zur Optimierung für Mobilgeräte. Sie können über die Seite Ihre bestehende Webseite überprüfen oder auch neue Entwürfe im Entwicklungsstadium checken. Einfach die Seiten-URL eingeben. Nach wenigen Sekunden erhalten Sie eine Bewertung Ihrer Seite mit direkten Empfehlungen für die Mobile-Optimierung.

Googles Mobile Test

Auf der gleichen Seite finden Sie unter dem Menüpunkt „Leitfaden für Mobilgeräte“ auch weiterführende Informationen zu wichtigen Aspekten, die Sie bei der Mobile-Optimierung beachten sollten.

Mobile-Check mit aktuellen Browser-Programmen

Sehr komfortable Möglichkeiten für den Mobile-Check von Webseiten bieten Ihnen auch aktuelle Browser-Programme wie Mozilla Firefox und vor allem Chrome. Hinsichtlich der Analysefunktionen gibt es allerdings beträchtliche Unterschiede. Vergleichsweise simple ist der Mobile-Check bei Mozilla Firebox aufgebaut. Hier können Sie leider nur eine relativ begrenzte Anzahl von Bildschirmauflösungen testen. Die Funktion „Bildschirmgrößen testen“ finden Sie unter Einstellungen und dort unter dem Menüpunkt „Entwickler-Werkzeuge“.

Umfangreichere Möglichkeiten zum Testen von Webseiten und Entwürfen, wie zum Beispiel von Java Scripten und Styles, bieten Ihnen die weiteren Firefox-Tools für Webentwickler.

Weiter Informationen dazu finden Sie unter developer.mozilla.org/de/docs/Tools/bildschirmgroessen-testen

Möchten Sie die Darstellung Ihrer Webpräsenz auf mobilen Endgeräten detaillierter überprüfen, sind Sie mit den Entwicklertools von Googles Chrome gut bedient. Denn mit Googles Chrome können Sie ganz konkret zwischen den aktuell beliebtesten mobilen Endgeräten auswählen, z.B. iPad Mini, iPhone 6 Plus, Samsung Galaxy S4 und vielen anderen. Sehr komfortabel ist auch die parallele Anzeige des Seiten-Quellcodes, im benachbarten Fenster.

Abbildung_Chrome Mobile Entwicklertool

Den Mobile-Tester von Chrome finden unter Einstellungen/Weitere Tools/Entwicklertools. Zur Aktivierung der Mobile-Ansicht klicken Sie bitte auf das kleine Smartphone-Symbol im Menü der Quellcode-Anzeige.

Weitere Tools für den Mobile-Check

Weitere Möglichkeiten für Mobile-Test bieten Ihnen eigenständige Tools wie zum Beispiel:

Screenfly

Sehr klein, aber fein ist Screenfly. Dieses Programm eignet sich, ähnlich wie Googles Test auf Optimierung für Mobilgeräte für einen schnellen Online-Check von Webseiten. Dazu stehen allerdings eine ganze Reihe vordefinierter Desktop, Tablet, Smartphone oder auch TV-Bildschirmgrößen zur Auswahl.

Abbildung: Screenfly

Zum Online-Check von Screenfly

MobileTest.me

Einen schnellen Online-Schnellcheck, im Vergleich zu Screenfly aber mit deutlich weniger Möglichkeiten, bietet Ihnen auch die Webseite von MobileTest.me Einfach das entsprechende mobile Endgerät auswählen und URL eingeben. Fertig. Aber leider auch nicht mehr.

Abbildung: Mobile Test me

Zum Online-Check von MobileTest.me

Opera developer

Opera developer ist ein eigenständiges Programm, dass Sie auf Mac, Windows und unter Linux installieren können. Sie können damit umfassend auch neue Funktionen auf unterschiedlichsten Devices testen.

Abbildung: Opera Developer

Weitere Informationen und Downloads unter www.opera.com/de/developer

 

Sie brauchen eine neue Webseite. In unserem Artikel Website erstellen finden Sie viele wichtige Tipps, die Sie bei der Erstellung einer Internetpräsenz beachten sollten.

Haben wir ein wichtiges Tool vergessen? Oder Sie haben weitere Anregungen zum Thema? Dann schicken Sie uns einen Kommentar.

Bildnachweis: Fotolia, Lizenz: Host Europe

11 thoughts on “So einfach testen Sie Ihre Webseite für mobile Endgeräte

  1. Der Google-Test ist ja schön und gut, aber selbst die Hosteurope-Seite ist „Nicht für Mobilgeräte optimiert“ – Der Link zu der Testseite checkt unglücklicherweise eure eigene Seite.
    Jetzt wäre es halt noch schön zu wissen, welcher Text damit z.B. genau zu klein ist.

    • Vielen Dank für den Hinweis: Der Link zum Google-Test ist aktualisiert. Sie können dort beliebige Domains für eine schnelle Überprüfung eingeben. Der Check liefert erste Anhaltspunkte, an welchen Punkten Optimierungsbedarf besteht. Wie sich die Seite konkret auf den jeweiligen mobilen Endgeräten darstellt, lässt sich sehr gut über die beschriebenen Entwicklerwerkzeuge z.B. in der Browserprogrammen Firefox oder Chrome analysieren.

    • Schmunzel. Sie haben recht. Man glaubt nicht, wie viele Webseiten von „allwissenden Seos“ selbst völlig ungenügend sind. Weder „mobilefriendly“, geschweige dann W3C“ like.
      Meine uralte „old School“ -Website (von mir persönlich vor 18 Jahren !!! noch mit dem verpönten alten aus der Mode gekommenen „FRONTPAGE“ erstellt, ist natürlich optisch eher etwas „altbacken“ , aber gemäss GOOGLE TEST“ absolut MOBILEFRIENDLY ( sogar ohne den vielfach als „obligatorisch“ empfohlene „VIEW PORT“ ( welche bei einer so alten Frontpageseite aufgrund der Seitenstruktur sowieso nicht funktionieren würde, Selbst auf einem Handy gut lesbart (ohne ZOOM“ Im Zweifelsfall halt das Handy quer halten. Ebenso ist sie weitgehend W3C-Kompatibel. Zauberei, oder bin ich halt einfach etwas der bessere „Seo“ ? (smile)
      PASCAL Zauberer Schweiz

  2. Komisch.
    Wenn ich den Check damit probiere, wird die Desktop Version angezeigt…
    „Zum Online-Check von Screenfly“
    Also nicht, was ich für den Mobilversion vorbereitet habe….

    • Hallo Calvez,
      über die Piktogramme, die sich oben links auf der Seite befinden, kannst Du auswählen, welches Endgerät-Darstellung simuliert werden soll.
      Desktop, Tablet, Smartphone (verschiedene Modelle) oder TV.
      Mit besten Grüßen
      Wolf-Dieter

  3. Danke für den Tipp. Heute ist es ja wirklich super wichtig, dass Websites für mobile Endgeräte optimiert sind. Ich bin selbstständig und habe deshalb auch eine Website und diese vor einem Jahr bei einer Werbeagentur aus Soest http://www.webdesign-dubiel.de für Smartphones optimieren lassen, da ich selber nicht so gute Kenntnisse darüber habe. Bis jetzt habe ich auf jeden Fall viel positives Feedback darüber bekommen, dass sich meine Website sehr gut über das Smartphone öffnen lässt, deshalb war es eine gute Entscheidung, meine Website von der Werbeagentur aus Soest optimieren zu lassen.

  4. Da ich kein eigenes Handy habe, nutze ich den Test immer wieder gerne für meine Webseite. Das Erscheinungsbild auf verschiedenen Handys ist wichtig, da immer mehr Besucher übers Handy kommen. Schöne Grüsse aus Osnabrück

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Die von Ihnen hier erhobenen Daten werden von der Host Europe GmbH zur Veröffentlichung Ihres Beitrags in diesem Blog verarbeitet. Weitere Informationen entnehmen Sie bitte folgendem Link: www.hosteurope.de/AGB/Datenschutzerklaerung/