Was ist Responsive Design?
Als Responsive Design bezeichnet man im Webdesign, wenn sich eine Website in Ihrer Darstellung an das jeweilige Ausgabeger?t anpasst. Bei einer Website wurde das CSS und JavaScript so erstellt, das Mobilger?te wie Tablets oder Smartphones ber?cksichtigt werden und die Webseite korrekt dargestellt wird und funktioniert. So wird eine Website, die ?ber ein responsive Design verf?gt, auf einem Mobilen Endger?t (z.B. Smartphone) in den richtigen Ma?en ausgegeben. Ebenso wird der Personal Computer oder das Tablett ber?cksichtigt.
Responsive Design ist eine Begrifflichkeit aus dem Webdesign. Es bedeutet, dass der Quellcode einer Webanwendung oder Website entsprechend programmiert wurde, um auf verschiedenen Endger?ten grafisch passend ausgespielt zu werden. Dies soll zum einen Darstellungsfehler vermeiden. Der Vorteil von Responsive Design: dem Nutzer wird eine angenehme, weil gut sichbare Anwendung pr?sentiert. Responsive Design bedeutet nicht zwangsl?ufig, das eine Website f?r ein mobiles Endger?t wie ein Tablett oder ein Smartphone programmiert wurde, sondern nur, dass die Website oder Anwendung auf diesem grafisch korrekt angezeigt wird.
Warum Responsive Design wichtig f?r die Suchmaschinenoptimierung ist
Google hat bereits seinen Index f?r Suchergebnisse komplett auf Mobile umgestellt. Dass bedeutet vereinfacht Google hat nun nur noch einen „Pool“ aus dem sich die SERPS zusammensetzen. Fr?her hatte Google verschiedene „Pools“ f?r Desktop und einen f?r Mobile. Die logische Konsequenz ist, dass Google Seiten bevorzugt, die f?r mobile Endger?te optimiert sind. Dies ist sogar einfach nachvollziehbar. Pr?fen Sie selbst Stichpunktartig Ihre Suchergebnisse auf Ihrem Smartphone oder Tablett, werden Sie unter den ersten drei Seiten keinen oder nur bei Nischenkeywords nicht mobile Websiten finden.
Ein Responsive Design funktioniert ?ber CSS. Im ersten Schritt wird der Browser quasi gefragt, f?r welches Endger?t er die Darstellung der Website ?bernimmt. Meist erfolgt das mit der Abfrage der Aufl?sung. Der Browser gibt an welche Aufl?sung sein Ger?t hat und in der CSS sind die entsprechenden Anweisungen hinterlegt, wie die Seite dargestellt werden soll. Diese Erkl?rung ist stark vereinfacht.