Ist meine Webseite responsiv? 3 Tools für den schnellen Test

Ist meine Webseite responsiv? 3 Tools für den schnellen Test

In den letzten Jahren ist die Nutzung mobiler Endgeräte stetig gestiegen. Und auch die Zahl der mobilen Zugriffe zeigt einen kontinuierlichen Aufwärtstrend. Auf allen Geräten wie Smartphones, Tablets oder sogenannte Phablets (Mischung aus Smartphone und Tablet) sollte sich die eigene Webseite daher optimal präsentieren.

Usability einer Webseite ist immer wichtiger

Responsive Webseiten stehen für Webseiten, die sich den verschiedenen Endgeräten automatisch anpassen und damit für den Nutzer immer ein ideales Bild der Webseite wiederspiegeln. So erspart man dem Nutzer lästiges Rein- und Rauszoomen, um Texte vernünftig lesen und Bilder gut erkennen zu können.

Während sich bei den neueren Tablet-Modellen die Ansicht der Webseiten im Querformat kaum von Desktop-Ansichten unterscheiden, stellt man beim Drehen auf das Hochformat schon einen deutlichen Unterschied fest. Angefangen bei der Darstellung des Menüs bis zur Positionierung der Formularfelder – mobil verschieben sich die meisten Elemente untereinander, dabei wird die Webseite zwar länger, aber auch wesentlich einfacher in der Bedienung.
Auch lassen sich mobile Webseiten-Elemente ein- und ausblenden, z.B. macht ein großer Slider im Querformat auf einem Smartphone im Hochformat wenig Sinn. Zum einen werden die Bilder sehr schmal und zum anderen wird durch einen Slider die Ladezeit auf dem Mobilgerät unnötig verlängert.

Welche Rolle spielt responsives Design für das Google Ranking?

Schon in den letzten Jahren hat Google mehrere Updates veröffentlicht, die nicht-responsive Webseiten speziell in der mobilen Suche herabstuften. Vor einem Jahr ergänzte Google seinen Algorithmus durch das Signal „Für Mobilgeräte“. Auch bei Google AdWords werden seit kurzem Hinweise zur Optimierung der Kampagnen bei nicht-responsiven Webseiten ausgespielt. So sollte man hier unbedingt eine Überarbeitung der Webseite anstreben oder aber das Werbebudget für mobile Anzeigen zurückfahren.

Auch wenn man mobil die „klassischen“ Webseiten durchaus noch findet, sollte man beachten, dass es zu Rankingverlusten führen kann. Gerade bestehende Webseiten sollten deshalb schnellstmöglich umgestellt werden, um nicht nur ihr Ranking zu verbessern, sondern vor allem, um Nutzer auch mobil zu halten. Denn auch die Absprungrate bei nicht-optimierten Seiten ist um einiges höher als bei responsiven Seiten.

3 Tools für den Test der Responsivität

Am I responsiv?

Das Tool Am I responsive? bieten einem nicht nur einen schnellen optischen Check der eigenen Seite, auch ist es hier möglich, die einzelnen Geräte interaktiv zu verschieben und neu zu positionieren. Für einen schnellen Test und eventuellen Screenshot eignet sich dieses Tool besonders gut. Leider ist festzustellen, dass die verfügbaren Geräte alle von Apple sind und zudem nicht mehr die Neusten. Wer also das Design auf möglichst vielen aktuellen Geräten testen will, sollte zu einem anderen Tool greifen.

responsive Webdesign Test-Tool

responsive Test-Tool 1: Am I responsive?

Responsive Check Center

Dieses Tool bieten genau das, was das vorhergehende nicht kann. Eine Auswahl an verschiedenen Endgeräten, die immer individuell auswählbar sind. Das Responsive Check Center bietet alle Modelle im Portrait und Landscape Modus mit Nennung der Pixelauflösung an. Auch für Screenshots ist die Darstellung der Geräte gut geeignet.

responsive Webdesign Test-Tool

responsive Test-Tool 2: Responsive Check Center

Google

Auch bei Google Developers kann man seine Seite auf Responsivität testen. Allerdings liegt hier das Hauptaugenmerk auf der Fehleranalyse der entsprechenden Webseite. Wer seine Webseite in einer Art Mock-Up optisch aufbereitet haben möchte, sollte lieber zu den anderen beiden Tools greifen.

responsive Webdesign Test-Tool

responsive Test-Tool 3: Google Developers

 

The following two tabs change content below.

Julia

Hallo, ich bin Julia und unterstütze das Team der Klickkomplizen seit August 2015 im Bereich Web- und Printdesign. Mein Herz schlägt für Photoshop und InDesign und somit auch für Neuheiten und Trends in diesem Bereich.
Wer ist schon bereit fürs #Wochenende? 😎☀️ https://t.co/aLw3kVlae6
Würdet ihr Geld für ein #Twitter Abo ausgeben?🤔 https://t.co/h8r0DrHc1K
Extrem hohe Klickraten auf eure #GoogleAds Anzeigen versprechen die neuen #Bilderweiterungen. Wir haben uns das mal… https://t.co/bvg3vCJ31M
#Haterkommentare auf #SocialMedia will niemand bekommen. Manchmal passiert es dann doch - aber wie sollte ich am be… https://t.co/TIZVilF4qy
Interessantes neues Feature!👀 https://t.co/AKuKQA57sn
Guten Morgen! Wer ist schon wach und produktiv unter euch?😄 https://t.co/hAE1or4C3l
Habt ihr schon mal einen unschönen Kommentar unter eurem Post bekommen? Wir haben 6 Tipps & Tricks für euch zusamme… https://t.co/wjma96E5ka
Weekend mode on! Wir verabschieden uns ins wohlverdiente #Wochenende.😊Seid ihr auch schon im #Feierabend?🤗 https://t.co/nyQ0SoPsDz
Der #Fachkräftemangel ist mittlerweile in unzähligen Branchen präsent.😐 Wie du trotz der schwierigen aktuellen Situ… https://t.co/UmNJj7Pbt1
Unsere liebe Tomke hat einen sehr interessanten Blogartikel geschrieben zum Thema "Wann soll ich auf Facebook/ Inst… https://t.co/iQPYIISBqT
Unser #LinkedIn Tipp: Teile und veröffentliche nicht einfach nur Beiträge, sondern fasse wichtige Punkte zusammen u… https://t.co/Zsxi1bgZjh
Datenschutz wird ein immer wichtigeres Thema: nachdem Apple vorgelegt hat, zieht jetzt auch Google nach. Dieser Asp… https://t.co/gKdD5L6RFx
Für die Grafiker:innen unter euch: schaut für Inspiration und Ideen doch gerne auf unserem letzten Blogartikel vorb… https://t.co/43OMa3RuCo
Wir wünschen euch einen erholsamen Feiertag!😀 #ChristiHimmelfahrt #feiertag #relaxen https://t.co/IyqftRHIxJ
Was wäre Social Media ohne eine Community? Richtig: nicht existent.😄 Deshalb gibt's von uns Tipps & Tricks wie ihr… https://t.co/K6ZPEd1uf5
Facebook bekommt einen neuen Look! Das neue Facebook-Seitendesign könnt ihr euch jetzt schon in unserem neuesten Bl… https://t.co/ZYdSYxkDVL
💡Auf Social Media geht es um Interaktion. Manchmal sind Kommentare zu Posts aber nicht gewünscht. Wie ihr die Komme… https://t.co/O6k1gZy4Lt
#Facebook vs. #Apple geht in die nächste Runde. Ring frei. 😃 #socialmedia https://t.co/Hs3QG5lfxX
Planbare #Instagram-Stories? Es geschehen noch Zeichen und Wunder. 😃 #socialmedia https://t.co/TlQmIDAwh4
💡Ihr habt den Überblick bei Zugriffsrechten im #Facebook Businessmanager verloren? Kein Problem, unser neuster Blog… https://t.co/HgtomNtaA5