{"id":4342,"date":"2015-03-23T12:33:58","date_gmt":"2015-03-23T12:33:58","guid":{"rendered":"https:\/\/dmjcomputerservices.com\/fr\/?p=4342"},"modified":"2025-09-02T17:07:23","modified_gmt":"2025-09-02T16:07:23","slug":"votre-site-a-des-problemes-de-convivialite-mobile","status":"publish","type":"post","link":"https:\/\/dmjcomputerservices.com\/fr\/blog\/votre-site-a-des-problemes-de-convivialite-mobile\/","title":{"rendered":"Votre site web pr\u00e9sente t-il des probl\u00e8mes de convivialit\u00e9 mobile ? Ce qui n&rsquo;\u00e9tait pas un probl\u00e8me par le pass\u00e9 va le devenir !"},"content":{"rendered":"\n<figure class=\"wp-block-image alignleft\"><img decoding=\"async\" width=\"500\" height=\"388\" src=\"https:\/\/dmjcomputerservices.com\/fr\/wp-content\/uploads\/2015\/03\/Mobile-friendly-website-good-with-Google.jpg\" alt=\"Happy lady with smartphone\" class=\"wp-image-4348\" title=\"Mobile friendly website good with Google\" srcset=\"https:\/\/dmjcomputerservices.com\/fr\/wp-content\/uploads\/2015\/03\/Mobile-friendly-website-good-with-Google.jpg 500w, https:\/\/dmjcomputerservices.com\/fr\/wp-content\/uploads\/2015\/03\/Mobile-friendly-website-good-with-Google-480x372.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 500px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Avez-vous re\u00e7u un e-mail de Google vous informant que votre site web avait des probl\u00e8mes d&rsquo;accessibilit\u00e9 mobile ? Ou bien une autre soci\u00e9t\u00e9 de d\u00e9veloppement web a-t-elle essay\u00e9 de vous faire r\u00e9agir en affirmant que votre site n&rsquo;est pas adapt\u00e9 aux mobiles ? Ils ont peut-\u00eatre tous les deux raison, mais alors que par le pass\u00e9 ce n&rsquo;\u00e9tait pas vraiment crucial&#8230; cela risque de devenir un vrai probl\u00e8me si votre site ne fonctionne pas correctement sur les appareils mobiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici pourquoi&#8230;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En f\u00e9vrier 2015, Google a annonc\u00e9 via son blog qu&rsquo;il <a href=\"https:\/\/developers.google.com\/search\/blog\/2015\/02\/finding-more-mobile-friendly-search?hl=fr\" target=\"_blank\" rel=\"noreferrer noopener\">\u00e9tendrait l&rsquo;utilisation du crit\u00e8re de la convivialit\u00e9 mobile comme crit\u00e8re de classement.<\/a> Outre le fait qu&rsquo;il est quasiment \u00ab propri\u00e9taire \u00bb des recherches sur le net et qu&rsquo;il peut donc choisir comment classer ses produits, c&rsquo;est en fait une d\u00e9cision judicieuse. Google est devenu le leader du march\u00e9 de la recherche car il s&rsquo;est toujours \u00e9vertu\u00e9 \u00e0 fournir les r\u00e9sultats de recherche les plus appropri\u00e9s dans des d\u00e9lais extr\u00eamement rapides, pour n&rsquo;importe quel terme de recherche. Ainsi, avec de plus en plus de recherches effectu\u00e9es sur appareils mobiles, il est logique que Google souhaite fournir aux utilisateurs mobiles des r\u00e9sultats leur offrant non seulement le contenu qu&rsquo;ils recherchent, mais qui figurent \u00e9galement sur des sites web \u00e0 chargement rapide et adapt\u00e9s \u00e0 l&rsquo;appareil qu&rsquo;ils utilisent. Cela signifie que les sites doivent \u00eatre correctement configur\u00e9s afin d&rsquo;offrir du contenu de fa\u00e7on appropri\u00e9e aux utilisateurs mobiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce crit\u00e8re prendra effet \u00e0 partir du 21 avril, et ce n&rsquo;est pas un canular ! Votre site perdra sa place dans le classement pour les recherches mobiles apr\u00e8s cette date s&rsquo;il n&rsquo;est pas adapt\u00e9 aux mobiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Exception : si vous \u00eates l&rsquo;un des rares propri\u00e9taires de site web dont tous (ou la grande majorit\u00e9) des visiteurs sont des utilisateurs d&rsquo;ordinateur de bureau, vous ne devriez pas avoir \u00e0 vous inqui\u00e9ter car ces changements n&rsquo;affecteront que la recherche mobile. Vous pouvez consulter vos rapports Google Analytics (ou autres statistiques de sites) pour d\u00e9terminer quelle part de votre trafic provient d&rsquo;utilisateurs mobiles.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><img decoding=\"async\" title=\"Google mobile friendly website tool\" width=\"350\" height=\"383\" class=\"alignright size-full wp-image-4343\" src=\"https:\/\/dmjcomputerservices.com\/fr\/wp-content\/uploads\/2015\/03\/Google-mobile-friendly-website-tool.gif\" alt=\"Screenshot showing results of the Google Mobile-Friendly Website tool\">V\u00e9rifier si votre site est adapt\u00e9 aux mobiles<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il n&rsquo;est donc pas surprenant que Google dispose d&rsquo;un outil vous permettant de v\u00e9rifier si votre site est consid\u00e9r\u00e9 comme adapt\u00e9 aux mobiles. <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview?hl=fr\" target=\"_blank\" rel=\"noreferrer noopener\">V\u00e9rifiez votre site maintenant<\/a> &#8211; allez-y, cela ne vous prendra qu&rsquo;une minute !<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c7a s&rsquo;est bien pass\u00e9 ?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si ce n&rsquo;est pas le cas, vous devez agir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quels facteurs font que les sites web ne sont pas adapt\u00e9s aux mobiles ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsque vous avez consult\u00e9 des sites web sur votre smartphone, quelles sont les choses qui vous ont d\u00e9plu ?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Un contenu illisible parce que le texte est trop petit ?<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Un texte qu&rsquo;il faut faire d\u00e9filer horizontalement pour \u00eatre lu ?<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Les liens sont-ils tellement rapproch\u00e9s que vous avez du mal \u00e0 cliquer sur celui de votre choix ?<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il est fort probable que les choses qui vous d\u00e9plaisent soient aussi celles que Google cherche.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comment adapter mon site web aux mobiles ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vous avez plusieurs options.<\/p>\n\n\n<div class='et-box et-tick'>\n\t\t\t\t\t<div class='et-box-content'>1. Si vous utilisez un syst\u00e8me de gestion de contenu populaire, tel que WordPress, Drupal, ou Joomla, vous pouvez <strong> changer pour un th\u00e8me r\u00e9actif<\/strong>. Cela garantira que la pr\u00e9sentation de votre contenu s&rsquo;adapte automatiquement aux diff\u00e9rents appareils. L&rsquo;avantage est que vous n&rsquo;avez besoin de conserver qu&rsquo;une seule copie de votre contenu. L&rsquo;inconv\u00e9nient est que vous n&rsquo;aurez aucun contr\u00f4le sur l&rsquo;apparence de la version mobile (\u00e0 moins que vous ne souhaitiez personnaliser un peu le code);<\/p>\n<p>2. <strong>Cr\u00e9ez une version distincte de votre site<\/strong> uniquement pour les appareils mobiles, puis ajoutez un \u00e9l\u00e9ment dans le code de votre site pour d\u00e9tecter la taille de l&rsquo;appareil et diriger vos visiteurs vers la version mobile de votre site. L&rsquo;avantage de cette m\u00e9thode est que vous pouvez concevoir l&rsquo;apparence de votre version mobile comme vous le souhaitez et varier le contenu (c&rsquo;est \u00e0 dire montrer une version r\u00e9duite aux utilisateurs de mobiles). L&rsquo;inconv\u00e9nient est le temps n\u00e9cessaire pour maintenir deux versions de votre site ET les probl\u00e8mes potentiels que les moteurs de recherche pourraient rencontrer en indexant deux versions d&rsquo;essentiellement la m\u00eame page ;<\/p>\n<p>3. <strong>Utilisez un plugin, ou d&rsquo;autres extensions tierces<\/strong>, telles que WPtouch pour sites WordPress, pour g\u00e9rer les choses \u00e0 votre place. Ces plugins sont convenables mais n&rsquo;offrent pas la flexibilit\u00e9 des autres solutions ;<\/p>\n<p>4. Adaptez votre site web en effectuant des changements avec l&rsquo;HTML et le CSS pour <strong>int\u00e9grer manuellement la r\u00e9activit\u00e9 mobile dans votre site<\/strong>. L&rsquo;avantage ici est que vous pouvez adapter votre site pour qu&rsquo;il soit visualis\u00e9 comme vous le souhaitez sur les appareils mobiles, mais l&rsquo;inconv\u00e9nient est que vous aurez besoin de connaissances en mati\u00e8re d&rsquo;HTML et de CSS pour le faire ;<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Et Ensuite ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous constatez que votre site n&rsquo;est pas adapt\u00e9 aux mobiles, <a href=\"https:\/\/dmjcomputerservices.com\/fr\/contactez-un-web-designer\/\">contactez-nous<\/a> (ou votre propre d\u00e9veloppeur web) d\u00e8s que possible pour discuter des options. Cela est n\u00e9cessaire si vous souhaitez attirer un trafic issu de mobiles, mais ne doit pas n\u00e9cessairement \u00eatre d&rsquo;un co\u00fbt prohibitif.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">cr\u00e9dit photographique : <a href=\"http:\/\/www.flickr.com\/photos\/60486986@N05\/9659809954\" target=\"_blank\" rel=\"noopener\">It works!<\/a> via <a href=\"http:\/\/photopin.com\" target=\"_blank\" rel=\"noopener\">photopin<\/a> <a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-nd\/2.0\/\" target=\"_blank\" rel=\"noopener\">(license)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c0 quoi ressemble votre site web sur un smartphone ? De nos jours, de plus en plus de personnes utilisent des appareils mobiles pour naviguer sur internet. Si votre site n&rsquo;est pas adapt\u00e9 aux mobiles, leur exp\u00e9rience sera m\u00e9diocre. Google pense de m\u00eame et va bient\u00f4t classer les sites en cons\u00e9quence.<\/p>\n","protected":false},"author":23,"featured_media":8400,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[66],"tags":[21,144],"class_list":["post-4342","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-google","tag-mobile-2"],"_links":{"self":[{"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/posts\/4342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/comments?post=4342"}],"version-history":[{"count":0,"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/posts\/4342\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/media\/8400"}],"wp:attachment":[{"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/media?parent=4342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/categories?post=4342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dmjcomputerservices.com\/fr\/wp-json\/wp\/v2\/tags?post=4342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}