{"id":1018,"date":"2016-07-28T10:18:04","date_gmt":"2016-07-28T08:18:04","guid":{"rendered":"https:\/\/www.clickstorm.de\/blog\/?p=1018"},"modified":"2017-11-03T14:29:01","modified_gmt":"2017-11-03T13:29:01","slug":"ist-ihre-webseite-100-responsive","status":"publish","type":"post","link":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/","title":{"rendered":"Ist Ihre Webseite 100% responsive?"},"content":{"rendered":"<p>In einem vorhergehenden Beitrag haben wir bereits grundlegend beschrieben, was eine <a href=\"https:\/\/www.clickstorm.de\/blog\/alles-responsive\/\">responsive Webseite<\/a> ausmacht. Eine responsive Webseite passt die Inhalte an die Bildschirmgr\u00f6\u00dfe des aufrufenden Displays an.<\/p>\n<p>Doch gibt es neben der Display-Gr\u00f6\u00dfe noch einen weiteren Punkt zu beachten: die Bedienung. Auf einem Smartphone oder Tablet navigiert der Nutzer mit seinen Fingern durch die Seite &#8211; nicht mit einer Maus. Dementsprechend ist ein Klick\u00a0mit der Touch-Bedienung ein Tippen auf den Bildschirm. Bei der responsiven Webentwicklung\u00a0muss daher speziell Augenmerk auf sogenannte Hover-Effekte geworfen werden. Ein Hover-Effekt wird ausgel\u00f6st, wenn ein Desktop-Nutzer mit seiner Maus \u00fcber etwas f\u00e4hrt, aber noch nicht geklickt hat. Diesen Effekt gibt es bei der Touch-Bedienung nicht. Entweder der Finger tippt\u00a0etwas an, oder eben nicht.<\/p>\n<p>Mit dem Hover-Status sollten daher keine wichtigen Funktionen belegt sein. So sollte zum Beispiel die Men\u00fcf\u00fchrung ohne Hover-Effekte auskommen, bzw. m\u00fcssen Alternativen f\u00fcr die Touch-Bedienung eingebaut werden, wenn auf den Hover-Effekt nicht verzichtet werden soll. Bei der Erarbeitung\u00a0des <a href=\"\/leistungen\/webdesign\/\">responsiven Webdesigns <\/a>sollte dies bereits vom Designer beachtet werden, damit ggf. alternative\u00a0Steuerungselemente f\u00fcr die Touch-Bedienung integriert werden k\u00f6nnen.<\/p>\n<h2>Testen Sie Ihre Webseite<\/h2>\n<p>Ob Ihre Webseite den Anspr\u00fcchen eines mobilen Nutzers entspricht, k\u00f6nnen Sie leicht testen. Wenn Sie ein Smartphone oder Tablet besitzen ist das nat\u00fcrlich die einfachste Variante Ihre Webseite mit\u00a0solchen Ger\u00e4ten auf die Bedienbarkeit zu \u00fcberpr\u00fcfen. Wenn gerade kein Smartphone oder Tablet zur Hand ist, ist das aber auch kein Hindernis: Der<strong> Chrome-Browser ist Ihnen hierbei behilflich<\/strong>.<\/p>\n<p>Rufen Sie Ihre Webseite wie gewohnt im Chrome-Browser auf. Klicken Sie nun per rechter Maustaste in die Webseite. Es \u00f6ffnet sich ein kleines Men\u00fc, w\u00e4hlen Sie hier den Punkt &#8222;Untersuchen&#8220; aus. Es \u00f6ffnet sich nun ein Fenster &#8211; die Entwickler-Console von Chrome. Dieses Tool bietet wahnsinnig viele M\u00f6glichkeiten eine Webseite zu testen. Hier konzentrieren wir uns aber auf die M\u00f6glichkeit, <strong>einen mobilen Aufruf der Webseite zu simulieren<\/strong>.\u00a0Dazu muss die Option &#8222;Toggle device toolbar&#8220; aktiviert sein. Im Bild ist diese Option rund umrahmt. Klicken Sie das Icon an, wenn Ihre Ansicht noch nicht derer im Bild gleicht.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_1021\" style=\"width: 1034px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1021\" class=\"size-large wp-image-1021\" src=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsives-verhalten-im-chrome-testen-1024x589.jpg\" alt=\"Responsives Verhalten im Chrome Browser testen\" width=\"1024\" height=\"589\" srcset=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsives-verhalten-im-chrome-testen-1024x589.jpg 1024w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsives-verhalten-im-chrome-testen-300x173.jpg 300w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsives-verhalten-im-chrome-testen-768x442.jpg 768w, https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsives-verhalten-im-chrome-testen.jpg 1680w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><p id=\"caption-attachment-1021\" class=\"wp-caption-text\">Ger\u00e4te-Auswahl des Entwicklungs-Tools des Chrome-Browsers<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>Ist die Option aktiv, k\u00f6nnen Sie nun an den oberen Einstellungen (im Bild markiert) eine Aufl\u00f6sung w\u00e4hlen. G\u00e4ngige Smartphones und Tablets stehen hier zur Verf\u00fcgung. Zudem k\u00f6nnen Sie simulieren, das Ger\u00e4t\u00a0in die Horizontale oder Vertikale zu drehen.<\/p>\n<p>Ihnen wird nun auffallen, dass sich der Maus-Cursor ver\u00e4ndert wenn Sie sich auf der Webseite befinden. Der Maus-Zeiger ist nun ein grauer Kreis. Dieser stellt hier\u00a0einen Finger dar. Per Klick simulieren sie einen Touch auf den Touch-Screen. Somit sind in diesem Tool keine Hover-Effekte mehr m\u00f6glich. Die Webseite kann dadurch gut getestet werden, ob sie auch via Touch-Screen optimal steuerbar ist.<\/p>\n<h3>Darauf sollten Sie besonders achten<\/h3>\n<p>Sie k\u00f6nnen Ihre Seite auf diesen Weg\u00a0leicht auf die Anforderungen der mobilen Nutzer testen. Zudem k\u00f6nnen Sie hier unterschiedlichste Bildschirmgr\u00f6\u00dfen testen.<\/p>\n<p>Achten Sie darauf, dass <strong>alle Inhalte sichtbar<\/strong> sind. Ein horizontales Scrollen sollte nicht m\u00f6glich sein. Das ist ein Zeichen daf\u00fcr, dass alle Inhalte sich in der sichtbaren Breite des Bildschirms befinden und nicht dar\u00fcber hinaus ragen.\u00a0Schauen Sie nach, ob alle wichtigen Inhalte immer\u00a0sichtbar sind (z.B. Sprachmen\u00fc, Impressum-Link, Logo etc.).<\/p>\n<p>Pr\u00fcfen Sie auch Ihre Navigation. \u00dcblicherweise gibt es f\u00fcr die Darstellung auf schmaleren Ger\u00e4ten ein <strong>alternatives Men\u00fc<\/strong>. Meist \u00f6ffnet sich dieses erst nach Klick auf ein Icon (z.B. das sog. &#8222;Burger-Men\u00fc&#8220;). Ist es auf dem Smartphone m\u00f6glich zu allen Men\u00fc-Ebenen zu navigieren? Kann das Men\u00fc per Touch gut bedient werden? Sind die Links gro\u00df genug?<\/p>\n<p>Ein Test sollte nicht nur f\u00fcr die Startseite erfolgen. Testen Sie ruhig auch noch 3-4 Unterseiten. Bestenfalls solche, die vom normalen Webseiten-Raster abweichen und sich durch spezielle Inhalte auszeichnen (z.B. Tab-Navigationen, BIlder-Slider, Downloads, Referenzen, Videos, Formulare, etc.). Werden die <strong>Videos<\/strong> bei kleineren Bildschirmen passend verkleinert? Sind <strong>Formulare<\/strong> auch per Smartphone ausf\u00fcllbar?<\/p>\n<h3>Mobile-Friendly-Test von Google<\/h3>\n<p>Ob eine Webseite f\u00fcr mobile Endger\u00e4te optimiert wurde flie\u00dft heutzutage in das Ranking der Suchmaschinen ein. Ob Suchmaschinen die Seite als mobil optimiert wahrnehmen l\u00e4sst sich leicht testen. Mit dem <a href=\"https:\/\/www.google.de\/webmasters\/tools\/mobile-friendly\/\">Mobile-Friendly-Test von Google<\/a> bekommen Webseiten-Betreiber hierzu schnell Feedback.<\/p>\n<p>&nbsp;<\/p>\n<p>Sind Ihnen hierbei Probleme aufgefallen, die Sie gerne beheben w\u00fcrden? <a href=\"https:\/\/www.clickstorm.de\/kontakt\/\">Kontaktieren<\/a> Sie uns\u00a0&#8211;\u00a0wir machen Ihre Webseite gerne 100% responsive.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Testen Sie, ob Ihre Webseite responsiv ist und den Anforderungen mobiler Nutzer gerecht wird. Wir zeigen Ihnen wie es geht.<\/p>\n","protected":false},"author":8,"featured_media":1106,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[137],"tags":[26,19,66],"class_list":["post-1018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend","tag-responsive","tag-technik","tag-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ist Ihre Webseite 100% responsive? - clickstorm Blog<\/title>\n<meta name=\"description\" content=\"Testen Sie, ob Ihre Webseite responsiv ist und den Anforderungen mobiler Nutzer gerecht wird. Wir zeigen Ihnen wie es geht.\" \/>\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.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ist Ihre Webseite 100% responsive? - clickstorm Blog\" \/>\n<meta property=\"og:description\" content=\"Testen Sie, ob Ihre Webseite responsiv ist und den Anforderungen mobiler Nutzer gerecht wird. Wir zeigen Ihnen wie es geht.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"clickstorm Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/de-de.facebook.com\/clickstorm\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-28T08:18:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-11-03T13:29:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsive-webdesign-testen.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"577\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Angela\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@clickstorm_gmbh\" \/>\n<meta name=\"twitter:site\" content=\"@clickstorm_gmbh\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Angela\" \/>\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.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/\"},\"author\":{\"name\":\"Angela\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/person\\\/ba487d63eccacea4839c77536f9dd569\"},\"headline\":\"Ist Ihre Webseite 100% responsive?\",\"datePublished\":\"2016-07-28T08:18:04+00:00\",\"dateModified\":\"2017-11-03T13:29:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/\"},\"wordCount\":749,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/07\\\/responsive-webdesign-testen.jpg\",\"keywords\":[\"Responsive\",\"Technik\",\"Webdesign\"],\"articleSection\":[\"Frontend\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/\",\"name\":\"Ist Ihre Webseite 100% responsive? - clickstorm Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/07\\\/responsive-webdesign-testen.jpg\",\"datePublished\":\"2016-07-28T08:18:04+00:00\",\"dateModified\":\"2017-11-03T13:29:01+00:00\",\"description\":\"Testen Sie, ob Ihre Webseite responsiv ist und den Anforderungen mobiler Nutzer gerecht wird. Wir zeigen Ihnen wie es geht.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/07\\\/responsive-webdesign-testen.jpg\",\"contentUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/07\\\/responsive-webdesign-testen.jpg\",\"width\":1170,\"height\":577,\"caption\":\"Testen eines responsiven Webdesigns\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/ist-ihre-webseite-100-responsive\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ist Ihre Webseite 100% responsive?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/\",\"name\":\"clickstorm Blog\",\"description\":\"Neuigkeiten rund um Webentwicklung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#organization\",\"name\":\"clickstorm GmbH\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/11\\\/logo.svg\",\"caption\":\"clickstorm GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/de-de.facebook.com\\\/clickstorm\\\/\",\"https:\\\/\\\/x.com\\\/clickstorm_gmbh\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCEaU1eUbug6OiI4uU6vA-cA\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/#\\\/schema\\\/person\\\/ba487d63eccacea4839c77536f9dd569\",\"name\":\"Angela\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7a410dd158504ccaf4003dcfc3e8458caf513e73b06ddbfee2b0a7cdc0fa6456?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7a410dd158504ccaf4003dcfc3e8458caf513e73b06ddbfee2b0a7cdc0fa6456?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7a410dd158504ccaf4003dcfc3e8458caf513e73b06ddbfee2b0a7cdc0fa6456?s=96&d=mm&r=g\",\"caption\":\"Angela\"},\"url\":\"https:\\\/\\\/www.clickstorm.de\\\/blog\\\/author\\\/angela\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ist Ihre Webseite 100% responsive? - clickstorm Blog","description":"Testen Sie, ob Ihre Webseite responsiv ist und den Anforderungen mobiler Nutzer gerecht wird. Wir zeigen Ihnen wie es geht.","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.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/","og_locale":"de_DE","og_type":"article","og_title":"Ist Ihre Webseite 100% responsive? - clickstorm Blog","og_description":"Testen Sie, ob Ihre Webseite responsiv ist und den Anforderungen mobiler Nutzer gerecht wird. Wir zeigen Ihnen wie es geht.","og_url":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/","og_site_name":"clickstorm Blog","article_publisher":"https:\/\/de-de.facebook.com\/clickstorm\/","article_published_time":"2016-07-28T08:18:04+00:00","article_modified_time":"2017-11-03T13:29:01+00:00","og_image":[{"width":1170,"height":577,"url":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsive-webdesign-testen.jpg","type":"image\/jpeg"}],"author":"Angela","twitter_card":"summary_large_image","twitter_creator":"@clickstorm_gmbh","twitter_site":"@clickstorm_gmbh","twitter_misc":{"Verfasst von":"Angela","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/#article","isPartOf":{"@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/"},"author":{"name":"Angela","@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/person\/ba487d63eccacea4839c77536f9dd569"},"headline":"Ist Ihre Webseite 100% responsive?","datePublished":"2016-07-28T08:18:04+00:00","dateModified":"2017-11-03T13:29:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/"},"wordCount":749,"commentCount":0,"publisher":{"@id":"https:\/\/www.clickstorm.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsive-webdesign-testen.jpg","keywords":["Responsive","Technik","Webdesign"],"articleSection":["Frontend"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/","url":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/","name":"Ist Ihre Webseite 100% responsive? - clickstorm Blog","isPartOf":{"@id":"https:\/\/www.clickstorm.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/#primaryimage"},"image":{"@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsive-webdesign-testen.jpg","datePublished":"2016-07-28T08:18:04+00:00","dateModified":"2017-11-03T13:29:01+00:00","description":"Testen Sie, ob Ihre Webseite responsiv ist und den Anforderungen mobiler Nutzer gerecht wird. Wir zeigen Ihnen wie es geht.","breadcrumb":{"@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/#primaryimage","url":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsive-webdesign-testen.jpg","contentUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2016\/07\/responsive-webdesign-testen.jpg","width":1170,"height":577,"caption":"Testen eines responsiven Webdesigns"},{"@type":"BreadcrumbList","@id":"https:\/\/www.clickstorm.de\/blog\/ist-ihre-webseite-100-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.clickstorm.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Ist Ihre Webseite 100% responsive?"}]},{"@type":"WebSite","@id":"https:\/\/www.clickstorm.de\/blog\/#website","url":"https:\/\/www.clickstorm.de\/blog\/","name":"clickstorm Blog","description":"Neuigkeiten rund um Webentwicklung","publisher":{"@id":"https:\/\/www.clickstorm.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clickstorm.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.clickstorm.de\/blog\/#organization","name":"clickstorm GmbH","url":"https:\/\/www.clickstorm.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/11\/logo.svg","contentUrl":"https:\/\/www.clickstorm.de\/blog\/wp-content\/uploads\/2017\/11\/logo.svg","caption":"clickstorm GmbH"},"image":{"@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/de-de.facebook.com\/clickstorm\/","https:\/\/x.com\/clickstorm_gmbh","https:\/\/www.youtube.com\/channel\/UCEaU1eUbug6OiI4uU6vA-cA"]},{"@type":"Person","@id":"https:\/\/www.clickstorm.de\/blog\/#\/schema\/person\/ba487d63eccacea4839c77536f9dd569","name":"Angela","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/7a410dd158504ccaf4003dcfc3e8458caf513e73b06ddbfee2b0a7cdc0fa6456?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7a410dd158504ccaf4003dcfc3e8458caf513e73b06ddbfee2b0a7cdc0fa6456?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a410dd158504ccaf4003dcfc3e8458caf513e73b06ddbfee2b0a7cdc0fa6456?s=96&d=mm&r=g","caption":"Angela"},"url":"https:\/\/www.clickstorm.de\/blog\/author\/angela\/"}]}},"_links":{"self":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts\/1018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/comments?post=1018"}],"version-history":[{"count":23,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts\/1018\/revisions"}],"predecessor-version":[{"id":1328,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/posts\/1018\/revisions\/1328"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/media\/1106"}],"wp:attachment":[{"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/media?parent=1018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/categories?post=1018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clickstorm.de\/blog\/wp-json\/wp\/v2\/tags?post=1018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}