Plus de la moitié de tout le trafic Internet provient d’appareils mobiles (fait). Donc, si vous ignorez votre site mobile, vous risquez de manquer une grande partie de votre public. Dans cet article, j’aurais aimé vous présenter plusieurs façons de consulter vos propres sites mobiles. Après cet article, vous pourrez tester vous-même votre site Web mobile sur les éléments clés et améliorer votre référencement mobile.

Utilisez votre téléphone pour tester votre site mobile

Ouvrez le navigateur de votre téléphone et accédez à votre site Web. Voyez à quoi ça ressemble. Vous n’avez pas vu venir ce conseil, non…? Je connais des propriétaires d’entreprise qui n’ont jamais fait cela. Ils ont payé une tonne d’argent pour créer un site mobile, mais ne l’ont pas regardé après que leur concepteur en ait présenté le design. Comme Nike l’a dit: faites-le. Voyez ce qui vous manque. Ayez également une idée de la performance.

Ce que vous devez vérifier sur votre site mobile:

  1. Principales tâches. Assurez-vous que les visiteurs peuvent trouver vos pages principales en un instant. Demandez aux gens s’ils peuvent utiliser votre site. Commencez avec vos amis et votre famille.
  2. Adresse et numéro de téléphone. Les gens utilisent les sites Web mobiles des magasins pour définir leur navigation, par exemple. Si vous souhaitez que les clients trouvent votre magasin, indiquez votre adresse. Si vous voulez que les gens vous appellent, c’est le principal appel à l’action sur votre site mobile. Rendez-le cliquable.
  3. Un menu de travail et une option de recherche. C’est bien d’ajouter un menu de hamburgers car cela économise de l’espace, mais assurez-vous qu’il se déplie. Ajoutez une option de recherche comme sauvegarde pour votre menu.
  4. Conception mobile et UX. Assurez-vous que votre site mobile n’est pas seulement l’ensemble de votre site Web pressé dans ce petit écran sans mise à l’échelle réactive appropriée. Assurez-vous que votre site mobile offre le même contenu que votre site pour ordinateur, c’est-à-dire parité mobile.
  5. Boutons et liens. Assurez-vous que ceux-ci sont faciles à repérer et suffisamment grands pour cliquer.
  6. Lisibilité. La lecture à partir d’un écran est difficile, assurez-vous que votre typographie est en ordre.
  7. Performance. Comment est la vitesse du site? Et le expérience de la page?

Veuillez trouver plus d’informations à ce sujet dans notre article UX mobile.

Notez que différents téléphones diffèrent dans la façon dont ils présentent votre site Web. Pour cette raison, nous vous recommandons de vérifier la version mobile du site Web d’une autre manière afin de trouver des failles dans votre site mobile.

Test d’optimisation mobile de Google

La convivialité mobile est un facteur de classement. Mobile d’abord est le jeu. Google a créé un outil de test, qui permet de voir facilement comment Google voit votre site Web. Bing propose également un test similaire pour les mobiles.

Les résultats des tests pour un site non optimisé pour le mobile

le Test Google Mobile-Friendly montre un rendu de votre page mobile. Si cette page ressemble à celle ci-dessus, je suppose qu’il y a encore du travail à faire. Même si Google vous dit que votre site Web est adapté aux mobiles. N’oubliez pas qu’il s’agit d’une vérification automatisée. Vérifiez tous les éléments de cet article manuellement, juste pour vous assurer de ne rien manquer. Parfois, le bon sens est beaucoup plus précieux que ce que Google vous dit 🙂

Barre d’outils du développeur Web

Vous pouvez également tester votre site mobile directement depuis votre navigateur. Dans votre navigateur Chrome, visitez simplement votre propre site Web et faites un clic droit quelque part sur l’écran du navigateur. Cliquez sur «Inspecter». Vous pouvez également l’ouvrir à partir de la barre de menus Outils> Outils de développement. Après cela, cliquez sur la deuxième icône dans la barre de menus de l’inspecteur:

Divers outils de développement dans les navigateurs Web sont fournis avec un vérificateur de conception réactif utile

Cela ouvrira le site Web comme dans la capture d’écran ci-dessus. Cela vous permettra de voir si votre site Web est adapté à plusieurs tailles d’écrans. Firefox a une fonctionnalité similaire appelée mode de conception réactif.

Lorsque vous sélectionnez, par exemple, un iPhone dans cette liste déroulante et que l’ensemble de votre site Web est réduit pour s’adapter à l’écran, vous savez que votre site mobile n’est pas adapté aux mobiles.

Test de performance

La convivialité mobile ne consiste pas simplement à vérifier l’apparence de votre site mobile dans un navigateur. La performance joue un grand rôle. Donc, si vous voulez faire de votre site mobile un succès, vous devez faire de la performance une priorité. Encore une fois, il existe de nombreux outils qui peuvent vous donner un aperçu des performances de votre site. L’un de ces outils est celui de Google Web.dev/measure. Ajoutez simplement votre URL et cliquez sur Exécuter l’audit.

Si vous marquez quelque chose comme ça, vous avez du pain sur la planche

L’outil montrera quelques mesures et moyens d’améliorer ces scores. Parcourez les conseils et voyez ce que vous pouvez faire pour améliorer votre site mobile. Gardez également un œil sur des outils comme PageSpeed ​​Insights cela vous donnera une meilleure idée de l’aspect vitesse du site de votre site mobile.

Ces améliorations SEO de Web.de/measure concernent toutes le rendu d’une page qui n’est pas adaptée aux mobiles

Testez votre site mobile: conclusion

Si vous souhaitez vérifier si votre site mobile fonctionne du tout, utilisez l’outil Inspect de votre navigateur et le test de compatibilité mobile de Google. Vérifiez un certain nombre de détails si votre site Web est adapté aux appareils mobiles, comme les tâches principales et la taille de vos boutons. Si vous souhaitez obtenir des conseils supplémentaires pour diviser votre conception pour l’adapter à plusieurs écrans, veuillez lire cet article sur notre blog de développement.

Lire la suite: SEO mobile: le guide ultime »


Source link

%d blogueurs aiment cette page :