{"id":2063,"date":"2016-11-09T18:32:17","date_gmt":"2016-11-09T17:32:17","guid":{"rendered":"http:\/\/www.christian-pansch.de\/blog\/?p=2063"},"modified":"2016-11-09T15:03:37","modified_gmt":"2016-11-09T14:03:37","slug":"mobile-first-oder-doch-anders-herum-eine-uebersicht","status":"publish","type":"post","link":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/","title":{"rendered":"Mobile First oder doch anders herum? Eine \u00dcbersicht"},"content":{"rendered":"<p>Kaum zu glauben, aber das mobile Internet, das heutzutage fast jeder Smartphone- oder Tablet-User nutzt, ist der wahre Grund, warum sich die Homepage-Programmierung grundlegend ver\u00e4ndern musste. Heute sind &#8222;Mobile First&#8220; oder auch &#8222;Responsive Webdesign&#8220; Standards geworden, die bei der <a href=\"http:\/\/neilpatel.com\/de\/2016\/11\/01\/6-haarstraubende-designfehler-die-dein-seo-ruinieren\/\" target=\"_blank\">Erstellung einer Internetseite<\/a> nicht mehr fehlen d\u00fcrfen. Doch wird zuerst Mobile First oder eine andere Variante gew\u00e4hlt, wenn man eine Homepage programmieren m\u00f6chte? Gibt es Unterschiede oder Gr\u00fcnde, sich zuerst f\u00fcr Mobile First zu entscheiden oder spielt der Ablauf de facto gar keine Rolle?<\/p>\n<p><!--more--><\/p>\n<p><strong>Zuerst der Text, dann das Design &#8211; oder umgekehrt?<\/strong><\/p>\n<p>Handelt es sich um &#8222;Progressive Enhancement&#8220;, ist der Inhalt der Seite im Vordergrund. Das bedeutet, dass die Darstellung der Internetseite, die Anpassung f\u00fcr unterschiedliche Displaygr\u00f6\u00dfen und auch die Browserkompatibilit\u00e4t erst im weiteren Verlauf von Bedeutung sind und somit erst sp\u00e4ter Ber\u00fccksichtigung finden. Progressive Enhancement k\u00fcmmert sich also zuerst um den <a href=\"http:\/\/bjoerntantau.com\/content-fehler-24102016.html\" target=\"_blank\">Text<\/a>, dann um das Aussehen. Zu Beginn sammelt der Programmierer die Inhalte, baut eine Struktur auf und entwickelt erst im weiteren Verlauf die Website. Dabei sollte der Programmierer aber immer ein schwaches System im Kopf haben; ein Internet Explorer, der ohne JavaScript l\u00e4uft, muss die Website ebenfalls darstellen k\u00f6nnen. Nur dann, wenn die Website f\u00fcr veraltete und schwache Systeme zur Verf\u00fcgung stehen kann, kommt der Umbau, der dahingehend endet, dass die Website auch von leistungsstarken Browsern angezeigt werden kann. Dabei werden umfangreiche Layouts und komplexe Technologien verwendet, die prim\u00e4r f\u00fcr den leistungsstarken Browser zur Verf\u00fcgung stehen.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2016\/11\/iphone-1024x683.jpg\" alt=\"iphone\" width=\"550\" class=\"alignnone size-large wp-image-2071\" \/><\/p>\n<p><strong>Die automatische Anpassung<\/strong><\/p>\n<p>Dabei werden unterschiedliche &#8222;Feature Detections&#8220; &#8211; Browser-Funktionen &#8211; abgefragt. Eine Version wird derart entwickelt, dass sie auf einem sehr schlechten System funktioniert, w\u00e4hrend ein weiteres Script &#8211; wie etwa der <a href=\"https:\/\/modernizr.com\/\" target=\"_blank\">Modernizr<\/a> &#8211; \u00fcberpr\u00fcft, ob andere Funktionen, wie JavaScript oder etwa CSS3-Eigenschaften, zur Verf\u00fcgung stehen und somit vom Browser aktiv unterst\u00fctzt werden. Ist dies der Fall, werden die neueren Technologien genutzt, sodass es zu einer automatischen Verbesserung der Website kommt. Diese spezielle Vorgehensweise ist mitunter auch ein Grund, warum es zu optischen Ver\u00e4nderungen kommen kann, je nachdem, welcher Browser verwendet wird. Es ist daher keinesfalls ratsam, f\u00fcr alle Websites dasselbe Layout zu gestalten; am Ende h\u00e4ngt es n\u00e4mlich vom Browser ab, wie der Internetauftritt aussieht.<\/p>\n<p><strong>Das &#8222;Progressive Enhancement&#8220;-Fazit<\/strong><\/p>\n<p>Progressive Enhancement stellt die Inhalte in den Mittelpunkt; alle Informationen, die f\u00fcr den User von Interesse sein k\u00f6nnten, stehen auch zur Verf\u00fcgung. Zudem werden &#8222;alte Browser&#8220; nicht bestraft und &#8222;neue Browser&#8220; nicht belohnt; ganz egal, f\u00fcr welches System sich der User entscheidet &#8211; er kann auf die Internetseite zugreifen. Die Internetseiten sind zudem problemlos erweiterbar. Jedoch ist bei derartigen Prozessen ein Umdenken erforderlich; des Weiteren sind viele Tests notwendig, um die Gewissheit zu erlangen, dass der Internetauftritt auch &#8211; wie gew\u00fcnscht &#8211; dargestellt wird.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2016\/11\/source-code-1024x576.jpg\" alt=\"source-code\" width=\"550\" class=\"alignnone size-large wp-image-2070\" \/><\/p>\n<p><strong>Mobile First und Progressive Enhancement<\/strong><\/p>\n<p>Wer sich mit Mobile First befasst, wird relativ schnell feststellen, dass es hier eine Spur komplexer wird. Denn der Internetauftritt wird nicht nur f\u00fcr schwache Systeme bereitgestellt, sondern auch f\u00fcr Ger\u00e4te, die ein kleines Display haben. So startet der Programmierer mit einer &#8222;Smartphone-Version&#8220;. Mobile First bedeutet, dass zuerst eine Version f\u00fcr Mobilger\u00e4t entwickelt wird, wobei sich der Internetauftritt &#8211; je nach Display-Gr\u00f6\u00dfe &#8211; steigert. Ein Umstand, der sich wunderbar mit Progressive Enhancement erg\u00e4nzen l\u00e4sst, wobei keine zwangsl\u00e4ufige Verbindung gegeben ist. So k\u00f6nnen aufw\u00e4ndige Mobile-Seiten erstellt werden, die auf \u00e4lteren Mobilger\u00e4ten nicht funktionieren oder falsch angezeigt werden. Das entspricht zwar dem Mobile-First-Prinzip, jedoch nicht dem Progressive Enhancement. Nat\u00fcrlich spielt der Platz eine wesentliche Rolle. Auf mobilen Ger\u00e4ten ist im Regelfall weniger Platz als auf gew\u00f6hnlichen PC-Monitoren. Aus diesem Grund ist es wichtig, dass sich die Programmierer auf die wesentlichsten Punkte der Internetseite konzentrieren. So stellt sich die Frage, welche Informationen tats\u00e4chlich ben\u00f6tigt werden. In weiterer Folge muss der Programmierer die wesentlichsten Informationen derart darstellen, dass sie pr\u00e4zise pr\u00e4sentiert werden k\u00f6nnen.<\/p>\n<p><strong>Das Mobile First-Fazit<\/strong><\/p>\n<p>Mittels Mobile First k\u00f6nnen pr\u00e4gnante Inhalte dargestellt werden, wobei die optimale Darstellung auf Mobilger\u00e4ten z\u00e4hlt. Mobile First-Seiten k\u00f6nnen unkompliziert auf gr\u00f6\u00dfere Displays erweitert werden; zudem stehen derartige Internetauftritte auch f\u00fcr moderne Systeme zur Verf\u00fcgung. Mobile First ist jedoch \u00e4u\u00dferst schwierig in der technischen Umsetzung; aus heutiger Sicht muss zudem ein starkes Umdenken erfolgen, sodass am Ende eine <a href=\"https:\/\/entwickler.de\/online\/web\/media-queries-und-der-mobile-first-ansatz-darauf-muss-man-bei-der-nutzung-achten-149711.html\" target=\"_blank\">gut strukturierte Seite<\/a> gegeben ist. Trotzdem geht heutzutage kein Weg an mobile first vorbei, denn wer zuerst f\u00fcr Desktop-Ger\u00e4te entwickelt und anschlie\u00dfend versucht, f\u00fcr Mobilger\u00e4te zu optimieren, wird einen extrem hohen Arbeitsaufwand haben.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2016\/11\/devices.png\" alt=\"devices\" width=\"550\" class=\"alignnone size-full wp-image-2072\" \/><\/p>\n<p><strong>Das Fazit<\/strong><\/p>\n<p>Wer sich mit der Programmierung einer Website befasst, wird vorwiegend aus Sicht bestimmter Ger\u00e4tekonfigurationen handeln. Viele Webdesigner arbeiten mit riesigen Monitoren und neuen Browsern. Aus diesen Gr\u00fcnden ist die Verlockung auch gro\u00df, Internetauftritte derart anzupassen, dass sie ausschlie\u00dflich f\u00fcr gro\u00dfe Displays und starke Systeme ausgerichtet sind. Jedoch muss der Programmierer eine Website erstellen, die f\u00fcr alte, neue, schwache und starke Systeme geeignet ist.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kaum zu glauben, aber das mobile Internet, das heutzutage fast jeder Smartphone- oder Tablet-User nutzt, ist der wahre Grund, warum sich die Homepage-Programmierung grundlegend ver\u00e4ndern musste. Heute sind &#8222;Mobile First&#8220; oder auch &#8222;Responsive Webdesign&#8220; Standards geworden, die bei der Erstellung einer Internetseite nicht mehr fehlen d\u00fcrfen. Doch wird zuerst Mobile First oder eine andere Variante [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,308],"tags":[711,693],"class_list":["post-2063","post","type-post","status-publish","format-standard","hentry","category-seo-online-marketing","category-smartphones-tablets","tag-mobile-first","tag-webdesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mobile First oder doch anders herum? Eine \u00dcbersicht - Social Media . Web Blog<\/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:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile First oder doch anders herum? Eine \u00dcbersicht - Social Media . Web Blog\" \/>\n<meta property=\"og:description\" content=\"Kaum zu glauben, aber das mobile Internet, das heutzutage fast jeder Smartphone- oder Tablet-User nutzt, ist der wahre Grund, warum sich die Homepage-Programmierung grundlegend ver\u00e4ndern musste. Heute sind &#8222;Mobile First&#8220; oder auch &#8222;Responsive Webdesign&#8220; Standards geworden, die bei der Erstellung einer Internetseite nicht mehr fehlen d\u00fcrfen. Doch wird zuerst Mobile First oder eine andere Variante [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/\" \/>\n<meta property=\"og:site_name\" content=\"Social Media . Web Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-09T17:32:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2016\/11\/iphone-1024x683.jpg\" \/>\n<meta name=\"author\" content=\"Christian Pansch\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christian Pansch\" \/>\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\":\"Article\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/\"},\"author\":{\"name\":\"Christian Pansch\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#\\\/schema\\\/person\\\/af4b04e973030b73eb5d7cbb4597d4eb\"},\"headline\":\"Mobile First oder doch anders herum? Eine \u00dcbersicht\",\"datePublished\":\"2016-11-09T17:32:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/\"},\"wordCount\":856,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/iphone-1024x683.jpg\",\"keywords\":[\"mobile first\",\"Webdesign\"],\"articleSection\":[\"SEO &amp; Online Marketing\",\"Smartphones &amp; Tablets\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/\",\"url\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/\",\"name\":\"Mobile First oder doch anders herum? Eine \u00dcbersicht - Social Media . Web Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/iphone-1024x683.jpg\",\"datePublished\":\"2016-11-09T17:32:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#\\\/schema\\\/person\\\/af4b04e973030b73eb5d7cbb4597d4eb\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/iphone-1024x683.jpg\",\"contentUrl\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/11\\\/iphone-1024x683.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile First oder doch anders herum? Eine \u00dcbersicht\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/\",\"name\":\"Social Media . Web Blog\",\"description\":\"Das Blog von Christian Pansch \u00fcber Social Media, Webgeschehen, Mobile, Design, TYPO3 &amp; Co.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/#\\\/schema\\\/person\\\/af4b04e973030b73eb5d7cbb4597d4eb\",\"name\":\"Christian Pansch\",\"sameAs\":[\"http:\\\/\\\/www.christian-pansch.de\"],\"url\":\"https:\\\/\\\/www.christian-pansch.de\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile First oder doch anders herum? Eine \u00dcbersicht - Social Media . Web Blog","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:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/","og_locale":"de_DE","og_type":"article","og_title":"Mobile First oder doch anders herum? Eine \u00dcbersicht - Social Media . Web Blog","og_description":"Kaum zu glauben, aber das mobile Internet, das heutzutage fast jeder Smartphone- oder Tablet-User nutzt, ist der wahre Grund, warum sich die Homepage-Programmierung grundlegend ver\u00e4ndern musste. Heute sind &#8222;Mobile First&#8220; oder auch &#8222;Responsive Webdesign&#8220; Standards geworden, die bei der Erstellung einer Internetseite nicht mehr fehlen d\u00fcrfen. Doch wird zuerst Mobile First oder eine andere Variante [&hellip;]","og_url":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/","og_site_name":"Social Media . Web Blog","article_published_time":"2016-11-09T17:32:17+00:00","og_image":[{"url":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2016\/11\/iphone-1024x683.jpg","type":"","width":"","height":""}],"author":"Christian Pansch","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Christian Pansch","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/#article","isPartOf":{"@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/"},"author":{"name":"Christian Pansch","@id":"https:\/\/www.christian-pansch.de\/blog\/#\/schema\/person\/af4b04e973030b73eb5d7cbb4597d4eb"},"headline":"Mobile First oder doch anders herum? Eine \u00dcbersicht","datePublished":"2016-11-09T17:32:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/"},"wordCount":856,"commentCount":0,"image":{"@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/#primaryimage"},"thumbnailUrl":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2016\/11\/iphone-1024x683.jpg","keywords":["mobile first","Webdesign"],"articleSection":["SEO &amp; Online Marketing","Smartphones &amp; Tablets"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/","url":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/","name":"Mobile First oder doch anders herum? Eine \u00dcbersicht - Social Media . Web Blog","isPartOf":{"@id":"https:\/\/www.christian-pansch.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/#primaryimage"},"image":{"@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/#primaryimage"},"thumbnailUrl":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2016\/11\/iphone-1024x683.jpg","datePublished":"2016-11-09T17:32:17+00:00","author":{"@id":"https:\/\/www.christian-pansch.de\/blog\/#\/schema\/person\/af4b04e973030b73eb5d7cbb4597d4eb"},"breadcrumb":{"@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/#primaryimage","url":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2016\/11\/iphone-1024x683.jpg","contentUrl":"https:\/\/www.christian-pansch.de\/blog\/wp-content\/uploads\/2016\/11\/iphone-1024x683.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.christian-pansch.de\/blog\/mobile-first-oder-doch-anders-herum-eine-uebersicht-2063\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.christian-pansch.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Mobile First oder doch anders herum? Eine \u00dcbersicht"}]},{"@type":"WebSite","@id":"https:\/\/www.christian-pansch.de\/blog\/#website","url":"https:\/\/www.christian-pansch.de\/blog\/","name":"Social Media . Web Blog","description":"Das Blog von Christian Pansch \u00fcber Social Media, Webgeschehen, Mobile, Design, TYPO3 &amp; Co.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.christian-pansch.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.christian-pansch.de\/blog\/#\/schema\/person\/af4b04e973030b73eb5d7cbb4597d4eb","name":"Christian Pansch","sameAs":["http:\/\/www.christian-pansch.de"],"url":"https:\/\/www.christian-pansch.de\/blog\/author\/admin\/"}]}},"publishpress_future_action":{"enabled":false,"date":"2026-05-13 14:47:32","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/posts\/2063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/comments?post=2063"}],"version-history":[{"count":4,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/posts\/2063\/revisions"}],"predecessor-version":[{"id":2074,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/posts\/2063\/revisions\/2074"}],"wp:attachment":[{"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/media?parent=2063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/categories?post=2063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.christian-pansch.de\/blog\/wp-json\/wp\/v2\/tags?post=2063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}