[{"data":1,"prerenderedAt":341},["ShallowReactive",2],{"Wi5f3lcIqk":3},[4],{"id":5,"date":6,"date_gmt":6,"guid":7,"modified":9,"modified_gmt":9,"slug":10,"status":11,"type":12,"link":13,"title":14,"content":16,"excerpt":19,"author":21,"featured_media":22,"comment_status":23,"ping_status":23,"sticky":18,"template":24,"format":25,"meta":26,"categories":27,"tags":28,"class_list":29,"acf":37,"yoast_head":38,"yoast_head_json":39,"_links":133,"_embedded":176},1013,"2026-04-27T07:25:00",{"rendered":8},"https://www.qual.cobalt-studio.fr/?p=1013","2026-06-05T07:42:38","mobile-first-decision-conception","publish","post","https://www.qual.cobalt-studio.fr/mobile-first-decision-conception/",{"rendered":15},"Mobile-first : pourquoi ce n’est pas une règle… mais une décision de conception",{"rendered":17,"protected":18},"\n\u003Cp class=\"wp-block-paragraph\">\u003Cstrong> \u003C/strong>Le mobile-first est devenu, en quelques années, une sorte de réflexe dans la conception des sites web.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Dans de nombreux projets, la question ne se pose même plus. On commence par le mobile, puis on “adapte” au desktop. C’est intégré dans les méthodes, dans les outils, dans les discours.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Sur le principe, l’approche est logique ; les usages ont évolué, le mobile est omniprésent, et l’expérience sur smartphone est devenue un point de contact majeur.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Mais comme souvent dans le web, une bonne pratique peut finir par être appliquée de manière systématique… sans toujours être interrogée.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Car tous les sites n’ont pas les mêmes usages. Et tous les projets ne devraient pas être pensés de la même manière.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">\u003Cstrong>Pourquoi le mobile-first s’est imposé dans le webdesign\u003C/strong>\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Si le mobile-first s’est autant généralisé, ce n’est pas un hasard.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Depuis plusieurs années, le\u003Cstrong> trafic mobile dépasse largement celui du desktop sur une grande partie des sites web\u003C/strong>. Dans certains secteurs (e-commerce, restauration, services de proximité) le smartphone est devenu le premier point d’entrée.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Les usages ont suivi. On consulte, on compare, on réserve, on achète directement depuis son téléphone.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Dans ce contexte, concevoir une interface mobile en priorité est devenu une évidence.\u003Cbr>D’autant plus que les moteurs de recherche, et notamment Google, ont intégré cette évolution en valorisant la qualité de l’expérience mobile dans leurs critères de référencement.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Le mobile-first s’est donc imposé comme une réponse cohérente à une transformation des usages.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Mais cette logique, pertinente dans de nombreux cas, a progressivement cessé d’être une réponse… pour devenir un réflexe.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">\u003Cstrong>Mobile-first : quand une bonne pratique devient un dogme\u003C/strong>\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Comme souvent en \u003Cstrong>UX design\u003C/strong>, une méthode efficace finit par devenir une norme.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Le mobile-first n’échappe pas à cette règle.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Ce qui était à l’origine une approche adaptée à certains contextes est aujourd’hui appliqué presque par défaut, parfois sans réelle analyse préalable.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">On reproduit des schémas. On applique des standards. On suit des recommandations… sans toujours se poser la question la plus simple :&nbsp;\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003Cem>“Est-ce que c’est réellement pertinent pour ce projet ?”\u003C/em>\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Ce phénomène s’explique en partie par la simplification des méthodes de conception. Le mobile-first est devenu une sorte de raccourci : commencer petit, structurer l’essentiel, puis enrichir.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Mais à force d’être généralisée, cette logique peut perdre de sa pertinence.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Car une méthode, même efficace, devient contre-productive lorsqu’elle est appliquée sans discernement.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">🔗À lire aussi : \u003Ca href=\"https://cobalt-studio.fr/blog/webdesign-premium-differenciation/\" type=\"post\" id=\"951\">Webdesign premium : quand le design devient un levier, pas une décoration\u003C/a>\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">\u003Cstrong>Tous les sites n’ont pas les mêmes usages\u003C/strong>\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">C’est sans doute le point le plus important.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Les comportements des utilisateurs varient fortement selon le type de site, le secteur d’activité et les objectifs. C’est précisément ce que l’UX design cherche à comprendre : observer les usages réels avant de structurer une interface.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Un site e-commerce grand public sera souvent majoritairement consulté sur mobile. L’utilisateur est en situation de navigation rapide, de comparaison, parfois d’achat impulsif.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">À l’inverse, un site B2B ou une plateforme plus complexe sera souvent consulté sur desktop. Les utilisateurs prennent le temps de lire, d’analyser, de comparer des offres, souvent dans un contexte de travail, sur des écrans plus larges.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">En pratique, les usages sont hybrides.\u003Cbr>Par exemple, un utilisateur peut découvrir une offre sur mobile, parcourir rapidement les contenus, puis revenir plus tard sur desktop pour comparer en détail, remplir un formulaire ou finaliser sa demande.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Dans ce type de parcours, le mobile sert à explorer, tandis que le desktop accompagne la décision.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Ces différences ne sont pas anecdotiques : elles influencent directement la manière dont le site doit être conçu.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Une interface pensée principalement pour mobile ne répondra pas forcément de manière optimale à des usages desktop plus exigeants. Et inversement.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">C’est pour cela que parler de \u003Cstrong>création de site internet responsive \u003C/strong>ne suffit pas.\u003Cbr>Dans un projet de création de site internet responsive, la question ne se limite pas à adapter l’interface aux écrans. Elle consiste surtout à comprendre comment les utilisateurs naviguent réellement entre ces supports.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">🔗À lire aussi : \u003Ca href=\"https://cobalt-studio.fr/blog/refonte-site-web-experience/\" type=\"post\" id=\"939\">Refonte de site web : refaire le design sans repenser l’expérience est une fausse bonne idée \u003C/a>\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">\u003Cstrong>Mobile-first ne signifie pas “mobile uniquement”\u003C/strong>\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Une confusion fréquente consiste à assimiler mobile-first à une priorité exclusive donnée au mobile.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">En réalité, ce n’est pas le sujet : un site bien conçu doit offrir une expérience fluide et cohérente sur l’ensemble des supports : mobile, tablette, desktop.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Cela implique de penser les parcours dans leur globalité.\u003Cbr>Un utilisateur peut commencer sa navigation sur mobile, puis la poursuivre sur ordinateur. Ou inversement.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Concrètement, l’enjeu n’est pas de privilégier un écran au détriment des autres, mais plutôt de \u003Cstrong>garantir une continuité dans l’expérience\u003C/strong>.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Autrement dit, le responsive ne doit pas être une adaptation technique a posteriori. Il doit être intégré dès la conception, avec une vision globale des usages, ce qui relève pleinement d’une démarche d’UX design.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">\u003Cstrong>Comment décider réellement entre mobile-first ou desktop-first\u003C/strong>\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Plutôt que d’appliquer une méthode par défaut, la question devrait être abordée autrement :\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003Cem>Comment les utilisateurs vont-ils réellement utiliser ce site ?\u003C/em>\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Avant même de parler d’interface ou de design, il est nécessaire d’analyser :\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>la nature de l’activité\u003C/li>\n\n\n\n\u003Cli>le profil des utilisateurs\u003C/li>\n\n\n\n\u003Cli>les contextes de consultation\u003C/li>\n\n\n\n\u003Cli>les objectifs du site\u003C/li>\n\n\n\n\u003Cli>les parcours de conversion\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Un site destiné à capter des demandes rapides depuis un smartphone n’aura pas les mêmes contraintes qu’un site conçu pour présenter une offre complexe ou accompagner une prise de décision.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Dans certains cas, une approche mobile-first sera parfaitement adaptée.\u003Cbr>Dans d’autres, une approche desktop-first sera plus pertinente pour structurer l’information et les parcours.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Et \u003Cstrong>dans de nombreux projets, la réalité se situe entre les deux.\u003C/strong>\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">La décision ne doit donc pas être guidée par une tendance du webdesign ou une règle implicite. Elle doit découler d’une analyse des usages réels : c’est là que l’UX design prend tout son sens !\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">\u003Cstrong>La vraie question : concevoir pour les usages, pas pour les tendances\u003C/strong>\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Chez Cobalt, la question n’est pas de savoir s’il faut faire du mobile-first, mais plutôt de comprendre comment le site sera réellement utilisé.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Chaque projet possède ses propres contraintes, ses propres objectifs et ses propres comportements utilisateurs. Appliquer une méthode de manière systématique reviendrait à ignorer cette réalité.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">C’est pour cela que la conception commence toujours par une phase d’analyse.\u003Cstrong> Comprendre les usages, identifier les points de friction, anticiper les parcours\u003C/strong>.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Ensuite seulement vient le design.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Selon les projets, la réflexion peut partir du mobile… ou du desktop. Mais dans tous les cas, l’objectif reste le même : \u003Cstrong>concevoir une expérience cohérente, efficace et adaptée à ceux qui vont réellement utiliser le site\u003C/strong>.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Vous l’aurez compris, le mobile-first peut être une excellente approche.\u003Cbr>Mais ce n’est jamais une règle universelle. La vraie question n’est pas de savoir par quel écran commencer. C’est de savoir pour qui l’on conçoit, et dans quelles conditions le site sera utilisé.\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003Ca href=\"https://cobalt-studio.fr/contact\">On en discute ?\u003C/a>&nbsp;\u003C/p>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003C/p>\n",false,{"rendered":20,"protected":18},"\u003Cp> Le mobile-first est devenu, en quelques années, une sorte de réflexe dans la conception des sites web.\u003C/p>\n",1,1014,"open","","standard",{"_acf_changed":18,"footnotes":24},[21],[],[30,12,31,32,33,34,35,36],"post-1013","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-devweb",[],"\u003C!-- This site is optimized with the Yoast SEO plugin v27.7 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Mobile-first : faut-il vraiment toujours concevoir un site web pour le mobile ? - Cobalt | Expériences web sur-mesure\u003C/title>\n\u003Cmeta name=\"description\" content=\"Le mobile-first est-il toujours pertinent ? Découvrez pourquoi concevoir un site web responsive doit avant tout partir des usages réels de vos utilisateurs.\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://www.qual.cobalt-studio.fr/mobile-first-decision-conception/\" />\n\u003Cmeta property=\"og:locale\" content=\"fr_FR\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Mobile-first : faut-il vraiment toujours concevoir un site web pour le mobile ? - Cobalt | Expériences web sur-mesure\" />\n\u003Cmeta property=\"og:description\" content=\"Le mobile-first est-il toujours pertinent ? Découvrez pourquoi concevoir un site web responsive doit avant tout partir des usages réels de vos utilisateurs.\" />\n\u003Cmeta property=\"og:url\" content=\"https://www.qual.cobalt-studio.fr/mobile-first-decision-conception/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Cobalt | Expériences web sur-mesure\" />\n\u003Cmeta property=\"article:published_time\" content=\"2026-04-27T07:25:00+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2026-06-05T07:42:38+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://www.qual.cobalt-studio.fr/wp-content/uploads/2026/06/Image-de-Mise-en-avant-8-1024x682.png\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1024\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"682\" />\n\t\u003Cmeta property=\"og:image:type\" content=\"image/png\" />\n\u003Cmeta name=\"author\" content=\"td1fy\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Écrit par\" />\n\t\u003Cmeta name=\"twitter:data1\" content=\"td1fy\" />\n\t\u003Cmeta name=\"twitter:label2\" content=\"Durée de lecture estimée\" />\n\t\u003Cmeta name=\"twitter:data2\" content=\"6 minutes\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/#article\",\"isPartOf\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/\"},\"author\":{\"name\":\"td1fy\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#\\/schema\\/person\\/3b68ac6231413ce18aca73290b3f909b\"},\"headline\":\"Mobile-first : pourquoi ce n’est pas une règle… mais une décision de conception\",\"datePublished\":\"2026-04-27T07:25:00+00:00\",\"dateModified\":\"2026-06-05T07:42:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/\"},\"wordCount\":1300,\"commentCount\":0,\"image\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/wp-content\\/uploads\\/2026\\/06\\/Image-de-Mise-en-avant-8-scaled.png\",\"articleSection\":[\"Développement Web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/\",\"url\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/\",\"name\":\"Mobile-first : faut-il vraiment toujours concevoir un site web pour le mobile ? - Cobalt | Expériences web sur-mesure\",\"isPartOf\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/wp-content\\/uploads\\/2026\\/06\\/Image-de-Mise-en-avant-8-scaled.png\",\"datePublished\":\"2026-04-27T07:25:00+00:00\",\"dateModified\":\"2026-06-05T07:42:38+00:00\",\"author\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#\\/schema\\/person\\/3b68ac6231413ce18aca73290b3f909b\"},\"description\":\"Le mobile-first est-il toujours pertinent ? Découvrez pourquoi concevoir un site web responsive doit avant tout partir des usages réels de vos utilisateurs.\",\"breadcrumb\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/#primaryimage\",\"url\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/wp-content\\/uploads\\/2026\\/06\\/Image-de-Mise-en-avant-8-scaled.png\",\"contentUrl\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/wp-content\\/uploads\\/2026\\/06\\/Image-de-Mise-en-avant-8-scaled.png\",\"width\":2560,\"height\":1706},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/mobile-first-decision-conception\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile-first : pourquoi ce n’est pas une règle… mais une décision de conception\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#website\",\"url\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/\",\"name\":\"Cobalt | Expériences web sur-mesure\",\"description\":\"Agence web à Rennes : Création de sites internet sur-mesure et personnalisé.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#\\/schema\\/person\\/3b68ac6231413ce18aca73290b3f909b\",\"name\":\"td1fy\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=96&d=mm&r=g\",\"url\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=96&d=mm&r=g\",\"caption\":\"td1fy\"},\"sameAs\":[\"https:\\/\\/www.qual.cobalt-studio.fr\"],\"url\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/author\\/td1fy\\/\"}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":40,"description":41,"robots":42,"canonical":13,"og_locale":48,"og_type":49,"og_title":40,"og_description":41,"og_url":13,"og_site_name":50,"article_published_time":51,"article_modified_time":52,"og_image":53,"author":59,"twitter_card":60,"twitter_misc":61,"schema":63},"Mobile-first : faut-il vraiment toujours concevoir un site web pour le mobile ? - Cobalt | Expériences web sur-mesure","Le mobile-first est-il toujours pertinent ? Découvrez pourquoi concevoir un site web responsive doit avant tout partir des usages réels de vos utilisateurs.",{"index":43,"follow":44,"max-snippet":45,"max-image-preview":46,"max-video-preview":47},"index","follow","max-snippet:-1","max-image-preview:large","max-video-preview:-1","fr_FR","article","Cobalt | Expériences web sur-mesure","2026-04-27T07:25:00+00:00","2026-06-05T07:42:38+00:00",[54],{"width":55,"height":56,"url":57,"type":58},1024,682,"https://www.qual.cobalt-studio.fr/wp-content/uploads/2026/06/Image-de-Mise-en-avant-8-1024x682.png","image/png","td1fy","summary_large_image",{"Écrit par":59,"Durée de lecture estimée":62},"6 minutes",{"@context":64,"@graph":65},"https://schema.org",[66,87,100,104,113,126],{"@type":67,"@id":68,"isPartOf":69,"author":70,"headline":15,"datePublished":51,"dateModified":52,"mainEntityOfPage":72,"wordCount":73,"commentCount":74,"image":75,"thumbnailUrl":77,"articleSection":78,"inLanguage":80,"potentialAction":81},"Article","https://www.qual.cobalt-studio.fr/mobile-first-decision-conception/#article",{"@id":13},{"name":59,"@id":71},"https://www.qual.cobalt-studio.fr/#/schema/person/3b68ac6231413ce18aca73290b3f909b",{"@id":13},1300,0,{"@id":76},"https://www.qual.cobalt-studio.fr/mobile-first-decision-conception/#primaryimage","https://www.qual.cobalt-studio.fr/wp-content/uploads/2026/06/Image-de-Mise-en-avant-8-scaled.png",[79],"Développement Web","fr-FR",[82],{"@type":83,"name":84,"target":85},"CommentAction","Comment",[86],"https://www.qual.cobalt-studio.fr/mobile-first-decision-conception/#respond",{"@type":88,"@id":13,"url":13,"name":40,"isPartOf":89,"primaryImageOfPage":91,"image":92,"thumbnailUrl":77,"datePublished":51,"dateModified":52,"author":93,"description":41,"breadcrumb":94,"inLanguage":80,"potentialAction":96},"WebPage",{"@id":90},"https://www.qual.cobalt-studio.fr/#website",{"@id":76},{"@id":76},{"@id":71},{"@id":95},"https://www.qual.cobalt-studio.fr/mobile-first-decision-conception/#breadcrumb",[97],{"@type":98,"target":99},"ReadAction",[13],{"@type":101,"inLanguage":80,"@id":76,"url":77,"contentUrl":77,"width":102,"height":103},"ImageObject",2560,1706,{"@type":105,"@id":95,"itemListElement":106},"BreadcrumbList",[107,111],{"@type":108,"position":21,"name":109,"item":110},"ListItem","Home","https://www.qual.cobalt-studio.fr/",{"@type":108,"position":112,"name":15},2,{"@type":114,"@id":90,"url":110,"name":50,"description":115,"potentialAction":116,"inLanguage":80},"WebSite","Agence web à Rennes : Création de sites internet sur-mesure et personnalisé.",[117],{"@type":118,"target":119,"query-input":122},"SearchAction",{"@type":120,"urlTemplate":121},"EntryPoint","https://www.qual.cobalt-studio.fr/?s={search_term_string}",{"@type":123,"valueRequired":124,"valueName":125},"PropertyValueSpecification",true,"search_term_string",{"@type":127,"@id":71,"name":59,"image":128,"sameAs":130,"url":132},"Person",{"@type":101,"inLanguage":80,"@id":129,"url":129,"contentUrl":129,"caption":59},"https://secure.gravatar.com/avatar/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=96&d=mm&r=g",[131],"https://www.qual.cobalt-studio.fr","https://www.qual.cobalt-studio.fr/author/td1fy/",{"self":134,"collection":140,"about":143,"author":146,"replies":149,"version-history":152,"predecessor-version":155,"wp:featuredmedia":159,"wp:attachment":162,"wp:term":165,"curies":172},[135],{"href":136,"targetHints":137},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/posts/1013",{"allow":138},[139],"GET",[141],{"href":142},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/posts",[144],{"href":145},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/types/post",[147],{"embeddable":124,"href":148},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/users/1",[150],{"embeddable":124,"href":151},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/comments?post=1013",[153],{"count":112,"href":154},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/posts/1013/revisions",[156],{"id":157,"href":158},1018,"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/posts/1013/revisions/1018",[160],{"embeddable":124,"href":161},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/media/1014",[163],{"href":164},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/media?parent=1013",[166,169],{"taxonomy":167,"embeddable":124,"href":168},"category","https://www.qual.cobalt-studio.fr/wp-json/wp/v2/categories?post=1013",{"taxonomy":170,"embeddable":124,"href":171},"post_tag","https://www.qual.cobalt-studio.fr/wp-json/wp/v2/tags?post=1013",[173],{"name":174,"href":175,"templated":124},"wp","https://api.w.org/{rel}",{"author":177,"wp:featuredmedia":223,"wp:term":292},[178],{"id":21,"name":59,"url":131,"description":24,"link":132,"slug":59,"avatar_urls":179,"yoast_head":182,"yoast_head_json":183,"acf":214,"_links":215},{"24":180,"48":181,"96":129},"https://secure.gravatar.com/avatar/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=24&d=mm&r=g","https://secure.gravatar.com/avatar/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=48&d=mm&r=g","\u003C!-- This site is optimized with the Yoast SEO plugin v27.7 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>td1fy, Author at Cobalt | Expériences web sur-mesure\u003C/title>\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://www.qual.cobalt-studio.fr/author/td1fy/\" />\n\u003Cmeta property=\"og:locale\" content=\"fr_FR\" />\n\u003Cmeta property=\"og:type\" content=\"profile\" />\n\u003Cmeta property=\"og:title\" content=\"td1fy, Author at Cobalt | Expériences web sur-mesure\" />\n\u003Cmeta property=\"og:url\" content=\"https://www.qual.cobalt-studio.fr/author/td1fy/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Cobalt | Expériences web sur-mesure\" />\n\u003Cmeta property=\"og:image\" content=\"https://secure.gravatar.com/avatar/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=500&d=mm&r=g\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"ProfilePage\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/author\\/td1fy\\/\",\"url\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/author\\/td1fy\\/\",\"name\":\"td1fy, Author at Cobalt | Expériences web sur-mesure\",\"isPartOf\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/author\\/td1fy\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/www.qual.cobalt-studio.fr\\/author\\/td1fy\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/author\\/td1fy\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Archives for td1fy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#website\",\"url\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/\",\"name\":\"Cobalt | Expériences web sur-mesure\",\"description\":\"Agence web à Rennes : Création de sites internet sur-mesure et personnalisé.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#\\/schema\\/person\\/3b68ac6231413ce18aca73290b3f909b\",\"name\":\"td1fy\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=96&d=mm&r=g\",\"url\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=96&d=mm&r=g\",\"caption\":\"td1fy\"},\"sameAs\":[\"https:\\/\\/www.qual.cobalt-studio.fr\"],\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/author\\/td1fy\\/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":184,"robots":185,"canonical":132,"og_locale":48,"og_type":186,"og_title":184,"og_url":132,"og_site_name":50,"og_image":187,"twitter_card":60,"schema":190},"td1fy, Author at Cobalt | Expériences web sur-mesure",{"index":43,"follow":44,"max-snippet":45,"max-image-preview":46,"max-video-preview":47},"profile",[188],{"url":189,"type":24,"width":24,"height":24},"https://secure.gravatar.com/avatar/1cf4affc19ea5d01f86d6c9909c098ab3fb17ba389c132fd4a4dfd5e310e23d5?s=500&d=mm&r=g",{"@context":64,"@graph":191},[192,200,205,210],{"@type":193,"@id":132,"url":132,"name":184,"isPartOf":194,"breadcrumb":195,"inLanguage":80,"potentialAction":197},"ProfilePage",{"@id":90},{"@id":196},"https://www.qual.cobalt-studio.fr/author/td1fy/#breadcrumb",[198],{"@type":98,"target":199},[132],{"@type":105,"@id":196,"itemListElement":201},[202,203],{"@type":108,"position":21,"name":109,"item":110},{"@type":108,"position":112,"name":204},"Archives for td1fy",{"@type":114,"@id":90,"url":110,"name":50,"description":115,"potentialAction":206,"inLanguage":80},[207],{"@type":118,"target":208,"query-input":209},{"@type":120,"urlTemplate":121},{"@type":123,"valueRequired":124,"valueName":125},{"@type":127,"@id":71,"name":59,"image":211,"sameAs":212,"mainEntityOfPage":213},{"@type":101,"inLanguage":80,"@id":129,"url":129,"contentUrl":129,"caption":59},[131],{"@id":132},[],{"self":216,"collection":220},[217],{"href":148,"targetHints":218},{"allow":219},[139],[221],{"href":222},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/users",[224],{"id":22,"date":225,"slug":226,"type":227,"link":228,"title":229,"author":21,"featured_media":74,"acf":231,"caption":232,"alt_text":24,"media_type":233,"mime_type":58,"media_details":234,"source_url":77,"_links":276},"2026-06-05T07:31:46","image-de-mise-en-avant-8","attachment","https://www.qual.cobalt-studio.fr/image-de-mise-en-avant-8/",{"rendered":230},"Image de Mise en avant 8",[],{"rendered":24},"image",{"width":102,"height":103,"file":235,"filesize":236,"sizes":237,"image_meta":272,"original_image":275},"2026/06/Image-de-Mise-en-avant-8-scaled.png",3805262,{"medium":238,"large":244,"thumbnail":247,"medium_large":252,"1536x1536":258,"2048x2048":264,"full":270},{"file":239,"width":240,"height":241,"filesize":242,"mime_type":58,"source_url":243},"Image-de-Mise-en-avant-8-300x200.png",300,200,56176,"https://www.qual.cobalt-studio.fr/wp-content/uploads/2026/06/Image-de-Mise-en-avant-8-300x200.png",{"file":245,"width":55,"height":56,"filesize":246,"mime_type":58,"source_url":57},"Image-de-Mise-en-avant-8-1024x682.png",602297,{"file":248,"width":249,"height":249,"filesize":250,"mime_type":58,"source_url":251},"Image-de-Mise-en-avant-8-150x150.png",150,26171,"https://www.qual.cobalt-studio.fr/wp-content/uploads/2026/06/Image-de-Mise-en-avant-8-150x150.png",{"file":253,"width":254,"height":255,"filesize":256,"mime_type":58,"source_url":257},"Image-de-Mise-en-avant-8-768x512.png",768,512,335766,"https://www.qual.cobalt-studio.fr/wp-content/uploads/2026/06/Image-de-Mise-en-avant-8-768x512.png",{"file":259,"width":260,"height":261,"filesize":262,"mime_type":58,"source_url":263},"Image-de-Mise-en-avant-8-1536x1023.png",1536,1023,1393505,"https://www.qual.cobalt-studio.fr/wp-content/uploads/2026/06/Image-de-Mise-en-avant-8-1536x1023.png",{"file":265,"width":266,"height":267,"filesize":268,"mime_type":58,"source_url":269},"Image-de-Mise-en-avant-8-2048x1364.png",2048,1364,2487456,"https://www.qual.cobalt-studio.fr/wp-content/uploads/2026/06/Image-de-Mise-en-avant-8-2048x1364.png",{"file":271,"width":102,"height":103,"mime_type":58,"source_url":77},"Image-de-Mise-en-avant-8-scaled.png",{"aperture":273,"credit":24,"camera":24,"caption":24,"created_timestamp":273,"copyright":24,"focal_length":273,"iso":273,"shutter_speed":273,"title":24,"orientation":273,"keywords":274,"alt":24},"0",[],"Image-de-Mise-en-avant-8.png",{"self":277,"collection":281,"about":284,"author":287,"replies":289},[278],{"href":161,"targetHints":279},{"allow":280},[139],[282],{"href":283},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/media",[285],{"href":286},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/types/attachment",[288],{"embeddable":124,"href":148},[290],{"embeddable":124,"href":291},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/comments?post=1014",[293,340],[294],{"id":21,"link":295,"name":79,"slug":296,"taxonomy":167,"yoast_head":297,"yoast_head_json":298,"acf":322,"_links":323},"https://www.qual.cobalt-studio.fr/category/devweb/","devweb","\u003C!-- This site is optimized with the Yoast SEO plugin v27.7 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Développement Web Archives - Cobalt | Expériences web sur-mesure\u003C/title>\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://www.qual.cobalt-studio.fr/category/devweb/\" />\n\u003Cmeta property=\"og:locale\" content=\"fr_FR\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Développement Web Archives - Cobalt | Expériences web sur-mesure\" />\n\u003Cmeta property=\"og:url\" content=\"https://www.qual.cobalt-studio.fr/category/devweb/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Cobalt | Expériences web sur-mesure\" />\n\u003Cmeta property=\"og:image\" content=\"https://www.qual.cobalt-studio.fr/wp-content/uploads/2024/09/Image-Partage-Lien-RS.jpg\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1024\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"683\" />\n\t\u003Cmeta property=\"og:image:type\" content=\"image/jpeg\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/category\\/devweb\\/\",\"url\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/category\\/devweb\\/\",\"name\":\"Développement Web Archives - Cobalt | Expériences web sur-mesure\",\"isPartOf\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/category\\/devweb\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/category\\/devweb\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Développement Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/#website\",\"url\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/\",\"name\":\"Cobalt | Expériences web sur-mesure\",\"description\":\"Agence web à Rennes : Création de sites internet sur-mesure et personnalisé.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/www.qual.cobalt-studio.fr\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":299,"robots":300,"canonical":295,"og_locale":48,"og_type":49,"og_title":299,"og_url":295,"og_site_name":50,"og_image":301,"twitter_card":60,"schema":306},"Développement Web Archives - Cobalt | Expériences web sur-mesure",{"index":43,"follow":44,"max-snippet":45,"max-image-preview":46,"max-video-preview":47},[302],{"width":55,"height":303,"url":304,"type":305},683,"https://www.qual.cobalt-studio.fr/wp-content/uploads/2024/09/Image-Partage-Lien-RS.jpg","image/jpeg",{"@context":64,"@graph":307},[308,313,317],{"@type":309,"@id":295,"url":295,"name":299,"isPartOf":310,"breadcrumb":311,"inLanguage":80},"CollectionPage",{"@id":90},{"@id":312},"https://www.qual.cobalt-studio.fr/category/devweb/#breadcrumb",{"@type":105,"@id":312,"itemListElement":314},[315,316],{"@type":108,"position":21,"name":109,"item":110},{"@type":108,"position":112,"name":79},{"@type":114,"@id":90,"url":110,"name":50,"description":115,"potentialAction":318,"inLanguage":80},[319],{"@type":118,"target":320,"query-input":321},{"@type":120,"urlTemplate":121},{"@type":123,"valueRequired":124,"valueName":125},[],{"self":324,"collection":329,"about":332,"wp:post_type":335,"curies":338},[325],{"href":326,"targetHints":327},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/categories/1",{"allow":328},[139],[330],{"href":331},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/categories",[333],{"href":334},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/taxonomies/category",[336],{"href":337},"https://www.qual.cobalt-studio.fr/wp-json/wp/v2/posts?categories=1",[339],{"name":174,"href":175,"templated":124},[],1780645836891]