{"id":2165,"date":"2015-03-30T11:29:37","date_gmt":"2015-03-30T09:29:37","guid":{"rendered":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/blog\/?p=2165"},"modified":"2019-07-12T15:58:22","modified_gmt":"2019-07-12T13:58:22","slug":"besseres-ranking-durch-responsives-webdesign","status":"publish","type":"post","link":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign","title":{"rendered":"Besseres Ranking durch responsives Webdesign"},"content":{"rendered":"

Beim responsiven Webdesign wird die Webseite so entwickelt, dass sie sich den unterschiedlichen Bildschirmgr\u00f6\u00dfen der Ausgabemedien (PC, Smartphone, Tablet, etc.) anpasst. Verkleinert sich die Bildschirmgr\u00f6\u00dfe, ver\u00e4ndert sich auch das Layout, sodass die Webseite ohne Scrollen oder Vergr\u00f6\u00dfern leicht bedienbar bleibt. Durch responsives Webdesign wird nicht nur die Bedienbarkeit der Seite verbessert, sondern auch das Suchmaschinen-Ranking. Im Folgenden wird erl\u00e4utert, warum eine Seite bessere Chancen hat bei Google gut platziert zu werden, wenn sie zus\u00e4tzlich f\u00fcr mobile Ger\u00e4te optimiert ist.<\/p>\n

Ein einfaches Beispiel f\u00fcr responsives Webdesign<\/h2>\n

Betrachtet man die folgende fiktive, einfach aufgebaute Beispielseite wird deutlich, wo die Vorteile einer responsiven Webseite liegen.<\/p>\n

\"abakus_klein_final\"<\/a><\/p>\n

Diese Standardwebseite hat einen Headerbereich, der aus einer Grafik besteht und einen Men\u00fcbereich auf der linken Seite.<\/p>\n

\"abakus_beispiel_final\"<\/a><\/p>\n

Bei der nicht responsiven Version auf der linken Seite ist die Headergrafik nicht komplett sichtbar und der Text l\u00e4sst sich ohne Scrollen nacht rechts nicht lesen.
\nDie responsive Webseite auf der rechten Seite der Grafik ist dadurch gekennzeichnet, dass alle Grafiken verkleinert werden und die wichtigsten Textteile auf Anhieb gelesen werden k\u00f6nnen.
\nDie Men\u00fcbuttons k\u00f6nnen durch Fingerdruck angenehm bedient werden.
\nEine responsive Webseite ist auf mobilen Ger\u00e4ten leichter bedienbar, besser lesbar und \u00fcbersichtlicher gestaltet, als eine nicht responsive Webseite.<\/p>\n

L\u00e4ngere Verweildauer auf der Webseite<\/h2>\n

Ist eine Seite \u00fcbersichtlich aufgebaut und leicht bedienbar, werden sich die Besucher l\u00e4ngere Zeit auf der Seite aufhalten, als auf einer komplizierten und nicht intuitiv bedienbaren Seite. Eine responsive Seite ist auf kleineren Bildschirmen gut bedienbar und \u00fcbersichtlich, dadurch sinkt die Bounce-Rate (Absprung-Rate) der Seite. Eine niedrige Bounce-Rate ist ein Ranking-Faktor bei Google, sodass sich auch in diesem Punkt responsives Webdesign positiv auf das Ranking auswirkt. Halten sich die User im Schnitt mehrere Minuten auf einer Seite auf, wird diese besser bewertet, als wenn die durchschnittliche Verweildauer auf der Seite nur wenige Sekunden betr\u00e4gt.<\/p>\n

Inhalte werden besser aufbereitet<\/h2>\n

Bei der Entwicklung einer auch f\u00fcr Smartphones optimierten Seite stehen die Entwickler vor der Frage, welche Inhalte dem User auf dem Smartphone zuerst angezeigt werden und ohne Scrollen sichtbar sein sollen. Daher werden die Inhalte nach Wichtigkeit gruppiert. Dieses Vorgehen f\u00fchrt dazu, dass die Texte besser gegliedert und genauer auf ihren Informationsgehalt gepr\u00fcft werden. Dadurch steigt tendenziell die Qualit\u00e4t der Texte. Gute Inhalte sind schon immer ein wichtiger Ranking-Faktor gewesen, sodass die bessere Aufbereitung der Inhalte die Position der Seite in den Suchergebnissen der Suchmaschinen verbessert.<\/p>\n

Mehr Besucher werden zu Kunden<\/h2>\n

Wenn von 100 Besuchern einer Unternehmens-Webseite 2 Besucher mit dem Unternehmen in Kontakt treten, betr\u00e4gt die Conversion-Rate 2 Prozent. Je mehr Besucher zu Kunden werden, umso besser ist es f\u00fcr das Unternehmen. Schlie\u00dflich m\u00f6chte das Unternehmen durch Suchmaschinenoptimierung Consulting<\/a> mehr Kunden gewinnen. Eine leichter bedienbare Seite hat meist eine bessere Conversion-Rate<\/a>. Nicht f\u00fcr das Smartphone optimierte Seiten haben bei Smartphone-Usern eine sehr niedrige Conversion-Rate, weil viele Kunden die Seite schnell wieder verlassen, wenn sie st\u00e4ndig vergr\u00f6\u00dfern oder scrollen m\u00fcssen, um die f\u00fcr sie wichtigen Informationen zu erhalten. Bei responsiven Seiten sind die wichtigen Informationen schnell abrufbar und auf Anhieb sichtbar. Bezug nehmend auf die Social Media Statistik von Unified Social werden 78% der amerikanischen Facebook-Nutzer und 60% der Zugriffe auf Twitter von mobilen Ger\u00e4ten vorgenommen. Somit empfiehlt es sich erst die eigene Internetseite \/ den eigenen Online Shop hinsichtlich der Darstellung auf mobilen Endger\u00e4ten zu optimieren und sich danach auf die Einrichtung und Profilpflege zu Facebook, Twitter und Google+<\/a> zu konzentrieren.<\/p>\n

21.4.2015 – Die Optimierung f\u00fcr mobile Ger\u00e4te wird zum Rankingfaktor<\/h2>\n

Immer mehr Menschen gehen mit mobilen Ger\u00e4ten online, daher hat sich Google dazu entschieden, den Suchalgorithmus anzupassen. Googles Ziel ist es, f\u00fcr die jeweilige Suchanfrage die m\u00f6glichst
\nrelevantesten Suchergebnisse anzuzeigen. Wird eine Suchanfrage auf dem Smartphone get\u00e4tigt, werden f\u00fcr diese Suchanfrage zuk\u00fcnftig die Seiten bevorzugt, die auch auf f\u00fcr mobile Endger\u00e4te optimiert sind. Es macht also einen Unterschied, ob auf einem PC oder auf einem Smartphone gesucht wird, weil sich unterschiedliche Suchergebnisse ergeben. Ist die Seite eines Unternehmen nicht f\u00fcr mobile Endger\u00e4te tauglich, empfiehlt es sich dringend dies nachzuholen, um ein Abrutschen im Ranking zu vermeiden. Wenn immer mehr User mit dem Smartphone ins Internet gehen, dann werden auch immer mehr Suchanfragen auf mobilen Ger\u00e4ten get\u00e4tigt. Aus den oben genannten Gr\u00fcnden wird es immer wichtiger die eigene Seite auch f\u00fcr das Smartphone zu optimieren – schlie\u00dflich betrug der Anteil mobiler Webnutzung im letzten Quartal 2014 laut einer Untersuchung zur Webnutzung<\/a> bereits \u00fcber 30 Prozent.<\/p>\n","protected":false},"excerpt":{"rendered":"

Beim responsiven Webdesign wird die Webseite so entwickelt, dass sie sich den unterschiedlichen Bildschirmgr\u00f6\u00dfen der Ausgabemedien (PC, Smartphone, Tablet, etc.) anpasst. Verkleinert sich die Bildschirmgr\u00f6\u00dfe, ver\u00e4ndert sich auch das Layout, sodass die Webseite ohne Scrollen oder Vergr\u00f6\u00dfern leicht bedienbar bleibt. Durch responsives Webdesign wird nicht nur die Bedienbarkeit der Seite verbessert, sondern auch das Suchmaschinen-Ranking.<\/p>\n

><\/span> WEITERLESEN …<\/a><\/p>\n","protected":false},"author":49,"featured_media":2167,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[60],"tags":[],"class_list":["post-2165","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-onsite-seo"],"acf":[],"yoast_head":"\nBesseres Ranking durch responsives Webdesign - ABAKUS Blogarchiv<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Besseres Ranking durch responsives Webdesign - ABAKUS Blogarchiv\" \/>\n<meta property=\"og:description\" content=\"Beim responsiven Webdesign wird die Webseite so entwickelt, dass sie sich den unterschiedlichen Bildschirmgr\u00f6\u00dfen der Ausgabemedien (PC, Smartphone, Tablet, etc.) anpasst. Verkleinert sich die Bildschirmgr\u00f6\u00dfe, ver\u00e4ndert sich auch das Layout, sodass die Webseite ohne Scrollen oder Vergr\u00f6\u00dfern leicht bedienbar bleibt. Durch responsives Webdesign wird nicht nur die Bedienbarkeit der Seite verbessert, sondern auch das Suchmaschinen-Ranking.> WEITERLESEN ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign\" \/>\n<meta property=\"og:site_name\" content=\"ABAKUS Blogarchiv\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/de-de.facebook.com\/abakusinternetmarketing\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-30T09:29:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-12T13:58:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-content\/uploads\/2015\/03\/abakus_beispiel_final.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"330\" \/>\n\t<meta property=\"og:image:height\" content=\"233\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marcel Sarman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AbakusIM\" \/>\n<meta name=\"twitter:site\" content=\"@AbakusIM\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcel Sarman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign\",\"url\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign\",\"name\":\"Besseres Ranking durch responsives Webdesign - ABAKUS Blogarchiv\",\"isPartOf\":{\"@id\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign#primaryimage\"},\"image\":{\"@id\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign#primaryimage\"},\"thumbnailUrl\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-content\/uploads\/2015\/03\/abakus_beispiel_final.jpg\",\"datePublished\":\"2015-03-30T09:29:37+00:00\",\"dateModified\":\"2019-07-12T13:58:22+00:00\",\"author\":{\"@id\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/#\/schema\/person\/6a162c304c072d8715f6ba7d355696b9\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign#primaryimage\",\"url\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-content\/uploads\/2015\/03\/abakus_beispiel_final.jpg\",\"contentUrl\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-content\/uploads\/2015\/03\/abakus_beispiel_final.jpg\",\"width\":330,\"height\":233},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/#website\",\"url\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/\",\"name\":\"ABAKUS Blogarchiv\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/#\/schema\/person\/6a162c304c072d8715f6ba7d355696b9\",\"name\":\"Marcel Sarman\",\"description\":\"IT-Abteilung Marcel Sarman betreut die ABAKUS Website und entwickelt sie weiter. Er ist unser Experte f\u00fcr HTML5, CSS3 und WordPress und schreibt Beitr\u00e4ge f\u00fcr unsere Seite.\",\"url\":\"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/author\/marcel-sarman\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Besseres Ranking durch responsives Webdesign - ABAKUS Blogarchiv","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign","og_locale":"de_DE","og_type":"article","og_title":"Besseres Ranking durch responsives Webdesign - ABAKUS Blogarchiv","og_description":"Beim responsiven Webdesign wird die Webseite so entwickelt, dass sie sich den unterschiedlichen Bildschirmgr\u00f6\u00dfen der Ausgabemedien (PC, Smartphone, Tablet, etc.) anpasst. Verkleinert sich die Bildschirmgr\u00f6\u00dfe, ver\u00e4ndert sich auch das Layout, sodass die Webseite ohne Scrollen oder Vergr\u00f6\u00dfern leicht bedienbar bleibt. Durch responsives Webdesign wird nicht nur die Bedienbarkeit der Seite verbessert, sondern auch das Suchmaschinen-Ranking.> WEITERLESEN ...","og_url":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign","og_site_name":"ABAKUS Blogarchiv","article_publisher":"https:\/\/de-de.facebook.com\/abakusinternetmarketing\/","article_published_time":"2015-03-30T09:29:37+00:00","article_modified_time":"2019-07-12T13:58:22+00:00","og_image":[{"width":330,"height":233,"url":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-content\/uploads\/2015\/03\/abakus_beispiel_final.jpg","type":"image\/jpeg"}],"author":"Marcel Sarman","twitter_card":"summary_large_image","twitter_creator":"@AbakusIM","twitter_site":"@AbakusIM","twitter_misc":{"Verfasst von":"Marcel Sarman","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign","url":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign","name":"Besseres Ranking durch responsives Webdesign - ABAKUS Blogarchiv","isPartOf":{"@id":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign#primaryimage"},"image":{"@id":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign#primaryimage"},"thumbnailUrl":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-content\/uploads\/2015\/03\/abakus_beispiel_final.jpg","datePublished":"2015-03-30T09:29:37+00:00","dateModified":"2019-07-12T13:58:22+00:00","author":{"@id":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/#\/schema\/person\/6a162c304c072d8715f6ba7d355696b9"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/onsite-seo\/besseres-ranking-durch-responsives-webdesign#primaryimage","url":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-content\/uploads\/2015\/03\/abakus_beispiel_final.jpg","contentUrl":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-content\/uploads\/2015\/03\/abakus_beispiel_final.jpg","width":330,"height":233},{"@type":"WebSite","@id":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/#website","url":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/","name":"ABAKUS Blogarchiv","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/#\/schema\/person\/6a162c304c072d8715f6ba7d355696b9","name":"Marcel Sarman","description":"IT-Abteilung Marcel Sarman betreut die ABAKUS Website und entwickelt sie weiter. Er ist unser Experte f\u00fcr HTML5, CSS3 und WordPress und schreibt Beitr\u00e4ge f\u00fcr unsere Seite.","url":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/author\/marcel-sarman"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/posts\/2165"}],"collection":[{"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/comments?post=2165"}],"version-history":[{"count":4,"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/posts\/2165\/revisions"}],"predecessor-version":[{"id":22359,"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/posts\/2165\/revisions\/22359"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/media\/2167"}],"wp:attachment":[{"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/media?parent=2165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/categories?post=2165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/archiv.abakus-internet-marketing.de\/wissen\/seo-blog\/wp-json\/wp\/v2\/tags?post=2165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}