{"id":614,"date":"2017-09-29T20:28:23","date_gmt":"2017-09-29T17:28:23","guid":{"rendered":"https:\/\/seosuisse.ch\/seo-blog\/?p=614"},"modified":"2017-10-28T20:21:22","modified_gmt":"2017-10-28T17:21:22","slug":"responsive-design-eine-technologie-mit-zukunft","status":"publish","type":"post","link":"https:\/\/seosuisse.ch\/seo-blog\/2017\/responsive-design-eine-technologie-mit-zukunft","title":{"rendered":"Responsive Design: Eine Technologie mit Zukunft"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-615\" src=\"https:\/\/seosuisse.ch\/seo-blog\/wp-content\/uploads\/2017\/09\/macbook-577758_960_720-300x199.jpg\" alt=\"Responsive Design-Webseite auf mehreren Ger\u00e4ten\" width=\"600\" height=\"398\" srcset=\"https:\/\/seosuisse.ch\/seo-blog\/wp-content\/uploads\/2017\/09\/macbook-577758_960_720-300x199.jpg 300w, https:\/\/seosuisse.ch\/seo-blog\/wp-content\/uploads\/2017\/09\/macbook-577758_960_720-768x510.jpg 768w, https:\/\/seosuisse.ch\/seo-blog\/wp-content\/uploads\/2017\/09\/macbook-577758_960_720.jpg 960w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<div style=\"clear: both;\"><\/div>\n<p>Immer mehr Unternehmen lassen ihre Webseiten auf Grundlage des sogenannten <b>Responsive Design<\/b>\u00a0(dt. etwa &#8218;reagierendes Webdesign&#8216;) erstellen. Was es mit dieser Technologie auf sich hat und weshalb sich die Erstellung einer responsiven Webseite auszahlt, lesen Sie im folgenden Beitrag.<\/p>\n<h2>Optimale Darstellung von Webseiten auf allen Ger\u00e4tetypen<\/h2>\n<p>Die Responsive Design-Technologie erm\u00f6glicht eine optimale Darstellung von Webseiten auf allen verf\u00fcgbaren Ger\u00e4tetypen. Dabei spielt es keine Rolle, ob das jeweilige Endger\u00e4t der neuesten Generation angeh\u00f6rt oder bereits f\u00fcnf oder sieben Jahre auf dem Buckel hat. Die Responsive Design-Technologie basiert auf sogenannten Media Queries, welche Art und Eigenschaften des betrachtenden Ger\u00e4tes abfragen. Unter anderem k\u00f6nnen folgende Eigenschaften als Kriterien herangezogen werden:<\/p>\n<ul>\n<li>Gr\u00f6sse des Ausgabemediums<\/li>\n<li>Breite und H\u00f6he des Browserfensters<\/li>\n<li>Aktuelle Bildschirmaufl\u00f6sung<\/li>\n<li>Eingabem\u00f6glichkeiten (Tastatur, Fingergesten, Sprache)<\/li>\n<li>Orientierung (Hoch- oder Querformat)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Laut einer Untersuchung von Restive Insights besitzen in den USA bereits 63 Prozent der 5&#8217;000 wachstumsst\u00e4rksten KMU und 49 % der 1&#8217;000 umsatzst\u00e4rksten Firmen responsive Internetauftritte. Bei den 500 meistbesuchten eCommerce-Seiten und den 1&#8217;000 wichtigsten Universit\u00e4ten liegen die Anteile responsiver Webseiten mit 48 bzw. 50 Prozent auf dem gleichen Niveau. Im deutschsprachigen Internet hat sich Responsive Design vor allem bei eCommerce-Angeboten durchgesetzt. Dar\u00fcber hinaus basieren hierzulande praktisch alle Relaunches auf Responsive Webdesign. In der Schweiz werden inzwischen fast jeden Monat Neustarts von Onlinediensten durchgef\u00fchrt, die ihre Besucher mit Hilfe der Responsive Design-Technologie an sich binden wollen.<\/p>\n<h3>Responsive Design als SEO-Faktor<\/h3>\n<p>Das Responsive Design hat sich in den vergangenen f\u00fcnf Jahren zu einem wichtigen SEO-Faktor entwickelt. Der massgebliche Grund hierf\u00fcr ist, dass gut lesbare Seiten im Durchschnitt l\u00e4nger besucht werden als Webpr\u00e4senzen, die nicht optimal dargestellt werden. Die Absprungraten sind bei responsiven Webseiten folglich niedriger als bei Internetseiten ohne <b>Responsive Design<\/b>. Durch die l\u00e4ngere Verweildauer, die als wichtiger Rankingfaktor gilt, erlangt man bedeutende Vorteile bei der Bewertung durch die <a href=\"https:\/\/seosuisse.ch\/seo-blog\/2017\/welche-ist-die-wichtigste-suchmaschine-in-der-schweiz\" target=\"_blank\" rel=\"noopener\">Suchmaschinen<\/a>. Freilich ist Responsives Design kein Allheilmittel \u2013 wenn die angezeigten Inhalte die Erwartungen des Besuchers nicht erf\u00fcllen, n\u00fctzt auch die beste Darstellung nichts. Dennoch sollte man auf die Vorteile dieser zukunftsweisenden Technologie nicht verzichten. Dies gilt insbesondere dann, wenn man eine textintensive Webseite (z.B. ein News-Portal oder einen gut besuchten Reiseblog mit entsprechender Monetarisierung) betreibt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Immer mehr Unternehmen lassen ihre Webseiten auf Grundlage des sogenannten Responsive Design\u00a0(dt. etwa &#8218;reagierendes Webdesign&#8216;) erstellen. Was es mit dieser Technologie auf sich hat und weshalb sich die Erstellung einer responsiven Webseite auszahlt, lesen Sie im folgenden Beitrag. Optimale Darstellung von Webseiten auf allen Ger\u00e4tetypen Die Responsive Design-Technologie erm\u00f6glicht eine optimale Darstellung von Webseiten auf &hellip; <a href=\"https:\/\/seosuisse.ch\/seo-blog\/2017\/responsive-design-eine-technologie-mit-zukunft\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;Responsive Design: Eine Technologie mit Zukunft&#8221; <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[152],"tags":[153,59,154],"class_list":["post-614","post","type-post","status-publish","format-standard","hentry","category-webdesign","tag-ecommerce","tag-responsive-design","tag-responsive-webdesign"],"_links":{"self":[{"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/posts\/614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/comments?post=614"}],"version-history":[{"count":2,"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/posts\/614\/revisions"}],"predecessor-version":[{"id":657,"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/posts\/614\/revisions\/657"}],"wp:attachment":[{"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/media?parent=614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/categories?post=614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seosuisse.ch\/seo-blog\/wp-json\/wp\/v2\/tags?post=614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}