Dernières vérifications pour le site internet

Voici quelques sujets / tutos / vérifications à ne pas oublier avant la présentation finale !

La mise en place d’une plateforme de consentement des cookies de tracking

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.