Voici la liste de quelques ressources complémentaires pour finaliser vos projets web :
- Suivre l’évolution des KPI avec un outil de statistiques
- Mettre en place un plugin d’accessibilité
- Mettre en place Google Recaptcha
- Vérifier l’architecture de vos pages avec un plugin Chrome
- Optimisation du SEO du site avec Yoast SEO
- Planifier un budget de mots clés pour toutes vos campagnes digitales.
- Indicateurs RSE / Eco conception
Suivre l’évolution des KPI avec un outil de statistiques
Pour savoir ce qui se passe sur votre site internet, vous devez installer un outil de suivi de trafic. Avec WordPress vous avez plusieurs choix :
- Soit utiliser Google Analytics, dans quel cas il faudra également installer une bannière d’acceptation des cookies (cf un peu plus bas). Vous pouvez suivre ce tuto pour installer facilement cette solution -> https://www.hostinger.fr/tutoriels/google-analytics-wordpress
- Sinon, une autre solution plus « RGPD compliant » consiste à utiliser un plugin interne qui ne communique pas les statistiques avec une entité américaine. En l’occurence, vous pouvez installer Independant Analytics, une solution qui n’utilise pas les cookies et qui garde toutes les données collectées sur le site -> https://fr.wordpress.org/plugins/independent-analytics/ . Avec cette solution pas besoin de bannière RGPD !
La mise en place d’une plateforme de consentement des cookies de tracking (si vous optez pour Google Analytics)
Suite aux récentes évolutions de la loi européenne, si vous utilisez Google Ads + Google Analytics il faut mettre en place une CMP (Cookie Management Platform) sur votre site internet.
Le hic ? Il n’y en a pas beaucoup de gratuites. Vous pouvez installer celle-ci qui fait bien le travail : https://www.cookieyes.com/fr/ soit via Google Tag Manager (méthode difficile mais qui fonctionne sur tout type de site), soit en passant par son plugin WordPress disponible dans le registre officiel des extensions WordPress (dispo via l’onglet « Extensions » de votre back-office ou ici https://wordpress.org/plugins/cookie-law-info/). Il faut d’abord créer un compte sur le site officiel puis entrer la clé API de votre compte dans les paramètres du plugin. Vous pourrez trouver un tuto explicatif en vidéo ici : https://www.youtube.com/watch?v=vp28RZubmbM et la documentation officielle ici : https://www.cookieyes.com/documentation/install-cookieyes-wordpress-plugin/
Mettre en place un plugin d’accessibilité
Pour rendre un site WordPress plus accessible, il existe plusieurs plugins conçus pour améliorer l’expérience utilisateur pour tous, y compris les personnes ayant des besoins spécifiques en matière d’accessibilité. Voici trois plugins populaires qui peuvent aider à rendre un site WordPress plus accessible :
- WP Accessibility : Ce plugin aide à résoudre des problèmes d’accessibilité courants dans les thèmes WordPress. Il offre des fonctionnalités telles que l’ajout de descriptions longues pour les images, l’amélioration des liens d’évitement, l’ajout de contraste pour les formes et le contenu, et la correction des erreurs d’accessibilité dans le code HTML généré par WordPress. Dispo ici : https://wordpress.org/plugins/wp-accessibility/
- One Click Accessibility : Le plugin One Click Accessibility se concentre sur la simplicité d’utilisation et permet aux administrateurs de sites d’ajouter rapidement des fonctionnalités d’accessibilité sans nécessiter de connaissances en codage. Il inclut des options pour ajouter des liens d’évitement, des outils pour améliorer les contrastes, et des fonctionnalités pour rendre les icônes et les images plus accessibles. Dispo ici : https://wordpress.org/plugins/pojo-accessibility/
Mettre en place Google Recaptcha
La mise en place de Google reCAPTCHA v3 sur votre site WordPress, en particulier lorsque vous utilisez des constructeurs de page populaires comme Elementor, WPForms, ou Divi, est une excellente manière de protéger votre site contre le spam et les abus automatiques sans perturber l’expérience utilisateur. Voici comment vous pouvez intégrer Google reCAPTCHA v3 avec chacun de ces outils :
Étape Préliminaire : Obtenir les Clés API de Google reCAPTCHA
Avant de configurer reCAPTCHA dans WordPress, vous devez créer un compte reCAPTCHA et obtenir vos clés API (clé du site et clé secrète) :
- Allez sur le site de Google reCAPTCHA.
- Cliquez sur le bouton v3 Admin Console.
- Connectez-vous avec votre compte Google ou créez-en un.
- Enregistrez un nouveau site en fournissant un label, en choisissant la version reCAPTCHA v3, et en ajoutant le nom de domaine de votre site.
- Acceptez les conditions d’utilisation et soumettez le formulaire pour obtenir vos clés API.
Intégration avec Elementor
Pour Elementor, vous aurez besoin d’un formulaire créé via Elementor Pro qui permet l’intégration native avec reCAPTCHA :
- Dans le tableau de bord WordPress, allez dans Elementor > Paramètres > Intégrations.
- Faites défiler jusqu’à la section Google reCAPTCHA et saisissez votre clé de site et votre clé secrète.
- Lorsque vous créez ou modifiez un formulaire avec Elementor Pro, vous verrez une option pour ajouter un champ reCAPTCHA. Sélectionnez reCAPTCHA v3 dans les paramètres du champ.
- Personnalisez les paramètres selon vos besoins et publiez ou mettez à jour votre page.
Intégration avec WPForms
WPForms facilite l’intégration de Google reCAPTCHA v3 directement depuis ses paramètres :
- Dans le tableau de bord WordPress, allez dans WPForms > Paramètres.
- Ouvrez l’onglet reCAPTCHA et sélectionnez reCAPTCHA v3.
- Entrez votre clé de site et votre clé secrète.
- Sauvegardez vos paramètres.
- Lorsque vous créez ou modifiez un formulaire, reCAPTCHA v3 sera automatiquement appliqué.
Intégration avec Divi
Pour Divi, l’intégration se fait également via les options du thème :
- Faites défiler jusqu’à l’onglet Général et recherchez les champs pour la clé du site et la clé secrète reCAPTCHA.
- Entrez vos clés API reCAPTCHA v3.
- Ensuite, lorsque vous utilisez le module formulaire de contact Divi, vous aurez la possibilité d’ajouter reCAPTCHA v3 à vos formulaires.
Vérifier l’architecture de vos pages avec un plugin Chrome
Le jury vérifie systématiquement l’organisation de vos contenus. Veillez à bien faire en sorte que la structure <h1> <h2> <h3> etc. respecte les normes du W3C.
Bonnes pratiques à suivre
- Unicité du
<h1>: Assurez-vous que chaque page a un seul<h1>qui résume clairement le contenu de la page. - Ordre Logique : Suivez un ordre logique pour les titres. Ne sautez pas de
<h1>directement à<h3>sans<h2>entre eux. - Pertinence des Mots-clés : Intégrez des mots-clés pertinents dans vos titres pour améliorer votre SEO.
Pour vérifier la cohérence de votre structure je vous recommande le plugin Heading Maps.
La version Chrome est dispo ici :https://chromewebstore.google.com/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi et la version firefox ici : https://addons.mozilla.org/fr/firefox/addon/headingsmap/
Il suffit d’installer le plugin, de l’épingler pour voir son icône à droite de votre barre d’URL, et de cliquer dessus pour voir s’afficher la structure de votre page dans une sidebar latérale.
Optimisation du SEO du site avec Yoast SEO
Je vous recommande la lecture de cet excellent article de WPMarmite : https://wpmarmite.com/wordpress-seo/
Quelques vidéos intéressantes sur le sujet :
Planifier un budget de mots clés pour toutes vos campagnes digitales.
Si vous avez accès à un compte Google Ads, je vous recommande d’essayer l’outil qui permet de planifier le budget d’éventuelles campagnes Ads. La documentation officielle est disponible ici : https://support.google.com/google-ads/answer/7337243?hl=fr
et ici : https://ads.google.com/intl/fr_fr/home/resources/articles/using-google-ads-keyword-planner/
Si vous n’avez pas accès à Google Ads, vous pouvez utiliser des tableaux excel :
- Pour définir vos objectifs SMART : https://docs.google.com/spreadsheets/d/1LRQVmo5lamW_CUYFKgsjgDjkEzrSD68zJkTmJRKd0wE/edit?gid=0#gid=0
- Utiliser le tableau de rentabilité pour définir à partir de quand une campagne de communication en ligne est rentable : https://docs.google.com/spreadsheets/d/1QJyzlq7oHuHN90arACveHkciNV-I–lWhDZojpGi8qw/edit?gid=0#gid=0
- Pour utiliser ce tableau de manière optimale il vous faut quelques infos en amont, comme le panier moyen ; si vous ne travaillez pas sur un e-commerce, il faut au moins pouvoir estimer ce que rapporte en moyenne un utilisateur converti !
Indicateurs RSE / Eco conception
Vous pourrez tester l’impact environnemental de votre site avec cet outil : https://www.ecoindex.fr/
Si le score n’est pas « bon » (au dela de C), vous pouvez installer WP Optimize et suivre ce guide d’utilisation pour alléger votre site et le rendre un peu plus performant : https://noracheikh.com/configurer-wp-optimize/
Si le score est toujours mauvais, commencez par revoir la taille de vos images, c’est la plupart du temps à cause d’une mauvaise compression que le score est si bas ! Privilégiez le format WebP aux autres formats pour vous assurer d’avoir un rapport qualité / poids de l’image intéressant.