Mobile : la page tient-elle sur un téléphone ? Mobile
L'icône téléphone ouvre la page en vraie largeur de mobile. Tu vois tout de suite si quelque chose dépasse ou est trop petit.
1Qu'est-ce que c'est ?
Le test mobile ouvre la page courante dans une fenêtre de 360, 390 ou 430 pixels de large et mesure si le contenu est plus large que la fenêtre. Plus la balise viewport et la plus petite taille de police.
2Pourquoi c'est important
Google évalue la version mobile de la page. Un tableau qui déborde à droite ou une image sans max-width rend toute la page maladroite, et ça ne se voit pas sur ordinateur.
3Ce que TagSpion vérifie
| Vérification | Évaluation |
|---|---|
| Balise viewport | rouge si manquante ou user-scalable=no |
| Défilement horizontal | rouge si la page est plus large que la fenêtre, avec l'élément responsable |
| Plus petite police | jaune en dessous de 12 pixels |
4Comment corriger
- Définis la balise viewport, limite images et tableaux avec max-width: 100 %, place les tableaux dans un conteneur défilant.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img, video, table { max-width: 100%; height: auto; }
.table-wrap { overflow-x: auto; } /* <div class="table-wrap"><table>…</table></div> */
</style>5Questions fréquentes
Est-ce un remplacement des vrais appareils ?
Non, mais un premier test rapide. La fenêtre a la largeur, pas la manipulation tactile d'un téléphone.