{"id":1725,"date":"2019-05-31T10:18:13","date_gmt":"2019-05-31T11:18:13","guid":{"rendered":"https:\/\/blog.weedoo.digital\/?p=1725"},"modified":"2024-02-11T09:55:59","modified_gmt":"2024-02-11T10:55:59","slug":"soyez-visible-sur-tout-support","status":"publish","type":"post","link":"https:\/\/weedoo.digital\/blog\/soyez-visible-sur-tout-support","title":{"rendered":"Rester comp\u00e9titif dans un monde adapt\u00e9 au mobile ?"},"content":{"rendered":"\n

Optimiser son site sur tous les supports<\/strong>, aussi appel\u00e9\u00a0Responsive Web Design<\/strong>, peut para\u00eetre contraignant et dispensable. Apr\u00e8s tout,\u00a0cr\u00e9er un site internet<\/a>\u00a0demande d\u00e9j\u00e0 un investissement cons\u00e9quent. Or, la navigation sur mobile prend de plus en plus d\u2019ampleur. Les tablettes et t\u00e9l\u00e9phones portables offrent une navigation rapide et intuitive qui ne cesse de conqu\u00e9rir les Fran\u00e7ais. En janvier 2018, c\u2019\u00e9tait plus de 34% des Fran\u00e7ais qui naviguaient quotidiennement sur le web depuis leur mobile. Proposer une navigation fluide et optimis\u00e9e sur tous les supports est indispensable si l\u2019on veut rester comp\u00e9titif.<\/p>\n\n\n\n

Qu\u2019est-ce que le Responsive Web Design ?<\/h2>\n\n\n\n

Le Responsive Web Design<\/strong> permet d\u2019adapter le site internet \u00e0 la surface d\u2019affichage du support utilis\u00e9 (ordinateur, mobile, tablette, etc.). Concr\u00e8tement, cela ne veut pas dire que votre page d\u2019accueil doit simplement \u00eatre r\u00e9duite pour convenir \u00e0 l\u2019affichage mobile. Il est n\u00e9cessaire d\u2019effectuer un travail de mise en forme pour adapter la police de caract\u00e8re, les images ainsi que vos onglets. Le but \u00e9tant que l\u2019utilisateur n\u2019ait pas \u00e0 zoomer\/d\u00e9zoomer, et tourner son t\u00e9l\u00e9phone dans tous les sens pour d\u00e9chiffrer votre site.<\/p>\n\n\n\n

Ce design permet au cr\u00e9ateur de site web de cr\u00e9er une seule version du m\u00eame site, qu\u2019il suffit d\u2019adapter aux autres r\u00e9solutions d\u2019\u00e9crans. Inutile de d\u00e9velopper un site optimis\u00e9 pour ordinateur, un site optimis\u00e9 pour tablette et un dernier sp\u00e9cifique au mobile, le\u00a0Responsive Web Design<\/strong>\u00a0adapte le contenu du site, \u00e0 la surface d\u2019\u00e9cran disponible. Attention toutefois \u00e0 bien v\u00e9rifier que votre site s\u2019adapte correctement \u00e0 tous les supports. Comme tous les outils, ce design peut pr\u00e9senter quelques imperfections (un affichage inad\u00e9quat, des onglets inutiles pour un affichage mobile). Ces imperfections peuvent \u00e9galement se traduire par un temps de chargement plus important. Il est donc indispensable de v\u00e9rifier manuellement l\u2019optimisation de votre site sur tous les supports. Il est possible de\u00a0tester l\u2019optimisation de votre site pour mobile.<\/a><\/p>\n\n\n\n

L\u2019importance du Responsive Web Design<\/h3>\n\n\n\n

En novembre 2016, Google a modifi\u00e9 sa politique d\u2019indexation des pages web. En effet, pour juger de la qualit\u00e9 d\u2019un site, Google se r\u00e9f\u00e9rait \u00e0 l\u2019affichage ordinateur. Or, constatant que la majorit\u00e9 des requ\u00eates, au niveau mondial, se font depuis un mobile, le moteur de recherche a lanc\u00e9 Mobile First Indexing<\/a>. La qualit\u00e9 d\u2019une page web est d\u00e9sormais jug\u00e9e selon la version mobile. Un site qui ne dispose pas d\u2019interface sp\u00e9cifique \u00e0 ce support risque d\u2019\u00eatre p\u00e9nalis\u00e9 sur les r\u00e9sultats de recherche.<\/p>\n\n\n\n

De plus, parmi les crit\u00e8res n\u00e9cessaires au r\u00e9f\u00e9rencement d\u2019une page ou d\u2019un site web, l\u2019exp\u00e9rience utilisateur est l\u2019un des points les plus importants. L\u2019exp\u00e9rience utilisateur, c\u2019est le comportement qu\u2019adopte votre visiteur une fois qu\u2019il a acc\u00e8s \u00e0 votre page. Si celui-ci acc\u00e8de \u00e0 votre site, lit un article, puis deux, puis trois avant de visiter la page service : jackpot ! L\u2019exp\u00e9rience utilisateur est optimis\u00e9e et le r\u00e9f\u00e9rencement de votre site ne peut que s\u2019am\u00e9liorer.
D\u00e9sormais, envisageons le cas contraire. Les visiteurs acc\u00e8dent \u00e0 votre page web, mais la quittent apr\u00e8s 10 petites secondes pour en visiter une autre moins bien r\u00e9f\u00e9renc\u00e9e sur le moteur de recherche. Les algorithmes constatent qu\u2019un r\u00e9sultat moins bien class\u00e9 r\u00e9pond mieux aux attentes des internautes que le v\u00f4tre. Votre site sera alors d\u00e9class\u00e9.<\/p>\n\n\n\n

Or, nous le savons que trop bien, un site web au design peu ergonomique, peu intuitif, mal construit, nous donne envie de le quitter imm\u00e9diatement. Ne pas adapter votre site aux diff\u00e9rents supports existants, provoquera, un rendu tr\u00e8s peu qualitatif, qui \u00e0 coup s\u00fbr, fera fuir les internautes.<\/p>\n\n\n\n

Comment optimiser son site sur mobile et tablette ?<\/h3>\n\n\n\n

Cr\u00e9er une application sp\u00e9cifiquement adapt\u00e9e aux mobiles et tablettes,<\/strong> en plus de votre site web, facilite grandement l\u2019accessibilit\u00e9 de votre site. L\u2019affichage est optimis\u00e9, induisant des temps de chargement quasi inexistant, ainsi qu\u2019une exp\u00e9rience utilisateur optimale. Cependant, ce support ne s\u2019adapte pas \u00e0 toutes les offres. Il g\u00e9n\u00e8re, de plus, des coups de d\u00e9veloppement et de maintenance assez importants. Pour r\u00e9duire vos co\u00fbts, nous recommandons l\u2019optimisation de site web.<\/p>\n\n\n\n

Pour optimiser votre site sur tous les supports<\/strong>, il faut penser \u00e0 l\u2019utilisation qui peut se faire depuis un mobile et tablette lors de son d\u00e9veloppement. De nombreux CMS comme WordPress ou Joomla, avec l\u2019utilisation de th\u00e8mes responsives, proposent \u00e0 la fois, de cr\u00e9er l\u2019affichage PC, mais \u00e9galement pour les supports mobiles et tablettes. Optimiser son site induit le respect de certaines r\u00e8gles simples : agrandir la police de caract\u00e8re, augmenter la taille des boutons d\u2019appels \u00e0 l\u2019action, des pop-up adapt\u00e9s \u00e0 des \u00e9crans mobiles, etc.<\/p>\n\n\n\n

Si votre interface est d\u00e9j\u00e0 cr\u00e9\u00e9e, il est toujours possible de modifier ces param\u00e8tres. Il suffit de retravailler l\u2019affichage pr\u00e9vu pour mobile et tablette.<\/p>\n\n\n\n

Optimiser son site sur mobile et tablette : Ce qu\u2019il faut retenir<\/h3>\n\n\n\n

Afin de proposer une exp\u00e9rience utilisateur optimale, r\u00e9pondre aux exigences du Mobile First Indexing de Google, et ainsi, am\u00e9liorer votre r\u00e9f\u00e9rencement, il est indispensable de proposer un site optimis\u00e9 sur tous les supports. Il est aujourd\u2019hui possible de proposer un affichage adapt\u00e9 aux diverses r\u00e9solutions d\u2019\u00e9crans, qui conservera graphisme et contenu, tout en optimisant votre r\u00e9f\u00e9rencement. Le Responsive Web Design<\/strong> est un facteur crucial \u00e0 prendre en compte lors du d\u00e9veloppement de votre site web.<\/p>\n","protected":false},"excerpt":{"rendered":"

Optimiser son site sur tous les supports, aussi appel\u00e9\u00a0Responsive Web Design, peut para\u00eetre contraignant et dispensable. Apr\u00e8s tout,\u00a0cr\u00e9er un site … <\/p>\n

Lire la suite<\/a><\/p>\n","protected":false},"author":1,"featured_media":1727,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-1725","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-site-internet","infinite-scroll-item","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/posts\/1725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/comments?post=1725"}],"version-history":[{"count":0,"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/posts\/1725\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/media\/1727"}],"wp:attachment":[{"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/media?parent=1725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/categories?post=1725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weedoo.digital\/blog\/wp-json\/wp\/v2\/tags?post=1725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}