Refaire son site
Site internet responsive : votre site est-il lisible sur téléphone ?
Par Bruno Vigné, fondateur de VIGNEDEV · Publié le
Un site internet responsive adapte sa mise en page à l’écran qui l’affiche : sur téléphone, le texte se lit sans zoomer, le numéro s’appelle d’un geste, rien ne déborde. Google recommande cette façon de faire, et c’est la version mobile de votre site qu’il utilise pour l’indexer. Vérifiez-la vous-même, sur votre propre téléphone.
Cette page fait partie du guide Refonte de site internet.
On vous a peut-être dit que votre site « n’est pas responsive », ou vous l’avez constaté en l’ouvrant sur votre téléphone : un texte minuscule, un menu introuvable, un numéro qu’il faut recopier à la main. Voici ce que veut dire ce mot en clair, pourquoi c’est la version téléphone de votre site qui compte pour Google, comment la vérifier vous-même, et ce qui se corrige sans tout refaire.
Responsive, en clair
Un site responsive est un site qui s’adapte à l’écran qui l’affiche. Google le définit ainsi : « le même code HTML est affiché sur la même URL quel que soit l’appareil utilisé », ordinateur, tablette ou téléphone. Et il ajoute : « Toutefois, le contenu peut être affiché différemment selon la taille de l’écran. »
En pratique, c’est la même page, à la même adresse, dont la mise en page se réorganise. Les colonnes s’empilent, le menu se replie derrière un bouton, les photos se réduisent à la largeur de l’écran, les boutons grandissent pour se toucher du pouce. Rien n’est retiré : tout est rangé autrement.
Il existe d’autres façons de faire, comme une version mobile séparée, à une autre adresse. Google les décrit, mais il dit clairement sa préférence : « Google recommande l’utilisation du Responsive Web Design, car il s’agit du modèle de conception le plus simple à mettre en œuvre et à gérer. »
Pourquoi c’est la version téléphone que Google juge
Google utilise la version mobile de votre site pour l’indexer et le classer : c’est ce qu’il appelle l’indexation orientée mobile, et le guide pour refaire son site l’a déjà rappelé. La conséquence est plus concrète qu’on ne le croit. Google l’écrit : « Seul le contenu affiché sur le site mobile sera utilisé pour l’indexation. »
Autrement dit, un texte présent sur ordinateur mais retiré de la version téléphone n’existe pas pour Google. S’il faut gagner de la place sur un petit écran, il conseille de replier plutôt que de couper : « Au lieu de supprimer du contenu, pensez à le déplacer dans des accordéons ou des onglets pour économiser de l’espace. »
Soyons exacts : Google n’en fait pas une obligation. « Il n’est pas obligatoire d’avoir une version mobile de vos pages pour que votre contenu soit inclus dans les résultats de recherche Google, mais cela est fortement recommandé. » Pour un artisan, que ses clients cherchent aussi depuis leur téléphone, la question se pose rarement.
Le test à faire sur votre téléphone
Pas besoin d’outil. Prenez votre téléphone, ouvrez votre site dans le navigateur, comme le ferait un client, et suivez ces étapes dans l’ordre. Notez tout ce qui accroche.
- Lisez la page d’accueil sans zoomer. Si vous devez écarter deux doigts pour lire, le texte est trop petit : la page n’est pas adaptée au téléphone.
- Faites défiler de haut en bas. La page ne doit glisser ni à gauche ni à droite ; si elle le fait, un élément est plus large que l’écran.
- Regardez ce qui s’affiche avant de faire défiler : votre métier et un moyen de vous joindre doivent y être.
- Touchez votre numéro de téléphone. Le téléphone doit vous proposer d’appeler aussitôt ; si rien ne se passe, votre client devra le recopier.
- Ouvrez le menu. Il doit se déplier d’un geste, et chaque lien doit se toucher du pouce sans toucher le voisin.
- Remplissez le formulaire de contact jusqu’au bout et envoyez-vous un message. Les champs doivent être assez grands, le clavier de chiffres doit s’ouvrir pour le numéro, le bouton d’envoi doit rester visible, et le message doit bien vous arriver.
- Regardez vos photos : nettes, ni déformées, ni coupées au mauvais endroit. Google le demande aussi : « Évitez d’utiliser des images trop petites ou de faible résolution sur le site mobile. »
- Comparez avec l’ordinateur. Tout ce qui y figure doit se retrouver sur le téléphone, même replié.
- Recommencez sur le téléphone d’un proche, puis en tenant l’écran à l’horizontale : les tailles d’écran varient d’un appareil à l’autre.
Voir votre site comme Google le voit
Votre téléphone vous montre ce que voit un client. Pour savoir ce que voit Google, il y a la Search Console, l’outil de Google pour les propriétaires de sites. Sa page sur l’indexation mobile le conseille : « Utilisez l’outil d’inspection d’URL afin de vous assurer que le contenu est visible sur le rendu de la page (qui affiche la page telle que Google la voit). »
L’accès à la Search Console doit être à votre nom. Si vous ne l’avez pas, demandez-le à votre prestataire : le guide sur les sites introuvables sur Google explique ce qu’elle permet de vérifier d’autre.
Ce qui se corrige, et ce qui demande une refonte
Tout défaut d’affichage ne justifie pas de refaire le site. La vraie question est de savoir s’il a été conçu pour le téléphone et mal fini, ou s’il n’a jamais été pensé pour lui.
Un cas à part : les sites faits avec un éditeur en ligne. Google l’écrit : « Si vous utilisez un CMS comme Wix ou Blogger et que vous ne pouvez pas modifier votre thème, vous devrez peut-être trouver un nouveau thème adapté aux mobiles pour votre site. » Changer de thème est parfois possible sans tout refaire ; sinon, c’est une refonte.
| Ce que vous constatez | Ce que cela veut dire | Ce qui suffit en général |
|---|---|---|
| Le numéro ne déclenche pas l’appel | Il est écrit comme un simple texte | Une correction : en faire un lien d’appel |
| Une photo floue ou déformée | L’image n’est pas préparée pour le téléphone | Remplacer l’image |
| Un bloc déborde sur une page | Un élément est trop large pour l’écran | Une correction ponctuelle de mise en page |
| Un texte présent sur ordinateur manque au téléphone | Il a été retiré de la version mobile | Le remettre, replié si besoin |
| Tout le site s’affiche en miniature | Il n’a jamais été conçu pour le téléphone | Une refonte : nouvelle mise en page, contenus repris |
| Une version mobile séparée, à une autre adresse | Deux sites à tenir à jour | Une refonte en responsive, en redirigeant les anciennes adresses |
Ce qu’un site responsive ne fait pas
Un site bien affiché sur téléphone n’est pas pour autant un site trouvé. L’affichage est une condition, pas une promesse : Google classe des pages qui répondent à ce que les gens cherchent, et personne ne peut vous garantir une place en échange d’une mise en page.
Méfiez-vous aussi de la version téléphone « allégée ». Couper des textes pour gagner de la place retire à Google ce qu’il indexe, et il prévient que dans ce cas « vous risquez de constater une baisse du trafic ». Sur un petit écran, on replie, on ne supprime pas.
Ce que comprennent nos formules
Chez nous, la mise en page adaptée au téléphone n’est pas une option : elle fait partie de chaque formule de site. Avant la mise en ligne, vous regardez le site sur votre propre téléphone, et vous demandez des changements autant de fois qu’il le faut.
Si votre site actuel ne passe pas le test, une refonte reprend vos contenus existants et refait la mise en page, sans perte d’adresses. Si le site est trop ancien pour être repris, nous vous le disons, et nous chiffrons une création. Dans les deux cas, votre site est livré avec son interface d’administration : vous modifiez vos textes, vos photos et vos contenus vous-même, sans frais et sans nous solliciter.
| Formule | Ce que le prix de départ comprend | Prix de départ |
|---|---|---|
| Refonte | Reprise de vos contenus existants, nouvelle mise en page, adaptation au téléphone, votre interface d’administration, mise en ligne sans perte d’adresses. | à partir de 1 200 € HT |
| Création de site | 4 à 6 pages, mise en page adaptée au téléphone, formulaire de contact, votre interface d’administration, mise en ligne et pages légales. | à partir de 1 900 € HT |
Questions fréquentes
Des réponses courtes et franches. S’il manque la vôtre, écrivez-nous.
Un site responsive est-il obligatoire ?
Pas pour Google : il écrit qu’il n’est pas obligatoire d’avoir une version mobile de vos pages pour figurer dans ses résultats, mais que c’est fortement recommandé. Comme c’est la version mobile qu’il utilise pour indexer et classer votre site, c’est elle qu’il faut soigner en premier.
Peut-on rendre un site responsive sans le refaire ?
Parfois. Si le site a été conçu pour le téléphone et présente quelques défauts, ils se corrigent un par un. S’il repose sur le thème d’un éditeur en ligne, changer de thème peut suffire, comme le suggère Google. S’il n’a jamais été pensé pour le téléphone, la refonte est la voie la plus propre.
La version téléphone peut-elle être plus courte que la version ordinateur ?
Mieux vaut pas. Google n’indexe que ce qui s’affiche sur la version mobile, et prévient qu’une page mobile allégée peut faire baisser le trafic. Pour gagner de la place, repliez les textes dans des accordéons ou des onglets au lieu de les supprimer.
Faut-il une application en plus du site ?
Pas pour présenter votre activité. Un site responsive s’ouvre dans le navigateur du téléphone, sans rien à installer pour votre client. Une application est un autre projet, qui ne se justifie que pour un service que vos clients utiliseraient souvent.
Combien coûte l’adaptation d’un site au téléphone ?
Cela dépend de ce que révèle le test. Quelques défauts isolés se corrigent à part ; une nouvelle mise en page, c’est une refonte. Chez nous, une refonte est à partir de 1 200 € HT, quand vos contenus sont reprenables et que l’adresse du site reste la même.
Parlons de votre activité
Décrivez-nous votre métier en quelques lignes. Premier échange gratuit et sans engagement, par téléphone ou en visio. Nous vous dirons franchement si un site vous servira.
À lire ensuite
- Refonte de site internet
Refaire votre site en gardant nom de domaine, contenus et adresses des pages : quand, comment, et à quel prix. Chez nous, c’est à partir de 1 200 € HT.
- Refaire son site internet : quand, et comment s’y prendre
Illisible sur téléphone, impossible à modifier, marqué non sécurisé : les signes qu’il faut refaire son site, et les étapes pour le refaire sans rien perdre.
- Combien coûte la refonte d’un site internet ?
Le prix d’une refonte dépend de ce qui peut être repris : contenus, adresses, outil. Ce qui le fait varier, ce qu’elle doit comprendre, et nos prix de départ.
- Pourquoi mon site n’apparaît pas sur Google ?
Votre site est en ligne mais introuvable sur Google ? Les causes les plus courantes, dans l’ordre où les vérifier, d’après l’aide officielle de Google.
- Site one page : une seule page suffit-elle à un artisan ?
Un site d’une seule page, dit one page ou carte de visite : ce qu’il doit contenir, ce qu’il fait bien, sa vraie limite sur Google, et quand passer à plus.
- Tarifs de création et refonte de site internet
Les prix de départ, hors taxes, et ce que chacun comprend.