Ist Ihre Webseite für Smartphones & Tablets optimiert?
Da immer mehr User über ihr Smartphone und Tablet ins Internet gehen und Webseiten aufrufen, wird es immer wichtiger die eigene Homepage für diese Nutzung zu optimieren. Moderne Webseiten bieten eine besondere Darstellung der Inhalte für mobile Endgeräte, damit die volle Touch-Bedienung ermöglicht wird. Webdesigns für Smartphones und Tablets erhöhen die Usability und erleichtern so dem Besucher die Bedienung der Inhalte bei verkleinertem Display.
Auf dieser Seite können Sie feststellen, ob Ihre Website für Mobilgeräte optimiert ist.
https://www.google.at/webmasters/tools/mobile-friendly/
Responsive Webdesign in der Praxis testen
Für alle die schon mit Responsive Webdesign arbeiten, stellt sich die Frage, wie man die Webseiten für die verschiedenen Geräte testen kann. Für solche Zwecke hat Quirk Tools ein Webtool namens Screenfly erstellt. Mit diesem Tool kann man direkt im Browser zwischen den einzelnen Anzeigegeräten hin- und her switchen. Es empfiehlt sich die Seite auf einem modernen Browser anzuschauen damit die Media Queries auch so umgesetzt werden, wie sie in den entsprechenden Geräten zu erwarten sind. Das Webtool Screenfly besticht dabei durch ein schlichtes und klares Layout und eine denkbar einfache Benutzung.
Der Responsinator – ein weiteres Tool
Der Responsinator von Tama Pugsley und Andy Hovey bietet nach Eingabe der eigenen Website-URL zwölf vordefinierte Vorschauvarianten für die gängigsten Endgeräte iPhone, iPhone Plus, iPad, Kindle und Android-Geräte. Auch Responsinator ist neben der Webversion als Bookmarklet verfügbar.
Fazit
All diese Werkzeuge für das komfortable Testen der Anzeige von Responsive Webdesigns in unterschiedlichen Auflösungen sparen sicher eine Menge Zeit bei schnellen Designanpassungen und vereinfachen die Vorschau während der Entwicklung. Allerdings ist zu beachten, dass die Tools zum Beispiel aufgrund von iFrame-Einbettung oder ergänzter Scrollbars meist nicht zu 100 Prozent pixelgenau arbeiten. Außerdem kann mit solchen Tools natürlich nur die reine Viewport-Ausgabe des jeweiligen Endgeräts simuliert werden. Weitere geräteabhängige Einstellungen, die über die Designvorschau hinaus gehen, bleiben also komplett außen vor – und Responsive Webdesigns sollten im Nachgang unbedingt zusätzlich auf den entsprechenden Endgeräten selbst getestet werden.