Ce que notre audit analyse

Mobile & Usabilité

Google utilise le mobile-first indexing. Découvrez comment optimiser l'expérience mobile de votre site pour un meilleur référencement.

Pourquoi le mobile est essentiel pour le SEO ?

Depuis 2019, Google utilise le mobile-first indexing : c'est la version mobile de votre site qui est indexée en priorité. Plus de 60% du trafic web mondial provient des mobiles, ce qui rend l'optimisation mobile indispensable.

Un site non optimisé pour mobile sera pénalisé dans les résultats de recherche, aura un taux de rebond élevé et perdra des conversions potentielles.

Configuration du Viewport

La balise Viewport

La balise viewport indique au navigateur comment dimensionner et mettre à l'échelle le contenu sur différentes tailles d'écran. C'est la base du responsive design.

Configuration recommandée :

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

Paramètres importants :

  • width=device-width : adapte la largeur à l'écran
  • initial-scale=1.0 : zoom initial à 100%
  • Évitez user-scalable=no (mauvais pour l'accessibilité)

Responsive Design

Qu'est-ce que le Responsive Design ?

Le responsive design permet à votre site de s'adapter automatiquement à toutes les tailles d'écran : smartphones, tablettes, ordinateurs. C'est la méthode recommandée par Google pour la compatibilité mobile.

Mobile

Tablette

Desktop

Techniques clés :

  • Media queries CSS pour adapter le layout
  • Images fluides (max-width: 100%)
  • Unités relatives (%, rem, vh/vw)
  • Flexbox et CSS Grid pour les layouts

Bonnes pratiques UX Mobile

Zones tactiles

Les boutons et liens doivent faire au minimum 48x48 pixels pour être facilement cliquables au doigt.

Minimum recommandé : 48px

Taille de police

Utilisez une taille de police d'au moins 16px pour le corps du texte, lisible sans zoom.

Minimum recommandé : 16px

Espacement

Gardez suffisamment d'espace entre les éléments cliquables pour éviter les clics accidentels.

Minimum entre éléments : 8px

Pas de scroll horizontal

Le contenu doit s'adapter à la largeur de l'écran sans nécessiter de défilement horizontal.

Pénalisé par Google

Favicons & Icônes d'application

Pourquoi les favicons sont importants ?

Les favicons renforcent votre image de marque dans les onglets, favoris et résultats de recherche mobile. Leur absence peut donner une impression de site non professionnel.

Configuration complète :

<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Tailles recommandées :

  • favicon.ico : 16x16, 32x32, 48x48
  • PNG : 16x16, 32x32, 192x192, 512x512
  • Apple Touch Icon : 180x180

Ce que notre audit vérifie

Notre outil analyse la compatibilité mobile de votre site et vous fournit des recommandations pour améliorer l'expérience utilisateur sur tous les appareils.

Balise viewport configurée
Design responsive
Favicon présent
Apple Touch Icon
Images optimisées
Score mobile PageSpeed
Tester la compatibilité mobile de mon site