Si Google écrit "La page n'est pas optimisée pour les appareils mobiles. Vérification de l'optimisation pour mobile. Google Search Console Mobile Checker par W3C

Salutations, chers amis!

Les gadgets mobiles ont conquis le monde. Sans téléphone aujourd'hui, ils ne vont même pas chercher du pain.

De nos jours, Internet se développe rapidement. La croissance rapide du marché de l'Internet mobile oblige les créateurs de ressources web à adapter leurs sites à ce type d'appareil.

Ce que je veux dire, c'est que si vous voulez que votre site soit réussi et populaire, vous devez réfléchir à la manière de le rendre facile à consulter sur toutes sortes de gadgets.

Dans cet article, je vais vous expliquer comment consulter le site sur des appareils mobiles à l'aide de services spéciaux. Je les ai conditionnellement divisés en deux groupes : gratuits et payants.

Ils fonctionnent tous à peu près de la même manière :

1. aller sur le site Web du développeur d'un service particulier
2. télécharger le logiciel requis
3. lancer l'application
4. et au bout d'un moment la version mobile de votre site web est devant vous !

Il existe des services qui peuvent tester votre site en ligne.

Le choix, comme toujours, vous appartient !

Libérer

Adapté aux mobiles. Cette application a été créée par Google spécifiquement pour vérifier si une ressource Web est optimisée pour les smartphones et autres gadgets.

Répondant. Grâce à cette application, vous pouvez facilement voir à quoi ressemble le site sur Kindle, iPad, Android, iPhone.

Aperçu de l'iPad. L'un des outils de test gratuits les plus populaires, avec lequel vous pouvez voir l'affichage de votre propre site Web sur iPhone et iPad.

Mini simulateur d'opéra. L'émulateur d'Opera contient une très grande base de données de gadgets mobiles. Son seul inconvénient peut être considéré comme l'absence d'un mode en ligne, c'est-à-dire que pour tester votre ressource, vous devrez télécharger et installer les logiciels nécessaires.

Gomez. Évalue la compatibilité de votre ressource avec les appareils mobiles selon 30 paramètres, ce qui vous permet d'obtenir l'évaluation la plus complète. Pour une utilisation gratuite, vous devez entrer vos coordonnées.

MobiReady. Un excellent outil de test qui évalue la réactivité d'une conception. La vérification est basée sur les meilleures normes W3C (World Wide Web Consortium).

Émulateur de téléphone portable et Screenfly. Des services similaires qui permettent également de visualiser l'état d'une ressource Web sur les écrans de n'importe quel gadget.

Payé

CrossBrowserTesting. Vérifie sur 130 navigateurs différents et 25 systèmes d'exploitation, y compris : Blackberry, Android, iPad, iPhone. Vous devrez payer 29,95 $ par mois pour l'utiliser.

NavigateurStack. Fournit un accès rapide à une énorme base de données. Il en coûte jusqu'à 19 $ pour un mois, mais il existe également une version gratuite.

Coup de pinceau. Conçu pour être retiré d'Android, iPad, iPhone. Pour cinq captures d'écran, vous devrez payer 1 $.

Perfecto Mobile. Donne accès à une base de données de tablettes et de téléphones portables, ce qui vous permet de voir à quel point l'optimisation est bonne sur chaque type d'appareil. Pour son utilisation, vous devez payer jusqu'à 15 $ par jour.

Visionneuse multi-navigateurs. Application multi-navigateurs contenant des émulateurs mobiles et des navigateurs pour tester dans n'importe quel format. Il en coûte jusqu'à 140 $, il existe également une version de démonstration gratuite.

Appareil n'importe où. Un excellent outil qui vous permet de vérifier ponctuellement le contenu Web en testant une ressource en temps réel. Il peut être à la fois payant (100 $ par mois) et gratuit.

Comme vous pouvez le constater, il existe de nombreux programmes et services, choisissez l'option la plus pratique et utilisez-la pour votre santé.

Version mobile pour les moteurs de recherche

Parfois, le site s'affiche parfaitement sur tous les appareils mobiles, mais les moteurs de recherche Google et Yandex ne reconnaissent pas sa mobilité. C'est juste que Yandex et Google ont des exigences supplémentaires pour la version mobile.

Vous pouvez vérifier l'adaptation de la version mobile à Google en utilisant le service Mobile friendly. Je l'ai déjà mentionné dans la liste des outils gratuits.

Et pour Yandex, il existe un outil similaire dans la version actuellement testée du compte webmaster (https://beta.webmaster.yandex.ru/).

Abonnez-vous aux nouvelles du blog et vous apprendrez beaucoup de choses intéressantes et utiles. En attendant, je vous dis au revoir, rendez-vous dans le nouvel article !

Sincèrement! Abdullin Ruslan

Les sites Web ne sont généralement pas développés sur des téléphones ou même sur des tablettes, mais sur des ordinateurs ou des ordinateurs portables. Mais les utilisateurs du site peuvent le voir depuis n'importe quel appareil. Afin de comprendre que le contenu du site est également bien affiché sur la plupart des appareils, vous pouvez avoir une poignée de téléphones portables avec différentes résolutions d'écran et fonctionnant sous différents systèmes d'exploitation, ou vous pouvez utiliser des services prêts à l'emploi qui vérifieront comment le Le site est adapté pour être visionné sur des appareils mobiles. Dans cet article, nous allons jeter un œil à l'un de ces outils que Google propose pour vérifier si votre page est optimisée pour les mobiles.

Comment ouvrir le vérificateur d'optimisation mobile de Google Search Console

Pour ouvrir la vérification de l'optimisation mobile de Google Search Console, vous devez entrer l'adresse dans la barre d'adresse de votre navigateur :

https://search.google.com/test/mobile-friendly

ou allez simplement sur → ce lien (s'ouvre dans une nouvelle fenêtre).

Une fois la page de vérification de l'optimisation mobile de Google Search Console ouverte, vous devez saisir l'adresse du site ou de la page du site dont vous souhaitez vérifier l'optimisation et cliquer sur le bouton " Vérifier» comme le montre l'image ci-dessous :

Après cela, Google Search Console prendra un certain temps pour charger et analyser la page spécifiée :

Si, sur la base des résultats de la vérification, Google Search Console décide que la page est optimisée pour les appareils mobiles, alors un message similaire à celui de l'image ci-dessous sera reçu :

Si des erreurs sont détectées à la suite de la vérification, la page d'émission du message ressemblera à ceci :

indiquant les problèmes évidents sur la page.

Résumé:

Ainsi, vous pouvez évaluer rapidement et assez efficacement la façon dont le site est optimisé pour qu'il soit pratique à utiliser non seulement sur un ordinateur, mais également sur des téléphones mobiles. De plus, Google Search Console donne un certain nombre de recommandations qui peuvent être utiles pour optimiser le bon fonctionnement du site sur n'importe quel appareil, y compris les mobiles.

Dans le présent article, nous parlerons de la façon dont la version mobile du site est vérifiée, de sa commodité, de sa lisibilité et de son affichage correct.

La vérification de votre site pour la commodité de l'affichage sur les appareils mobiles peut être vérifiée à l'aide de divers services Web. En particulier, ce service de Google vous permet d'évaluer correctement l'alphabétisation de votre mise en page mobile.

Récemment, Google a annoncé que les sites qui ne répondent pas aux exigences de mise en page mobile seront pessimisés dans les recherches effectuées à l'aide d'appareils mobiles. Cet algorithme fonctionne déjà, et certains sites qui ne se souciaient pas de s'afficher sur des plates-formes mobiles ont en fait été omis des résultats de recherche mobiles.

Si votre site est trois fois pratique pour les plateformes de bureau, vous devez vérifier la qualité de la mise en page mobile, sinon vous perdrez une partie impressionnante du trafic (la part des plateformes mobiles dans la recherche augmente rapidement chaque année), ce qui signifie que vous perdrez vos clients. Par conséquent, vous devez adapter vos sites pour les appareils mobiles et vérifier le bon affichage des sites dans les navigateurs mobiles.

Vérification de la qualité de la mise en page mobile à l'aide de Google Chrome

Pour les développeurs, Google dispose d'un excellent outil de simulation mobile. Cet outil est intégré au navigateur Google Chrome. Pour y accéder, appuyez sur F12 dans le navigateur (passez en mode développeur) et cliquez sur l'icône du smartphone :

La page sera convertie en mode de commutation d'appareil, où vous pouvez sélectionner l'un des appareils mobiles populaires, type de réseau (GPRS, 2G, 3G, 4G, etc.), spécifier des paramètres d'affichage stricts. Cela vous permet de simuler le travail du site sur des appareils mobiles spécifiques. Les appareils disponibles incluent différentes versions de l'iPad, de l'iPad Mini, de l'iPhone, du BlackBerry, du Google Nexus, du HTC, du LG, du Nokia, du Samsung Galaxy et de certains autres appareils populaires.

En sélectionnant un appareil spécifique, vous pouvez consulter le site sur un appareil mobile. Par exemple, afficher la page principale du site "Nubex" sur iPad 3 :

Et sur Samsung Galaxy S4 :

Ici, vous pouvez non seulement voir l'affichage du site sur un appareil particulier, mais également travailler pleinement avec le site, comme si vous aviez le bon gadget devant vous. Sans aucun doute, cet outil est tout simplement indispensable lors du développement d'une version mobile du site, mais la façon dont votre site sera affiché sur de vrais appareils doit être vérifiée sur de vrais appareils. Ceci est particulièrement important si vous devez vérifier l'affichage du site dans les navigateurs "natifs" (Safari - pour iPad / iPhone, IE - pour Windows Phone, etc.).

Bonne journée à tous, mes amis et invités de mon blog. Aujourd'hui, mon article sera assez court, mais ne perd pas sa pertinence aujourd'hui. À savoir, je veux vous parler d'une chose telle que Google vérifiant la version mobile du site. Et peut-être que je n'écrirais même pas un article aussi évident si cette vérification ne m'avait récemment laissé perplexe.

Vérification avec google

Auparavant, les gens ne se souciaient pas de la conception réactive ou de la version mobile. Mais ensuite, lorsque l'information est apparue que les moteurs de recherche rétrograderaient les sites qui n'avaient pas de version mobile, les gens se sont tendus (comme dans le cas du HTTPS). Les gens ont immédiatement commencé à commander des versions mobiles à des pigistes, certains ont installé des plugins spéciaux qui pouvaient fonctionner de travers.

Ainsi, lorsque quelqu'un acquiert une mise en page adaptative ou une version mobile, il la vérifie immédiatement sur un service spécial de Google, qui examine simplement dans quelle mesure votre mise en page répond aux exigences. Maintenant, l'interface a un peu changé, mais l'essence reste la même.

Pour vérifier ce cas par vous-même, vous devez vous rendre à ce service - search.google.com/search-console/mobile-friendly. Après cela, dans la barre d'URL, entrez l'adresse de ce site et attendez. Après un court laps de temps, vous recevrez toutes les informations indiquant si votre site répond aux exigences de Google pour la mise en page mobile.

Je ne comprends pas...

Je sais parfaitement que mon site est adapté, d'autant plus que je viens tout juste de rafistoler la mise en page. Mais récemment, pour le plaisir, je suis allé à ce service pour voir ce que dirait le vieux Gosha, et j'ai été très surpris. Le fait est que le service m'a dit que mon blog n'a jamais été adapté et qu'il est peu lisible pour les appareils mobiles.

Je ne pouvais pas comprendre quel était le problème, alors j'ai commencé à chercher une solution sur Internet. Et je l'ai trouvé sur ce site. Il s'avère que tout était dans le fichier robots.txt. Il a été écrit noir sur blanc pour moi afin que les moteurs de recherche n'indexent pas mes fichiers de thème, c'est pourquoi il n'a vu aucune version mobile.

Après avoir supprimé une ligne de robots ( Interdire : /wp-content/themes/mon thème), alors le service a immédiatement déterminé que ma version mobile est normale. Alors ne vous inquiétez pas si la même chose vous arrive. Très probablement, vous n'avez tout simplement pas autorisé Google à indexer votre sujet.

Eh bien, avec cela, je vais probablement terminer mon article d'aujourd'hui. J'espère que cela vous a été utile. Comme tu peux le voir Le vérificateur de site mobile Google vous permet de voir si le site répond aux exigences du site. Mais dans les faits, il est rare de trouver un site qui n'ait pas sa propre version mobile ou adaptabilité. Un peu plus de temps passera, et tous les sites nouvellement créés auront automatiquement un certificat SSL.

Merci de m'avoir lu. Je vous attendrai certainement à nouveau sur les pages de mon blog. En attendant, je vous conseille de lire d'autres articles. Je suis sûr que vous trouverez beaucoup de choses intéressantes pour vous-même. Bonne chance à toi. Bye Bye!

Cordialement, Dmitri Kostin.

Eh, encore une fois Google nous "fait plaisir" avec ses règles et ses algorithmes, en proposant de nouvelles "migraines" pour les webmasters. Cette fois, on nous propose d'essayer un nouvel algorithme adapté aux mobiles qui augmentera les sites adaptés dans la recherche mobile et diminuera les ressources "non mobiles".

Comment tout cela fonctionnera-t-il ?

C'est très simple : tous les sites qui ne sont pas adaptés aux appareils mobiles (selon Google) seront simplement ignorés par le moteur de recherche et apparaîtront aux dernières places dans la recherche mobile, et les ressources mobiles monteront plus haut. Par exemple, s'il existe plusieurs sites d'un thème similaire, l'utilisateur trouvera sur une tablette ceux qui ont un design adapté pour être visualisés sur des appareils mobiles.

Mes impressions sur cette innovation sont doubles : d'une part, tout est correct, si j'utilise la recherche sur une tablette ou un smartphone, alors je veux voir ces sites qui se comportent correctement à l'écran dans les résultats de recherche. En revanche, l'algorithme de détermination de la « mobilité » est si étrange qu'il fait réfléchir sur la pertinence d'un tel « savoir-faire ». Bien sûr, j'ai vérifié mes sites par rapport aux recommandations et j'ai trouvé pour le moins étrange le comportement de Google en matière d'analyse des ressources.

Il vaut la peine de dire que lors de la création de sites Web, j'ai toujours vérifié l'apparence sur divers appareils manuellement et via des services, donc j'étais calme à propos de la «mobilité», mais cela ne s'est pas avéré si simple. Ainsi, Google recommande de vérifier vos ressources via un test adapté aux mobiles :

Entrez simplement l'adresse du site ou de la page et cliquez sur "Analyser". En vérifiant la page principale du site de mon ami de Crimée krimeo.ru à travers le test, j'ai vu que la page était optimisée pour les appareils mobiles.

Sans surprise, le modèle est réactif et le site a fière allure sur différents appareils. Ensuite, j'ai décidé de vérifier mon site et quelle a été ma surprise lorsque cette ressource n'a pas passé le test.

Intéressant... le template de ce blog est également responsive, je me suis connecté plusieurs fois sur ma tablette et mon smartphone... pourquoi Google ne l'a-t-il pas aimé alors ?

J'ai commencé à analyser ce qui pouvait exactement sur le site provoquer un tel résultat. La solution a été trouvée là où je m'y attendais le moins : sur mon site, les vignettes des articles étaient affichées avec un rectangle de 720x350px, et cela (selon Google) ne rend pas le site considéré comme mobile. Étonnamment, plus l'image (bouton) est grande - plus il est facile pour les utilisateurs d'appareils mobiles de frapper avec un doigt ... mais Google pense le contraire.

Il est également surprenant que lors de la visualisation du site sur un smartphone, toutes les images s'adaptent parfaitement à la taille de l'écran et qu'aucun «jambage» ne soit observé. Eh bien, j'ai décidé de mener une expérience et j'ai rendu la taille des images adaptative, c'est-à-dire plus la taille de l'écran de l'appareil est petite, plus l'image sur le site est petite. Essayez de saisir le coin du navigateur avec la souris et faites un zoom arrière.
Maintenant, certains webmasters peuvent avoir un autre problème : si Google se comportait de cette façon avec de grandes vignettes, alors la situation avec des illustrations pour les articles sera la même, et c'est beaucoup plus important que la page principale. Pour cela, il faut rendre les images adaptatives pour tout le site, en lançant un script js, mais ce n'est pas tout, le dossier cache et la règle de sauvegarde des images doivent être dupliquées en .htaccess

C'est vrai - les articles contenant de grandes images ne réussissent pas le test de Google, et les documents qui n'ont pas de très grandes illustrations sont considérés comme entièrement "optimisés pour les appareils mobiles". Je ne fournirai pas de captures d'écran - prenez simplement l'URL d'une publication distincte et cochez la case "mobilité".

Sinon, pourquoi Googlebot voit-il que le blog n'est pas optimisé pour les appareils mobiles ?

Parce qu'il y a beaucoup de restrictions inutiles dans robots.txt.

Il n'y a qu'une seule interdiction dans le fichier virtuel robots.txt généré automatiquement par WordPress :

Interdire : /wp-admin

Et voici ce que Google écrit sur la raison pour laquelle les créateurs de WordPress ont fait de robots.txt la valeur par défaut :

Pour vous assurer que vos pages sont correctement indexées et affichées, vous devez autoriser Googlebot à accéder aux fichiers JavaScript, CSS et graphiques de votre site. Googlebot devrait voir votre site comme un utilisateur normal. Si l'accès à ces ressources est bloqué dans le fichier robots.txt, Google ne sera pas en mesure d'analyser et d'indexer correctement le contenu. Cela peut aggraver la position de votre site dans la recherche.

User-agent : * Disallow : /wp-admin Disallow : /wp-includes Disallow : /wp-content/plugins Host : Your_site Sitemap : http://Your_site/sitemap_index.xml (Sitemap by WordPress SEO by Yoast) User-agent : Googlebot-Image Autoriser : /wp-content/uploads/ User-agent : YandexImages Autoriser : /wp-content/uploads/

J'espère que Google améliorera son algorithme de vérification et donnera de vrais résultats, car de nombreux sites ont fière allure "en vrai" sur les tablettes et les smartphones.

Nous pouvons voir une telle surprise sous la forme d'un algorithme adapté aux mobiles depuis le 21 avril 2015. Google nous "gâte")). Vivez-vous calmement ? Voilà Panda ! Peu? Nate aussi le Pingouin ! défunt? Soyez compatible avec les mobiles !

Conclusion

Décidez vous-même de ce qu'il faut faire de ces informations, que vous passiez aux conceptions adaptatives ou non, c'est une affaire personnelle pour chaque webmaster, mais ces nouvelles règles sont déjà entrées en vigueur.

Soit dit en passant, non seulement la conception de site adaptative est considérée comme «optimisée pour les appareils mobiles», une version mobile distincte et un plugin pour WordPress conviennent également ici, l'essentiel est que le site ait l'air correct sur n'importe quel appareil. Prenez le en compte.