{"id":505,"date":"2014-04-03T12:25:41","date_gmt":"2014-04-03T11:25:41","guid":{"rendered":"http:\/\/www.bloggerjobs.de\/blog\/?p=505"},"modified":"2019-03-06T19:19:23","modified_gmt":"2019-03-06T18:19:23","slug":"responsiveness-fuer-blogs-vorteile-und-herausforderungen","status":"publish","type":"post","link":"https:\/\/www.bloggerjobs.de\/blog\/responsiveness-fuer-blogs-vorteile-und-herausforderungen\/","title":{"rendered":"Responsiveness f\u00fcr Blogs \u2013 Vorteile und Herausforderungen"},"content":{"rendered":"<p>F\u00fcr immer mehr Menschen sind mobile Endger\u00e4te mittlerweile zu n\u00fctzlichen Begleitern im Alltag geworden. Ob in der U-Bahn, beim sonnt\u00e4glichen Kaffeetrinken mit den Schwiegereltern, im Urlaub oder im B\u00fcro: Mal eben \u201eonline gehen\u201c und den neuesten Beitrag auf dem Lieblingsblog lesen, funktioniert schnell und unkompliziert mit dem Smartphone oder Tablet.<!--more--><\/p>\n<h3>Responsiveness<\/h3>\n<p>Fakt ist: Das Nutzerverhalten hat sich gewandelt und nichts ist im Bereich des Marketing mehr so, wie es war. Und so hat die rasche Ausbreitung von Smartphones und Tablets auch die Anforderungen an Websites und Blogs ge\u00e4ndert. Das Webdesign muss mit dem Trend gehen und sich flexibel allen Bildschirmgr\u00f6\u00dfen anpassen. <\/p>\n<h3>Verschiedene Ans\u00e4tze der mobilen Optimierung<\/h3><div id=\"blogg-3186316050\" class=\"blogg-inhalt blogg-entity-placement\" style=\"float: right;\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<!-- BloggerjobsBlog2 -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:inline-block;width:300px;height:250px\"\r\n     data-ad-client=\"ca-pub-2912090649858721\"\r\n     data-ad-slot=\"5610637990\"><\/ins>\r\n<script>\r\n(adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script><\/div>\n<p>\u201eMobile First\u201c stellt einen wesentlichen Ansatz dar wenn es darum geht, einen Blog f\u00fcr mobile Endger\u00e4te zu optimieren. Mobile First bedeutet, dass das Grundger\u00fcst eines Blogs zun\u00e4chst nur f\u00fcr die mobile Version ausgeliefert wird. Eine automatische Erkennung sorgt dann daf\u00fcr, dass sich das Design \u2013 bei der Verwendung von Tablets oder Desktop-Ger\u00e4ten \u2013 durch das Nachladen der dynamischen Ressourcen an den jeweiligen Bildschirm anpasst.<\/p>\n<p>Eine weitere M\u00f6glichkeit besteht darin, jeweils eine Desktop-Version und eine mobile Version des Blogs zu entwickeln. Der Verwaltungsaufwand ist bei diesem Vorgehen jedoch h\u00f6her, da zwei voneinander unabh\u00e4ngige Seiten gepflegt werden m\u00fcssen.<\/p>\n<p>Die dritte Alternative besteht darin, den bislang nicht optimierten Blog-Theme g\u00e4nzlich neu aufzubauen und so f\u00fcr mobile Endger\u00e4te zu optimieren.<br \/>\nWer sich in der Materie nicht so gut auskennt, f\u00fcr den h\u00e4lt die mobile Optimierung jedoch gewisse Anforderungen bereit.<\/p>\n<h3>Herausforderungen der mobilen Darstellung<\/h3>\n<p>Herausforderungen bestehen zumeist darin, den Blog f\u00fcr alle Browser gleicherma\u00dfen zu optimieren. Dar\u00fcber hinaus stellt sich auch die berechtigte Frage, wie \u2013 bei einem bislang nicht optimierten Blog &#8211; mit \u00dcberschriften verfahren wird. Schlie\u00dflich weisen mobile Endger\u00e4te eine kleinere Bildschirmgr\u00f6\u00dfe auf, als der herk\u00f6mmliche PC-Monitor. Die Folge ist, dass lange \u00dcberschriften unsch\u00f6n umgebrochen werden. Eine M\u00f6glichkeit besteht beispielsweise darin, die Schriftgr\u00f6\u00dfe entsprechend zu verkleinern. <\/p>\n<p>Ein beliebtes Feature bei Blogs ist der More-Tag, welcher den Artikel im Blogroll auf eine Vorschau mit wenigen Zeilen verk\u00fcrzt. Doch auch hier stellt die mobile Optimierung Blogbetreiber vor Herausforderungen, was die Darstellung des Contents vor dem More-Tag angeht. Auch hier kann es sinnvoll sein, die Schriftgr\u00f6\u00dfe anzupassen, den Content anders zu strukturieren oder eine g\u00e4nzlich andere Darstellungsweise zu w\u00e4hlen. Dasselbe gilt f\u00fcr die Anzeige der verschiedenen Blog-Kategorien.<\/p>\n<p>Um dem User das Weiterlesen eines Artikels im Blogroll zu erleichtern, sind die entsprechenden Buttons oder Links hierf\u00fcr ebenfalls f\u00fcr die Touch-Bedienung zu optimieren.<\/p>\n<p>Damit ein Blog den Usern Abwechslung bietet, ist es sinnvoll, multimedialen Content, wie Bilder und Videos, einzubinden. Im Rahmen der mobilen Optimierung stellt aber genau das einen weiteren \u201eKnackpunkt\u201c dar. Ob diese nun skaliert oder via Pop-Out angezeigt werden, das bleibt dem individuellen Geschmack \u00fcberlassen. <\/p>\n<h3>Fazit: Responsiveness ist notwendig<\/h3>\n<p>Ein Blog, der nicht f\u00fcr mobile Endger\u00e4te optimiert ist, macht das Nutzererlebnis von Anfang an zu Nichte. Umst\u00e4ndliches Zoomen und m\u00f6glicherweise sogar mobil nicht verf\u00fcgbare Funktionen sorgen f\u00fcr Frustration. Ob ein User &#8211; der diese Erfahrung unfreiwillig gemacht hat \u2013 ein weiteres Mal den Blog besuchen wird, ist fraglich. Schlie\u00dflich wurden die Erwartungen an die Nutzerfreundlichkeit nicht erf\u00fcllt. Mit der mobilen Optimierung eines Blogs signalisiert der Betreiber, dass er die Bed\u00fcrfnisse der User versteht. So lohnt es sich unbedingt, die Darstellungsweise des Blogs f\u00fcr mobile Endger\u00e4te zu optimieren. Ob mit dem Mobile First-Ansatz vorgegangen wird, bleibt der individuellen Vorstellung \u00fcberlassen. <\/p>\n<p>Wem hierf\u00fcr die notwendigen Kenntnisse fehlen, der kann sich Unterst\u00fctzung bei Bloggerjobs.de, in der Rubrik \u201eBlog Design\u201c holen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>F\u00fcr immer mehr Menschen sind mobile Endger\u00e4te mittlerweile zu n\u00fctzlichen Begleitern im Alltag geworden. Ob in der U-Bahn, beim sonnt\u00e4glichen Kaffeetrinken mit den Schwiegereltern, im Urlaub oder im B\u00fcro: Mal&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[171],"tags":[50,48,51,49],"class_list":["post-505","post","type-post","status-publish","format-standard","hentry","category-ratgeber","tag-endgeraete","tag-mobil","tag-optimierung","tag-responsive","no-post-thumbnail"],"aioseo_notices":[],"views":1985,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4h82L-89","_links":{"self":[{"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/posts\/505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/comments?post=505"}],"version-history":[{"count":0,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/posts\/505\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/media?parent=505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/categories?post=505"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/tags?post=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}