Balise viewport manquante
Mis à jour le 12 août 2026
Pourquoi c'est important
La balise viewport contrôle l'adaptation de la page aux écrans mobiles. Sans elle, le navigateur suppose une largeur de bureau (souvent 980 px) et affiche le site dézoomé : textes minuscules, boutons inatteignables, obligation de pincer et zoomer pour lire. Google indexe en mobile-first, c'est-à-dire que la version mobile de votre page sert de référence au classement, y compris pour les résultats affichés sur ordinateur. Une page non responsive est donc pénalisée sur l'ensemble de ses requêtes, pas seulement sur mobile. Sachant que le trafic mobile dépasse aujourd'hui le trafic bureau sur la majorité des sites, l'impact business dépasse largement la question du classement.
Comment Bretzel SEO le détecte
Bretzel SEO recherche la balise <meta name="viewport"> dans le <head> de chaque page et vérifie sa configuration. Sont signalées : l'absence totale de balise, mais aussi une valeur qui bloque le zoom utilisateur (user-scalable=no ou maximum-scale=1), problématique pour l'accessibilité.
Comment corriger
Ajoutez dans le <head> la balise <meta name="viewport" content="width=device-width, initial-scale=1">. Ne bloquez jamais le zoom avec user-scalable=no ou maximum-scale=1 : c'est un échec d'accessibilité (critère WCAG) qui empêche les personnes malvoyantes d'agrandir le texte, sans bénéfice réel en contrepartie. Vérifiez ensuite que la mise en page suit : la balise seule ne rend pas un site responsive, elle indique juste au navigateur de respecter les règles CSS mobiles que vous devez avoir écrites. Testez sur un vrai appareil ou via les outils développeur du navigateur, en vérifiant qu'aucun élément ne provoque de défilement horizontal.
Exemple avant/après
Avant : aucune balise viewport, le site s'affiche en version bureau réduite sur mobile, texte illisible sans zoom manuel. Après : <meta name="viewport" content="width=device-width, initial-scale=1">, la page s'adapte à la largeur réelle de l'écran et reste lisible sans manipulation.
Impact SEO
Impact modéré à fort : la compatibilité mobile est un critère de classement direct dans l'index mobile-first et conditionne l'expérience mobile.
