{"id":1077,"date":"2017-01-16T05:56:00","date_gmt":"2017-01-16T05:56:00","guid":{"rendered":"https:\/\/doingenia.com\/insights\/?p=1077"},"modified":"2026-04-28T08:16:50","modified_gmt":"2026-04-28T08:16:50","slug":"site-responsive-et-seo","status":"publish","type":"post","link":"https:\/\/doingenia.com\/insights\/site-responsive-et-seo\/","title":{"rendered":"Site responsive \u2013 Impact et avantages sur le SEO"},"content":{"rendered":"<h2>Sommaire<\/h2>\n<ul>\n<li><a href=\"#definition\">Qu&rsquo;est-ce qu&rsquo;un site responsive ?<\/a><\/li>\n<li><a href=\"#pourquoi\">Pourquoi faire un site responsive ?<\/a><\/li>\n<li><a href=\"#consequences\">Impact d&rsquo;un site responsive sur le SEO<\/a><\/li>\n<li><a href=\"#comment\">Comment faire un site responsive ?<\/a><\/li>\n<\/ul>\n<p> &nbsp;<br \/>\n &nbsp;<\/p>\n<h2><a id=\"definition\"><\/a><strong>Qu\u2019est-ce qu\u2019un<\/strong> site responsive ?<\/h2>\n<p>Un site responsive web design\u00a0ou site responsive est un site qui a \u00e9t\u00e9 d\u00e9velopp\u00e9 selon une technique permettant au contenu du site Internet de <strong>s&rsquo;adapter\u00a0automatiquement aux\u00a0dimensions de l\u2019\u00e9cran<\/strong> de l\u2019utilisateur qui le consulte. Le c\u00f4t\u00e9 responsive d&rsquo;un site fera partie des premi\u00e8res recommandations d&rsquo;une agence SEO. On vous explique pourquoi dans la suite de cet article.<br \/>\n &nbsp;<br \/>\n &nbsp;<\/p>\n<h2><strong>Exemple<\/strong> de site responsive<\/h2>\n<p>Alors concr\u00e8tement \u00e0 quoi ressemble un site responsive\u00a0? Si vous consultez le site responsive sur un seul support (par exemple un ordinateur de bureau ou un smartphone) il sera difficile d\u2019identifier si le site est responsive ou pas. En revanche si vous comparez le site sur des appareils poss\u00e9dant des r\u00e9solutions diff\u00e9rentes vous pourrez alors constater que l&rsquo;agencement du\u00a0contenu diff\u00e8re en fonction des\u00a0r\u00e9solutions des \u00e9crans. Ci-dessous un exemple de site responsive design vu depuis trois appareils diff\u00e9rents. Un smartphone, une tablette et d\u2019un ordinateur de bureau. <strong>On constate que le contenu est parfaitement adapt\u00e9 \u00e0 la dimension de l\u2019\u00e9cran<\/strong> de l\u2019appareil utilis\u00e9. La taille des polices de caract\u00e8re, des images, des boutons, des menus ainsi que tous les \u00e9l\u00e9ments de l\u2019interface s\u2019adaptent automatiquement dans le but de proposer une navigation confortable et adapt\u00e9e.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24903\" src=\"https:\/\/doingenia.com\/insights\/wp-content\/uploads\/2026\/03\/site-responsive.jpg\" alt=\"Refonte d'un site responsive - Do Ingenia\" width=\"900\" height=\"638\" \/><br \/>\n &nbsp;<br \/>\n &nbsp;<\/p>\n<h2><a id=\"pourquoi\"><\/a><strong>Pourquoi faire<\/strong> un site responsive ?<\/h2>\n<p>Les modes de consultation d\u2019Internet ont radicalement chang\u00e9 depuis ces derni\u00e8res ann\u00e9es. Ce changement est expliqu\u00e9 par <strong>une augmentation exponentielle des ventes de tablettes<\/strong> (212 millions en 2014 \u2013 source IDC) <strong>et de smartphones<\/strong> (1 301 milliards en 2014 \u2013 Source IDC), mais \u00e9galement par la <strong>d\u00e9mocratisation et la baisse des co\u00fbts des forfaits<\/strong> consid\u00e9r\u00e9s comme haut d\u00e9bit (3G ou 4G). <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24904\" src=\"https:\/\/doingenia.com\/insights\/wp-content\/uploads\/2026\/03\/internet_usage_2009_2016.jpg\" alt=\"Usage d'Internet de 2009 \u00e0 2016\" width=\"900\" height=\"491\" \/> En outre depuis octobre 2016 un cap symbolique a \u00e9t\u00e9 franchi concernant les m\u00e9thodes de consultation du web. En effet, <strong>les t\u00e9l\u00e9phones mobiles et les tablettes ont d\u00e9sormais d\u00e9pass\u00e9 l\u2019ordinateur de bureau<\/strong> pour ce qui est de l\u2019usage d\u2019internet avec 51,3 % de consultations effectu\u00e9es depuis une unit\u00e9 mobile contre 48,7% de consultations effectu\u00e9es depuis un ordinateur de bureau. Face \u00e0 cette croissance du trafic en provenance des mobiles, on comprendra donc combien <strong>il est important de proposer un site \u00ab\u00a0mobile friendly\u00a0\u00bb<\/strong>. Par cons\u00e9quent, ne pas disposer d\u2019un site responsive aujourd\u2019hui, c\u2019est p\u00e9naliser plus de la moiti\u00e9 des personnes qui consultent votre site Internet.<br \/>\n &nbsp;<\/p>\n<h3>Le site responsive vous permet d\u2019\u00e9conomiser de l\u2019argent<\/h3>\n<p>Un autre argument qui penche en faveur du site responsive est d\u2019ordre \u00e9conomique. En effet<strong> il n\u2019est plus n\u00e9cessaire de d\u00e9velopper un site diff\u00e9rent pour chaque type de plateforme<\/strong> comme c\u2019\u00e9tait le cas au si\u00e8cle dernier. Et rien que cela repr\u00e9sente d\u00e9j\u00e0 un gain de temps et d\u2019argent non n\u00e9gligeable. Mais ce n\u2019est pas tout, car un site responsive simplifie l\u2019animation du contenu. Un seul contenu devra \u00eatre g\u00e9r\u00e9 et non trois versions diff\u00e9rentes comme auparavant. <strong>Il simplifie et diminue \u00e9galement les co\u00fbts de maintenance<\/strong>.<\/p>\n<blockquote><p>6 millions de mobinautes en France ont effectu\u00e9 leurs transactions depuis leur mobile<\/p><\/blockquote>\n<p>Enfin, autre argument en faveur du responsive design\u00a0; si le site responsive est un site e-commerce qui dispose d\u2019un module de paiement bancaire il sera inutile de payer des d\u00e9veloppements suppl\u00e9mentaires pour que les achats puissent se faire depuis un t\u00e9l\u00e9phone. Un imp\u00e9ratif lorsqu\u2019on sait qu\u2019au premier trimestre 2015 (source la Fevad) <strong>6 millions de mobinautes en France ont effectu\u00e9 leurs transactions depuis leur mobile<\/strong>.<br \/>\n&nbsp;<\/p>\n<h3>Le site responsive augmente vos ventes et vos taux de conversion<\/h3>\n<p>Le site responsive permet d\u2019offrir \u00e0 vos clients\/prospects une continuit\u00e9 dans leur exp\u00e9rience de consommation ou de consultations. Vous renforcer votre capital sympathie ce qui impacte positivement votre taux de conversion.<br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n<h2><a id=\"consequences\"><\/a><strong>Cons\u00e9quences<\/strong> d\u2019un site responsive sur le<strong>\u00a0SEO<\/strong>\u00a0ou le<strong> r\u00e9f\u00e9rencement naturel<\/strong><\/h2>\n<p>En plus de repr\u00e9senter une \u00e9conomie en termes de d\u00e9veloppement et de maintenance, le site responsive pr\u00e9sente des avantages certains en termes d\u2019am\u00e9lioration du r\u00e9f\u00e9rencement naturel ou du SEO sur mobile.<br \/>\n&nbsp;<\/p>\n<h3>Le site responsive optimise votre r\u00e9f\u00e9rencement naturel (SEO)<\/h3>\n<p>Google a clairement annonc\u00e9 qu<strong>\u2019il allait favoriser les sites adapt\u00e9s aux unit\u00e9s mobiles<\/strong>. C\u2019est pour cela que la firme californienne recommande de cr\u00e9er un site responsive ou adaptatif, car il sera de fait optimis\u00e9 pour les supports mobiles. L\u2019algorithme en question se nomme \u00ab\u00a0Google Mobile Firendly\u00a0\u00bb et sa deuxi\u00e8me version qui a \u00e9t\u00e9 d\u00e9ploy\u00e9e en mai 2016,<strong> favorise tr\u00e8s concr\u00e8tement les sites responsive lors des recherches effectu\u00e9es sur mobile<\/strong>. Pour rappel, \u00eatre visible sur les moteurs de recherche mobile et s\u2019assurer d\u2019 appara\u00eetre dans les pages de r\u00e9sultats mobiles <strong>permet d\u2019augmenter votre trafic de plus de 51%<\/strong>.<\/p>\n<blockquote><p>51,3 % des consultations d\u2019Internet sont effectu\u00e9es depuis une unit\u00e9 mobile<\/p><\/blockquote>\n<p>Autre avantage du site responsive pour le r\u00e9f\u00e9rencement naturel ou le SEO, c\u2019est qu\u2019<strong>il est permet de r\u00e9duire sensiblement le temps de gestion et les co\u00fbts consacr\u00e9s au r\u00e9f\u00e9rencement naturel<\/strong>. L&rsquo;agence Web\u00a0n\u2019a plus qu\u2019un site \u00e0 travailler en r\u00e9f\u00e9rencement naturel et en popularit\u00e9 et non plus deux ou trois. Cette<strong> mutualisation du seo et du travail des baclinks<\/strong> constitue l\u00e0 encore une \u00e9conomie en temps et en argent r\u00e9elle. De plus, un site responsive repr\u00e9sente un \u00e9norme avantage en termes de r\u00e9f\u00e9rencement naturel. Comme on le sait, en SEO et en r\u00e9f\u00e9rencement naturel, tout est relatif et d\u00e9pend du contexte. <strong>Un site responsive aujourd\u2019hui permet de prendre de l\u2019avance sur une certaine forme de concurrence<\/strong>, car encore \u00e0 ce jour plus de la moiti\u00e9 des sites internet ne sont pas des sites responsives. L\u2019urgence est donc de permettre \u00e0 ces internautes \u201cmobiles\u201d de consulter votre contenu dans de bonnes conditions. Aujourd\u2019hui, disposer d\u2019un site \u201cR\u00e9ponsive Design\u201d est un imp\u00e9ratif et un avantage commercial majeur.<\/p>\n<blockquote><p>Lire aussi : \u00ab\u00a0Cr\u00e9er un site optimis\u00e9 SEO : le r\u00f4le du cahier des charges\u00a0\u00bb<\/p><\/blockquote>\n<p>&nbsp;<br \/>\n&nbsp;<\/p>\n<h2><a id=\"comment\"><\/a><strong>Comment faire<\/strong> un site responsive ?<\/h2>\n<p>Il existe plusieurs approches pour d\u00e9velopper o\u00f9 refondre un site Internet et en faire un site responsive. Certaines sont relativement simples, d\u2019autres n\u00e9cessitent plus de comp\u00e9tences techniques.<br \/>\n&nbsp;<\/p>\n<h3>D\u00e9velopper son site responsive avec un CMS<\/h3>\n<p>C\u2019est de loin <strong>l\u2019approche la plus simple et la plus rapide pour d\u00e9velopper un site responsive<\/strong> design. Tous les CMS du march\u00e9 proposent des th\u00e8mes gratuits ou payants qui permettent d\u2019avoir un site responsive. Le choix du CMS se fera en fonction de vos besoins, vos comp\u00e9tences et votre affinit\u00e9 vis-\u00e0-vis du CMS.<br \/>\n&nbsp;<\/p>\n<h3>Site d\u2019entreprise ou un site plaquette<\/h3>\n<p>Les CMS les plus connus pour d\u00e9velopper ou refondre votre site d\u2019entreprise sont WordPress, Joomla. WordPress met \u00e0 disposition 4 th\u00e8mes r\u00e9ponsives, mais si vous souhaitez \u00e9largir votre choix il existe un tr\u00e8s grand nombre d\u2019\u00e9diteurs. En voici quelques-uns\u00a0: [table id=1 \/]<br \/>\n&nbsp;<\/p>\n<h3>Site e-commerce BtoB ou BtoC<\/h3>\n<p>Si vous souhaitez r\u00e9aliser un site responsive pour faire de la vente en ligne, les CMS les plus adapt\u00e9s seront WordPress associ\u00e9 au plugin Woocommerce, Prestasho ou Magento. Ci-dessous une s\u00e9lection de th\u00e8mes responsive e-commerce Avant de choisir un CMS pour d\u00e9velopper votre site e-commerce je vous recommande de lise notre article comparatif des plateformes e-commerce pour d\u00e9velopper son site de vente en ligne.<\/p>\n<blockquote><p><strong>A lire :<\/strong><br \/>\nComment mettre en place une strat\u00e9gie digitale BtoB pour sa boutique ?<br \/>\nLes techniques de strat\u00e9gie digitale BtoC pour sa boutique en ligne ?<\/p><\/blockquote>\n<p>[table id=2 \/]<br \/>\n&nbsp;<\/p>\n<h3>Intranet, Extranet ou site Backend responsive<\/h3>\n<p>Si vous souhaitez d\u00e9velopper un intranet \/ extranet ou un site type backend ou dashboard responsive, <strong>un CMS type WordPress ou Joomla ne sera peut \u00eatre pas le meilleur choix<\/strong>. Il existe naturellement des \u00e9diteurs qui proposent des th\u00e8mes permettant de transformer son site en intranet ou extranet, mais \u00e0 la base ces CMS n\u2019ont pas \u00e9t\u00e9 pens\u00e9s pour \u00e7a. La meilleure solution si votre besoin est de cr\u00e9er un Internet ou un extranet en responsive est soit de le d\u00e9velopper enti\u00e8rement soi-m\u00eame (m\u00e9thode un peu radicale) ou alors de <strong>faire appel \u00e0 un framework<\/strong>. Je parlerais ici de <a href=\"https:\/\/getbootstrap.com\" target=\"_blank\" rel=\"noopener\">Bootstrap<\/a>, car c\u2019est un des frameworks les plus connus, mais la r\u00e9flexion peut \u00eatre \u00e9largie aux autres frameworks qui offrent des possibilit\u00e9s de d\u00e9veloppement similaires.<\/p>\n<h4>D\u00e9velopper son intranet \/ extranet responsive avec Boobstrap<\/h4>\n<p>Bootstrap a \u00e9t\u00e9 cr\u00e9er \u00e0 la base par deux d\u00e9veloppeurs de chez Twitter Mark Otto et Jacob Thornton et propose comme tous les frameworks, <strong>une collection de composants HTML\/CSS pour r\u00e9aliser des interfaces graphiques \u00e9labor\u00e9es<\/strong> (boutons, formulaires, styles typographiques, tables responsives, classes de transformation de texte, navigations, etc\u2026) Les avantages d\u2019utiliser un framework comme bootstrap sont nombreux\u00a0:<\/p>\n<ul>\n<li><strong>On gagne du temps<\/strong>. En effet on vient piocher directement dans la biblioth\u00e8que du framework l\u2019\u00e9l\u00e9ment que l\u2019on souhaite ajouter \u00e0 sa page.<\/li>\n<li><strong>Le code est propre<\/strong>. Les \u00e9l\u00e9ments fournis par Boostrap sont standardis\u00e9s.<\/li>\n<li><strong>Le code est compatible avec les navigateurs majeurs<\/strong>.<\/li>\n<li><strong>Richesse de l\u2019interface<\/strong>. Bootstrap fournit plusieurs composants utilisant une biblioth\u00e8que JQuery ce qui permet de disposer d\u2019\u00e9l\u00e9ments d\u2019interface type carrousels, autocompl\u00e9tion \u2026<\/li>\n<\/ul>\n<p>Enfin pour gagner encore plus de temps dans son d\u00e9veloppement, il existe l\u00e0 aussi une biblioth\u00e8que de th\u00e8mes pour ces frameworks. Voici la liste des <a href=\"https:\/\/themes.getbootstrap.com\" target=\"_blank\" rel=\"noopener\">th\u00e8mes officiels<\/a> pour Bootstrap<br \/>\n&nbsp;<\/p>\n<h3>Dernier point important pour le SEO<\/h3>\n<p>Si vous souhaitez d\u00e9velopper votre site responsive ou le refondre en passant par un CMS, <strong>il est important de faire des tests de vitesse sur le th\u00e8me que vous allez choisir<\/strong>. Tous n\u2019offrent pas les m\u00eames performances en termes de performance et de temps de chargement. Pour cela vous pouvez vous aider de l\u2019outil <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">Page Speed de Google<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu&rsquo;est-ce qu&rsquo;un site responsive ? Quels sont les avantages pour le r\u00e9f\u00e9rencement naturel et le SEO ? Comment faire pour en d\u00e9velopper un ?<\/p>\n","protected":false},"author":1,"featured_media":1084,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Site responsive : quels sont les impacts et les avantages pour le SEO ?","_seopress_titles_desc":"Qu'est-ce qu'un site responsive ? Quels sont les avantages pour le r\u00e9f\u00e9rencement naturel et le SEO ? Comment faire pour en d\u00e9velopper un ?","_seopress_robots_index":"","_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[13,1],"tags":[],"class_list":["post-1077","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-optimisation-seo","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/posts\/1077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/comments?post=1077"}],"version-history":[{"count":5,"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/posts\/1077\/revisions"}],"predecessor-version":[{"id":1086,"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/posts\/1077\/revisions\/1086"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/media\/1084"}],"wp:attachment":[{"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/media?parent=1077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/categories?post=1077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/doingenia.com\/insights\/wp-json\/wp\/v2\/tags?post=1077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}