Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
SEO
Pourquoi mon site Web s'affiche-t-il si petit sur smartphone ?
Un site Web minuscule sur smartphone a généralement une seule cause : la spécification viewport manque dans le code source. Cette une ligne indique à l'appareil que la page doit être adaptée à la largeur d'écran du smartphone. S'il manque, l'appareil affiche la large vue de bureau réduite — lisible uniquement si le visiteur zoom et glisse constamment.
La spécification viewport adapte la page à l'écran
Un écran de smartphone est beaucoup plus étroit qu'un moniteur. Pour qu'un site Web soit bien lisible dessus, l'appareil doit savoir : taillez l'affichage à la largeur réelle de l'écran. C'est exactement ce que dit la spécification viewport — une seule ligne dans le code source que chaque page devrait avoir. Avec elle, le contenu s'adapte à la largeur étroite : le texte s'enroule, les colonnes s'empilent, les boutons restent assez grands pour être tapotés. Sans la ligne, l'appareil suppose qu'il devrait afficher une large page de bureau et réduit tout jusqu'à ce que toute la largeur rentre sur l'écran.
Sans la spécification, vous perdez les visiteurs mobiles
Une grande partie des requêtes de recherche pour une entreprise locale provient du smartphone — par exemple quand quelqu'un cherche un ouvrier, un restaurant ou une heure d'ouverture en déplacement. Si ce visiteur rencontre un affichage de la taille d'un timbre, il doit zoomer, glisser horizontalement et viser avec le pouce sur de minuscules éléments de menu. La plupart abandonnent après quelques secondes et choisissent le résultat suivant. Google aussi accorde de l'importance à la convivialité mobile des pages ; la spécification viewport manquante enlève ce signal fondamental à la page. Notre examen signale donc la spécification manquante comme une lacune de gravité moyenne — pouvant être corrigée avec une seule ligne.
- Ouvrez votre site Web sur votre propre smartphone et vérifiez si le texte est lisible sans zoomer.
- Faites attention si vous devez glisser horizontalement pour voir le contenu — c'est un signe d'avertissement clair.
- Demandez à votre agence d'ajouter la spécification viewport sur toutes les pages si elle manque.
- Testez à nouveau après la correction sur smartphone pour voir si le texte s'enroule et les boutons sont facilement appuyables.