Rendre votre site responsive

Initiation Au SEO

Rendre votre site responsive

📄

Start

Rendre votre site responsive

En 2023 il est indispensable d’avoir un site mobile clean, parce que Google prend en compte dans son algorithme la vitesse et l’ergonomie du site sur mobile. L’ergonomie et le temps de chargement sont les deux piliers du responsive.

Le temps

L'ergonomie

Rendre votre site responsive

Il ne faut pas s’inventer designer mais plutôt essayer de compresser au maximum tous nos contenus et réaliser ce que l’on sait faire. Il vaut mieux utiliser un CMS et un thème “responsive friendly” pour avoir le plus de simplicité au niveau de la mise en place du contenu. Il faut créer le site sur mobile avant de le faire sur ordinateur.

Rendre votre site responsive

Les conseils à suivre

Espacez vos boutons cliquables

Et pour les boutons cliquable, il faut aussi les espacer suffisamment pour que la personne clique bien au bon endroit.

Bouton 1

Bouton 2

Contrastez les couleurs

Il faut contraster au maximum les couleurs car les conditions de luminosité ne sont pas les même sur PC et sur mobile.

Ecrivez suffisamment grand

Title 1

Il faut aussi veiller à écrire suffisamment grand pour que ce soit facilement lisible pour les utilisateurs.

autres conseils

Rendre votre site responsive

L'heure des tests

Une fois que tout est créé, on va regarder si on a bien fait les choses avec des tests d’optimisation mobile. Soit via “test d’optimisation mobile” sur google où on teste notre URL.

autre test

📄

Rendez-vous dans la prochaine section de votre formation : L'architecture d'un site

Autres conseils à suivre

• Il faut éviter d’utiliser la pleine largeur pour éviter l’obligation d’un scroll horizontal sur une page mobile, les utilisateurs vont etre refroidis par ça. Tous les élements doivent être interactifs mais de maniere simple : scroll, zoom, clic, pivoter, scroller horizontal ou autre, ça ne marche pas

• Pareil pour les “animations” par exemple un effet quand la souris se balade quelque part sur l'écran, il vaut mieux eviter car ce n’est pas visible sur telephone car il n'y à pas de souris. Ce sont les “animations de survol”.

• On évite de surcharger d’elements et on élimine le superflu.

• Si on doit inserer un formulaire, on évite de mettre trop de champs et les champs à réponse longue. Il faut avoir des formulaires de complétion intelligente : quand on commence à taper un nom ou une adresse, tout se met automatiquement. Cela améliore la navigation et l’UX (Expérience utilisateur).

Google Search Console

Vous pouvez aussi faire votre test avec Google Search Console via le rapport d’ergonomie mobile. Cela nous donne les erreurs qui existent sur les pages. On peut aller sur la page en question, faire un clic droit, inspecter l’element et se mettre en mode mobile. Et on peut aussi choisir les types de téléphones.Google donne un bonus SEO aux sites qui sont les plus responsives.