Ressources pour vos sites web

Voici la liste de quelques ressources complémentaires pour finaliser vos projets web :

Table des matières

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 :

  1. 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/
  2. Accessibility Suite by UserWay : UserWay offre une suite d’outils d’accessibilité qui inclut un widget permettant aux utilisateurs de personnaliser leur expérience de navigation en fonction de leurs besoins. Les fonctionnalités incluent l’ajustement des tailles de texte, la modification des contrastes de couleur, et la navigation au clavier, rendant le site plus accessible aux personnes ayant différentes formes de handicaps. Dispo ici : https://wordpress.org/plugins/userway-accessibility-widget/
  3. 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) :

  1. Allez sur le site de Google reCAPTCHA.
  2. Cliquez sur le bouton v3 Admin Console.
  3. Connectez-vous avec votre compte Google ou créez-en un.
  4. Enregistrez un nouveau site en fournissant un label, en choisissant la version reCAPTCHA v3, et en ajoutant le nom de domaine de votre site.
  5. 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 :

  1. Dans le tableau de bord WordPress, allez dans Elementor > Paramètres > Intégrations.
  2. Faites défiler jusqu’à la section Google reCAPTCHA et saisissez votre clé de site et votre clé secrète.
  3. 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.
  4. 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 :

  1. Dans le tableau de bord WordPress, allez dans WPForms > Paramètres.
  2. Ouvrez l’onglet reCAPTCHA et sélectionnez reCAPTCHA v3.
  3. Entrez votre clé de site et votre clé secrète.
  4. Sauvegardez vos paramètres.
  5. 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 :

  1. Dans le tableau de bord WordPress, naviguez vers Divi > Options du thème.
  2. Faites défiler jusqu’à l’onglet Général et recherchez les champs pour la clé du site et la clé secrète reCAPTCHA.
  3. Entrez vos clés API reCAPTCHA v3.
  4. 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 :

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.

-> Convertisseur d’images en ligne