{"id":4138,"date":"2022-05-25T11:46:51","date_gmt":"2022-05-25T11:46:51","guid":{"rendered":"https:\/\/www.webdesign-inspiration.com\/blog?p=4138"},"modified":"2022-05-25T11:56:29","modified_gmt":"2022-05-25T11:56:29","slug":"la-mise-a-jour-mobile-first-de-google-gagner-avec-le-responsive-web-design","status":"publish","type":"post","link":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/la-mise-a-jour-mobile-first-de-google-gagner-avec-le-responsive-web-design","title":{"rendered":"La mise \u00e0 jour \u00ab\u00a0Mobile-First\u00a0\u00bb de Google : gagner avec le Responsive Web Design"},"content":{"rendered":"

Vous avez probablement entendu parler de la mise \u00e0 jour de Google \u00ab\u00a0indexation en fonction des mobiles\u00a0\u00bb annonc\u00e9e lors de l’\u00e9v\u00e9nement SMX \u00e0 Seattle. Mais qu’est-ce que cela signifie exactement ? En bref, si vous ne tenez pas compte de l’exp\u00e9rience mobile de vos utilisateurs lors de la conception et du d\u00e9veloppement de vos sites Web, il vous faut peut-\u00eatre adopter le responsive design (ou vous laisser distancer).<\/span><\/p>\n

La raison principale de cette mise \u00e0 jour<\/b><\/h2>\n

Plus de 50 % des r\u00e9sultats de recherche de Google s’affichent d\u00e9j\u00e0 sur des appareils mobiles. Il n’est donc plus question d\u2019avoir un site qui fonctionne sur toutes les plates-formes, c’est un enjeu de taille. La bonne nouvelle est que tous les sites sont d\u00e9j\u00e0 index\u00e9s par Google depuis plusieurs ann\u00e9es. En revanche, cette mise \u00e0 jour aura une incidence sur le poids que Google leur accorde dans le moteur de recherche. Les sites qui offrent une bonne exp\u00e9rience mobile seront r\u00e9compens\u00e9s par un meilleur classement, tandis que ceux qui ne le font pas pourraient voir leur classement diminuer. Ce n’est pas nouveau pour Google, qui r\u00e9compense depuis un certain temps d\u00e9j\u00e0 les sites offrant une bonne exp\u00e9rience utilisateur. Cependant, comme de plus en plus de personnes utilisent leurs smartphones et leurs tablettes pour rechercher des informations, cette mise \u00e0 jour met encore plus l’accent sur la n\u00e9cessit\u00e9 d’offrir une excellente exp\u00e9rience mobile.<\/span><\/p>\n

Que cela signifie pour vous ?<\/b><\/h2>\n

Il est temps de commencer \u00e0 r\u00e9fl\u00e9chir \u00e0 la conception de votre site Web dans une optique de mobilit\u00e9. Cela signifie que vous devez vous assurer que tout votre contenu est facile \u00e0 lire et \u00e0 parcourir sur de petits \u00e9crans et que vos boutons et liens sont suffisamment grands pour qu’on puisse les toucher facilement. Vous devrez \u00e9galement tenir compte de la mani\u00e8re dont les utilisateurs interagissent avec votre site sur un \u00e9cran tactile. Par exemple, pourront-ils glisser pour faire d\u00e9filer les pages ou devront-ils utiliser la navigation int\u00e9gr\u00e9e \u00e0 votre site ? Quel sera l’espacement de votre texte apr\u00e8s le corps principal du texte ? Les images pourront-elles se charger rapidement avec une connexion 3G ou devront-elles \u00eatre r\u00e9duites ? La liste est longue.<\/span><\/p>\n

Que cela signifie pour le contenu ?<\/b><\/h2>\n

C’est aussi le moment de vous assurer que votre contenu est solide et qu’il s’affiche bien sur tous les appareils. S’il est vrai que les utilisateurs ne pr\u00eatent pas beaucoup d’attention aux balises m\u00e9ta telles que les mots cl\u00e9s et les descriptions (s’ils les utilisent), vous devez tenir compte de la longueur de vos pages et de la densit\u00e9 des mots cl\u00e9s, car ces facteurs peuvent affecter \u00e0 la fois le classement et la lisibilit\u00e9. Vous pourriez m\u00eame vouloir revoir certaines de ces informations \u00e0 la lumi\u00e8re de l’annonce r\u00e9cente de Google, qui pr\u00e9voit \u00ab\u00a0d’utiliser la compr\u00e9hension des entit\u00e9s… pour aider \u00e0 renvoyer des r\u00e9sultats plus pertinents\u00a0\u00bb, car les utilisateurs pourraient \u00eatre plus enclins \u00e0 cliquer sur des pages contenant des descriptions plus longues et plus d\u00e9taill\u00e9es.<\/span><\/p>\n

Points \u00e0 retenir<\/b><\/h2>\n

Si vous partez de z\u00e9ro avec une nouvelle conception de site ou la cr\u00e9ation d’un nouveau site, veillez \u00e0 utiliser un design r\u00e9actif (si vous ne pouvez pas vous permettre d’entreprendre une refonte compl\u00e8te, donnez la priorit\u00e9 \u00e0 l’exp\u00e9rience mobile en int\u00e9grant un design r\u00e9actif dans un site existant). Assurez-vous que votre contenu est r\u00e9duit pour les petits \u00e9crans et que tous les fichiers multim\u00e9dias sont disponibles en formats standard et haute r\u00e9solution. Veillez \u00e0 ce que vos menus de navigation soient visibles quel que soit l’appareil. Envisagez de les faire dispara\u00eetre sur les petits \u00e9crans, afin que les liens importants ne soient pas cach\u00e9s aux utilisateurs. Enfin, n’oubliez pas les exp\u00e9riences hors ligne ; si vous voulez que Googlebot les indexe, assurez-vous qu’elles se chargent par le biais du processus d’exploration de Googlebot.<\/span><\/p>\n

Supposons que vous soyez d\u00e9j\u00e0 en bonne voie pour offrir une exp\u00e9rience mobile de qualit\u00e9 ; f\u00e9licitations ! Vous avez pris de l’avance et vous devriez voir votre classement augmenter \u00e0 la suite de cette mise \u00e0 jour. Continuez \u00e0 faire du bon travail et veillez \u00e0 tester votre site sur diff\u00e9rents appareils et navigateurs. Et si vous avez des questions, n’h\u00e9sitez pas \u00e0 contacter votre expert en r\u00e9f\u00e9rencement.<\/span><\/p>\n

En fin de journ\u00e9e<\/b><\/h2>\n

Il est important de se rappeler que la conception pour mobile ne se limite pas \u00e0 suivre les directives de Google. Il s’agit de cr\u00e9er une exp\u00e9rience agr\u00e9able pour les utilisateurs, qui les incitera \u00e0 revenir. Prenez donc le temps de r\u00e9fl\u00e9chir \u00e0 ce qui convient le mieux \u00e0 votre site et n’ayez pas peur d’exp\u00e9rimenter un minimum. La mise \u00e0 jour \u00ab\u00a0Mobile-First\u00a0\u00bb de Google n’est qu’un d\u00e9but ; la conception r\u00e9active est l\u00e0 pour durer.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Vous avez probablement entendu parler de la mise \u00e0 jour de Google \u00ab\u00a0indexation en fonction des mobiles\u00a0\u00bb annonc\u00e9e lors de […]<\/p>\n","protected":false},"author":1,"featured_media":3569,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[66],"tags":[],"class_list":["post-4138","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-web"],"acf":[],"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/4138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/comments?post=4138"}],"version-history":[{"count":3,"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/4138\/revisions"}],"predecessor-version":[{"id":4141,"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/4138\/revisions\/4141"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/media\/3569"}],"wp:attachment":[{"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/media?parent=4138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/categories?post=4138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webdesign-inspiration.com\/blog\/fr\/wp-json\/wp\/v2\/tags?post=4138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}