Avec le passage prochain de Google à l'indexation mobile pour la première fois en milieu d'année, il est temps de dynamiser votre entreprise avec la création d'un site Web convivial pour les mobiles. Considérez les quatre conseils suivants pour optimiser votre site Web sur n'importe quel appareil à temps pour le passage au mobile.
Comprendre le passage à un index Mobile First
Google utilise le contenu de votre ordinateur pour déterminer le classement de votre site Web pour les ordinateurs de bureau et les appareils mobiles, ce qui signifie que votre classement dépend désormais de la façon dont votre contenu apparaît sur un ordinateur de bureau plutôt que sur des appareils mobiles. Mais depuis que de plus en plus de personnes accèdent à Internet avec leurs appareils mobiles plutôt que depuis un ordinateur de bureau, Google a officiellement décidé de classer les sites Web en fonction de leur contenu. Si votre site Web n’a pas de présentation réactive, si sa vitesse de chargement est lente ou si la navigation et le contenu sont mal conçus, votre classement diminuera probablement si vous n’optimisez pas votre site pour mobile avant le changement.
$config[code] not foundTester et accélérer la vitesse de chargement
Des études récentes indiquent que 47% des consommateurs souhaitent qu'une page Web soit chargée en deux secondes ou moins, et 40% des internautes quittent un site Web si le processus de chargement prend trois secondes ou plus. Ces statistiques, ainsi que l’annonce par Google que la vitesse de chargement des pages mobiles sera un facteur crucial pour la détermination des classements après le changement, devraient être suffisantes pour que chaque propriétaire d’entreprise vérifie le temps de chargement mobile de son site Web. Déterminez la vitesse de chargement de chacune des pages de votre site Web à l’aide de Google Tools Chrome User et de Page Speed Insights.
Si vous devez accélérer votre vitesse de chargement, les méthodes suivantes sont parmi les plus recommandées:
- AMP: Le projet de pages mobiles accélérées - AMP est une entreprise à source ouverte qui utilise un code HTML réduit pour charger les pages de votre site Web plus rapidement que le format HTML standard. Ceci, associé au fait que Google stocke votre contenu dans sa mémoire tampon, contribue à améliorer le temps de chargement de votre site Web.
- Progressive Web Apps - Les PWA sont des options pour ceux qui ne souhaitent pas passer au projet AMP. Les PWA réagissent rapidement aux communications des utilisateurs et se chargent rapidement, ce qui en fait une alternative viable au AMP.
- PWAMP - PWAMP est un mélange de PWA développé sur AMP, JS, CSS et HTML, mais les sites utilisant PWAMP pourraient ne pas être certifiés aussi rapidement que les pages AMP. Cependant, les pages PWAMP sont toujours rapides et offrent les mêmes avantages que les PWA.
Pleins feux sur l'expérience utilisateur
Une erreur typique que les entreprises ont tendance à commettre est d'adapter leurs sites Web de bureau au mobile tout en se comportant comme si le mobile n'était qu'un ajout au site de bureau. Pour atteindre un classement élevé après le basculement, les entreprises doivent hiérarchiser les priorités en matière de téléphonie mobile en faisant des ajustements fondés principalement sur l’expérience des utilisateurs. Posez-vous les questions suivantes sur les utilisateurs de votre site Web mobile:
- Navigation - À quoi cela ressemble-t-il et à quel point est-il facile à manœuvrer? Est-il assez simple pour les utilisateurs de revenir à l’endroit où ils viennent d’être?
- Clarté - Est-il facile de trouver des informations importantes? Est-ce que mes pages de titre sont claires? Mes informations de contact sont-elles facilement accessibles?
- Envisagez les fenêtres contextuelles - Est-il facile de fermer des fenêtres contextuelles? Devrais-je réduire les pop-ups?
- Police - Quelle est la taille de ma police? Quelle devrait être sa taille?
Tenant compte de ces considérations, vous êtes prêt à passer à la dernière étape de préparation de votre site pour mobile.
Optimisez votre conception et votre contenu
Après une analyse minutieuse de votre site Web sur la base des questions ci-dessus, optimisez et concevez votre contenu pour mobile en vous concentrant sur la création de la meilleure expérience utilisateur mobile possible. Il y a beaucoup de choses que vous voudrez peut-être réorganiser concernant votre conception et votre contenu, mais voici quelques-uns des changements les plus fondamentaux à apporter:
- Conception Web réactive - Google recommande la conception Web réactive, une approche de la conception visant à optimiser l'apparence et les fonctionnalités d'un site sur un assortiment de différentes tailles d'appareils et d'écran.
- Utiliser les menus déroulants - Google a indiqué qu'il ne pénaliserait pas les sites Web pour protéger leur contenu derrière des menus déroulants si le contenu était chargé en même temps que la page. N'hésitez donc pas à intégrer les menus déroulants de manière raisonnable lors de la création de votre site mobile.
- Ne pas utiliser Flash - La plupart des utilisateurs mobiles ne peuvent pas voir le contenu Flash. Evitez-le donc complètement et utilisez plutôt Java ou HTML pour ajouter ces composants attrayants à votre site.
- Assurez-vous que le contenu est facile à lire - Faites en sorte que votre contenu soit facile à lire sur de petits écrans; Fournissez quelques liens dans des parties de texte plus longues, afin que les utilisateurs puissent facilement se rendre où ils veulent et utilisent des en-têtes pour diviser votre contenu et rendre vos pages plus propres.
- Permet de cliquer facilement sur la taille du texte et les capacités de l'écran tactile - Assurez-vous que votre site Web est «convivial» en faisant en sorte que vos pointes tactiles aient la taille appropriée et en laissant un espace suffisant entre les composants cliquables.
Photo via Shutterstock
1 commentaire ▼
