web-dev-qa-db-fra.com

Erreurs d'utilisation de Google Mobile

J'ai reçu un e-mail de Google indiquant que mon site présentait des problèmes d'utilisation sur un mobile. L'e-mail disait ceci:

Nous avons constaté des problèmes critiques d’utilisabilité mobile dans les pages de mon site Web. Les erreurs d'utilisation sur un mobile peuvent gravement affecter l'expérience utilisateur de votre site. Les pages présentant des problèmes d'utilisation sur un mobile peuvent être classées moins bien dans les résultats de recherche Google sur les appareils mobiles.

Nous vous recommandons de suivre les consignes de Google relatives à la convivialité sur les appareils mobiles pour ne pas nuire au classement de votre site sur Google Search.

J'ai effectué quelques tests sur mon site avec l'outil Google Webmaster:

Quand j'ai fait ces tests pour différentes pages, j'ai eu des variantes de ce message:

Cette page utilise 23 ressources qui sont bloquées par robots.txt.

La plupart des ressources listées comme bloquées sont en /wp-content ou /wp-contains.

Je veux savoir comment résoudre ces problèmes dans mon fichier robots.txt.

2
Lyndsey

Les ressources bloquées ne sont généralement pas un problème. Ces messages sont simplement informatifs la plupart du temps. Ces messages ne sont pas la raison pour laquelle votre site est considéré comme peu mobile, car ils ne sont pas inclus dans le test. En fait, vous pouvez simplement ignorer les ressources bloquées, sauf si elles ne sont pas destinées à être bloquées. Puisque vous exécutez WP et que ceux-ci se trouvent dans les dossiers /wp-content et /wp-contains, ils sont probablement bloqués par conception et ne constituent donc pas un problème à résoudre.

Vous souhaitez vous connecter à votre compte Google Outils pour les webmasters (console de recherche) et migrer vers Trafic de recherche -> Convivialité pour mobile. Au bas de cette page, vous verrez une courte liste de problèmes trouvés. À droite, vous verrez un bouton avec >>. Cliquez sur chacun un à la fois. Vous verrez une liste de pages qui ont échoué au test de mobilité. Souvent, ceux-ci ont échoué pour les mêmes raisons. Cliquez sur l'une des pages. Vous verrez plusieurs options, y compris Check Live Version Corrigez la page et utilisez cette option pour tester si votre correctif réussit le test. Faites cela pour un même ensemble de pages. Vous constaterez probablement que vous ne disposez que de quelques problèmes mineurs qui affectent toutes ces pages et que quelques solutions rapides peuvent résoudre vos problèmes. Parcourez suffisamment de pages pour avoir une idée précise des erreurs que vous avez commises et des problèmes que vous avez résolus. Vous n'aurez probablement pas à tester toutes les pages, mais un bon échantillon.

Lorsque vous résolvez ce problème, vous ne le serez pas travaillez avec votre fichier robots.txt, mais plutôt HTML et votre fichier CSS (style). La plupart de votre travail sera probablement dans votre fichier CSS.

1
closetnoc

Je tiens à mentionner que l'outil d'analyse de la vitesse des pages créé par Google permet de vérifier la vitesse et la convivialité des pages individuelles et fournit des résultats pour les appareils de bureau et mobiles. Il fournira des détails sur ce que vous pouvez faire pour rendre le site compatible avec les appareils mobiles. Il peut également envoyer un message d'avertissement jaune aux sites susceptibles de ne pas réussir le test de compatibilité mobile.

Mais si vous voulez réussir le test, assurez-vous que les pages que vous créez pour les appareils mobiles contiennent:

  1. contenu qui s'inscrit entièrement dans une largeur de 320 pixels
  2. la balise méta viewport appropriée
  3. lettrage de taille suffisante pour permettre aux utilisateurs mobiles de lire
  4. espacement suffisant entre les boutons pour éviter les frappes accidentelles

Et surtout, assurez-vous que les pages se chargent rapidement.

1
Mike