Conçu pour mobile

Silktide charge chaque page sur un appareil mobile simulé et vérifie si elle a été conçue pour y fonctionner — si elle s’adapte à un écran étroit ou si elle affiche simplement une page de bureau réduite.

Pourquoi c’est important

Plus de la moitié du trafic Web est mobile; une page qui ne fonctionne que sur ordinateur échoue auprès de la majorité de son audience dès le premier toucher. Les visiteurs confrontés à un texte minuscule et à des pincements pour zoomer sans fin partent; les moteurs de recherche, qui indexent d’abord la version mobile des pages, classent le site en conséquence.

Ce contrôle détecte l’échec fondamental — une page sans aucune conception mobile — plutôt que des problèmes de finition. Une page qui réussit peut malgré tout présenter de petits problèmes sur mobile, couverts par d’autres vérifications.

Comment corriger

Le correctif durable est la (responsive design), afin que la même page s’adapte à toute largeur d’écran. Si votre site est antérieur à la conception adaptative, cela signifie généralement une refonte ou un nouveau thème — la plupart des thèmes modernes de sont adaptatifs prêts à l’emploi. Concrètement :

Déclarez un mobile dans l’en‑tête (head) de chaque page :

<meta name="viewport" content="width=device-width, initial-scale=1">

Utilisez des mises en page flexibles et des media queries pour que le contenu se réorganise en une seule colonne sur les écrans étroits, plutôt que de figer la page à une largeur d’ordinateur.
Conservez un corps de texte à une taille lisible sur mobile — évitez les conceptions qui réduisent toute la page pour l’adapter.
Testez sur un vrai téléphone ou avec l’émulation d’appareil de votre navigateur, à des largeurs allant jusqu’à environ 320 pixels.

Comment Silktide teste ceci

Charger la page sur un appareil mobile simulé.
Vérifier que la page déclare un viewport utilisable. L’absence de viewport, ou un viewport fixé à une largeur supérieure à 480 pixels, fait échouer la page — il s’agit du strict minimum pour la prise en charge mobile.
Mesurer le texte visible : si plus de 35 % s’affiche à une taille illisible (inférieure à 10 pixels après zoom), la page échoue.
Vérifier dans quelle mesure la page effectue un zoom arrière pour s’adapter à l’écran : un zoom inférieur à 60 % de la taille normale signifie que la page est en pratique une mise en page de bureau, et elle échoue.
Une page réussit si elle ne présente aucun de ces problèmes. Silktide indique également, au fil du temps, combien de pages ne sont pas conçues pour mobile.

Dépannage

Ma page semble correcte sur mon téléphone

Certaines pages peuvent sembler acceptables tout en échouant à l’un des points ci‑dessus — par exemple, une balise viewport générée par un outil hérité avec une largeur fixe. Affichez le code source de la page et vérifiez que la balise <meta name="viewport"> correspond à la forme recommandée.

Le contrôle réussit, mais mon expérience mobile est médiocre

Une réussite signifie que la page répond aux exigences de base, pas qu’elle est optimale. Consultez les vérifications connexes pour le texte trop petit, les cibles tactiles trop petites et le zoom désactivé.