{"id":3331,"date":"2013-04-22T10:52:17","date_gmt":"2013-04-22T08:52:17","guid":{"rendered":"https:\/\/www.odw.fr\/blog\/?p=3331"},"modified":"2025-06-26T14:44:15","modified_gmt":"2025-06-26T12:44:15","slug":"10-conseils-pour-developper-un-site-en-responsive-infographie","status":"publish","type":"post","link":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/","title":{"rendered":"10 conseils pour d\u00e9velopper un site en responsive [infographie]"},"content":{"rendered":"<p dir=\"ltr\">Avec le d\u00e9veloppement des smartphones et la d\u00e9mocratisation des tablettes graphiques, il devient primordial d\u2019adapter ses sites \u00e0 la navigation mobile. Mais au lieu de d\u00e9velopper un site sp\u00e9cifique pour chaque support, de plus en plus d\u2019entreprises se tournent vers le responsive web design.<\/p>\n<p dir=\"ltr\">Le <a href=\"https:\/\/www.odw.fr\/blog\/outils-web\/pourquoi-passer-au-responsive-web-design-infographie\/\">responsive<\/a> est une technique de d\u00e9veloppement qui consiste \u00e0 d\u00e9velopper son site une seule fois mais en le param\u00e9trant de telle sorte qu\u2019il s\u2019adapte \u00e0 toutes les tailles d\u2019\u00e9cran et tous les navigateurs, quel que soit le support.<\/p>\n<p dir=\"ltr\">Voici 10 conseils pour d\u00e9velopper un site en responsive dabs cette infographie r\u00e9alis\u00e9e par <a href=\"https:\/\/splio.com\/\">Splio.<\/a><\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-3332\" src=\"https:\/\/www.odw.fr\/blog\/wp-content\/uploads\/2013\/04\/responsive.jpg\" alt=\"responsive\" width=\"560\" height=\"10627\" \/><\/p>\n<p><b id=\"internal-source-marker_0.664935537846759\">Source : <a href=\"https:\/\/readwrite.com\/10-developer-tips-to-build-a-responsive-website-infographic\/\">Readwrite<\/a><\/b><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avec le d\u00e9veloppement des smartphones et la d\u00e9mocratisation des tablettes graphiques, il devient primordial d\u2019adapter ses sites \u00e0 la navigation mobile. Mais au lieu de [&#8230;]<\/p>\n","protected":false},"author":4,"featured_media":3332,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[66],"tags":[184,509],"class_list":["post-3331","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-outils-web","tag-infographie","tag-responsive"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>10 conseils pour d\u00e9velopper un site en responsive [infographie] - Agence digitale ODW<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez 10 conseils pratiques pour cr\u00e9er un site responsive : design mobile, performance, UX optimis\u00e9e et compatibilit\u00e9 multi-\u00e9crans.\" \/>\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.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 conseils pour d\u00e9velopper un site en responsive [infographie] - Agence digitale ODW\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez 10 conseils pratiques pour cr\u00e9er un site responsive : design mobile, performance, UX optimis\u00e9e et compatibilit\u00e9 multi-\u00e9crans.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/\" \/>\n<meta property=\"og:site_name\" content=\"Agence digitale ODW\" \/>\n<meta property=\"article:published_time\" content=\"2013-04-22T08:52:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-26T12:44:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.odw.fr\/blog\/wp-content\/uploads\/2013\/04\/responsive-53x1024.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"53\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Andreas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andreas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/\"},\"author\":{\"name\":\"Andreas\",\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/#\\\/schema\\\/person\\\/7ff59ff6f77e5c829a1abaa11829f9a3\"},\"headline\":\"10 conseils pour d\u00e9velopper un site en responsive [infographie]\",\"datePublished\":\"2013-04-22T08:52:17+00:00\",\"dateModified\":\"2025-06-26T12:44:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/\"},\"wordCount\":120,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/04\\\/responsive.jpg\",\"keywords\":[\"infographie\",\"responsive\"],\"articleSection\":[\"Outils web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/\",\"url\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/\",\"name\":\"10 conseils pour d\u00e9velopper un site en responsive [infographie] - Agence digitale ODW\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/04\\\/responsive.jpg\",\"datePublished\":\"2013-04-22T08:52:17+00:00\",\"dateModified\":\"2025-06-26T12:44:15+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/#\\\/schema\\\/person\\\/7ff59ff6f77e5c829a1abaa11829f9a3\"},\"description\":\"D\u00e9couvrez 10 conseils pratiques pour cr\u00e9er un site responsive : design mobile, performance, UX optimis\u00e9e et compatibilit\u00e9 multi-\u00e9crans.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/04\\\/responsive.jpg\",\"contentUrl\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/04\\\/responsive.jpg\",\"width\":800,\"height\":15181,\"caption\":\"responsive\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/outils-web\\\/10-conseils-pour-developper-un-site-en-responsive-infographie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 conseils pour d\u00e9velopper un site en responsive [infographie]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/\",\"name\":\"Agence digitale ODW\",\"description\":\"Conseil en communication digitale\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.odw.fr\\\/blog\\\/#\\\/schema\\\/person\\\/7ff59ff6f77e5c829a1abaa11829f9a3\",\"name\":\"Andreas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ee4a35f9d568f984cb3b016b86b79c2bb611bd44e4ca6098567cc4c702c527a?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ee4a35f9d568f984cb3b016b86b79c2bb611bd44e4ca6098567cc4c702c527a?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ee4a35f9d568f984cb3b016b86b79c2bb611bd44e4ca6098567cc4c702c527a?s=96&d=retro&r=g\",\"caption\":\"Andreas\"},\"description\":\"Consultant associ\u00e9 en communication digitale bas\u00e9 \u00e0 Paris. Je conseille les entreprises dans l'\u00e9laboration de leur strat\u00e9gie digitale afin d'am\u00e9liorer leur pr\u00e9sence sur internet et les r\u00e9seaux sociaux. \u00a0 www.odw.fr\",\"sameAs\":[\"https:\\\/\\\/www.odw.fr\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 conseils pour d\u00e9velopper un site en responsive [infographie] - Agence digitale ODW","description":"D\u00e9couvrez 10 conseils pratiques pour cr\u00e9er un site responsive : design mobile, performance, UX optimis\u00e9e et compatibilit\u00e9 multi-\u00e9crans.","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.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/","og_locale":"fr_FR","og_type":"article","og_title":"10 conseils pour d\u00e9velopper un site en responsive [infographie] - Agence digitale ODW","og_description":"D\u00e9couvrez 10 conseils pratiques pour cr\u00e9er un site responsive : design mobile, performance, UX optimis\u00e9e et compatibilit\u00e9 multi-\u00e9crans.","og_url":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/","og_site_name":"Agence digitale ODW","article_published_time":"2013-04-22T08:52:17+00:00","article_modified_time":"2025-06-26T12:44:15+00:00","og_image":[{"width":53,"height":1024,"url":"https:\/\/www.odw.fr\/blog\/wp-content\/uploads\/2013\/04\/responsive-53x1024.jpg","type":"image\/jpeg"}],"author":"Andreas","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Andreas","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/#article","isPartOf":{"@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/"},"author":{"name":"Andreas","@id":"https:\/\/www.odw.fr\/blog\/#\/schema\/person\/7ff59ff6f77e5c829a1abaa11829f9a3"},"headline":"10 conseils pour d\u00e9velopper un site en responsive [infographie]","datePublished":"2013-04-22T08:52:17+00:00","dateModified":"2025-06-26T12:44:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/"},"wordCount":120,"commentCount":0,"image":{"@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/#primaryimage"},"thumbnailUrl":"https:\/\/www.odw.fr\/blog\/wp-content\/uploads\/2013\/04\/responsive.jpg","keywords":["infographie","responsive"],"articleSection":["Outils web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/","url":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/","name":"10 conseils pour d\u00e9velopper un site en responsive [infographie] - Agence digitale ODW","isPartOf":{"@id":"https:\/\/www.odw.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/#primaryimage"},"image":{"@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/#primaryimage"},"thumbnailUrl":"https:\/\/www.odw.fr\/blog\/wp-content\/uploads\/2013\/04\/responsive.jpg","datePublished":"2013-04-22T08:52:17+00:00","dateModified":"2025-06-26T12:44:15+00:00","author":{"@id":"https:\/\/www.odw.fr\/blog\/#\/schema\/person\/7ff59ff6f77e5c829a1abaa11829f9a3"},"description":"D\u00e9couvrez 10 conseils pratiques pour cr\u00e9er un site responsive : design mobile, performance, UX optimis\u00e9e et compatibilit\u00e9 multi-\u00e9crans.","breadcrumb":{"@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/#primaryimage","url":"https:\/\/www.odw.fr\/blog\/wp-content\/uploads\/2013\/04\/responsive.jpg","contentUrl":"https:\/\/www.odw.fr\/blog\/wp-content\/uploads\/2013\/04\/responsive.jpg","width":800,"height":15181,"caption":"responsive"},{"@type":"BreadcrumbList","@id":"https:\/\/www.odw.fr\/blog\/outils-web\/10-conseils-pour-developper-un-site-en-responsive-infographie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.odw.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"10 conseils pour d\u00e9velopper un site en responsive [infographie]"}]},{"@type":"WebSite","@id":"https:\/\/www.odw.fr\/blog\/#website","url":"https:\/\/www.odw.fr\/blog\/","name":"Agence digitale ODW","description":"Conseil en communication digitale","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.odw.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.odw.fr\/blog\/#\/schema\/person\/7ff59ff6f77e5c829a1abaa11829f9a3","name":"Andreas","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/3ee4a35f9d568f984cb3b016b86b79c2bb611bd44e4ca6098567cc4c702c527a?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3ee4a35f9d568f984cb3b016b86b79c2bb611bd44e4ca6098567cc4c702c527a?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ee4a35f9d568f984cb3b016b86b79c2bb611bd44e4ca6098567cc4c702c527a?s=96&d=retro&r=g","caption":"Andreas"},"description":"Consultant associ\u00e9 en communication digitale bas\u00e9 \u00e0 Paris. Je conseille les entreprises dans l'\u00e9laboration de leur strat\u00e9gie digitale afin d'am\u00e9liorer leur pr\u00e9sence sur internet et les r\u00e9seaux sociaux. \u00a0 www.odw.fr","sameAs":["https:\/\/www.odw.fr"]}]}},"_links":{"self":[{"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/posts\/3331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/comments?post=3331"}],"version-history":[{"count":0,"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/posts\/3331\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/media\/3332"}],"wp:attachment":[{"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/media?parent=3331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/categories?post=3331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.odw.fr\/blog\/wp-json\/wp\/v2\/tags?post=3331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}