diOptera Favicon

Spam vs UX : Protéger vos formulaires (reCAPTCHA)

reCAPTCHA est un service développé par Google qui protège les sites web contre les abus et les bots.

Partager l'article

Vous avez sécurisé votre formulaire de contact avec Google reCAPTCHA v3. C’est une excellente décision pour éviter de recevoir 50 emails de « Prince Nigérian » ou de vente de Viagra par jour (voir nos conseils sur les Incidents de sécurité).

Mais il y a un problème. Google impose par défaut un Badge Flottant assez disgracieux en bas à droite de toutes vos pages. Sur un ordinateur, c’est moche. Sur un smartphone, c’est catastrophique.

Pourquoi ? Parce que ce badge se superpose souvent à vos éléments vitaux : le bouton « Remonter en haut », le widget de Chat, ou pire, le bouton « Ajouter au panier » qui est souvent ancré en bas d’écran sur mobile. Résultat : le client ne peut pas cliquer. Il s’énerve. Il part.

Voici comment supprimer ce badge légalement pour nettoyer votre design.

1. Google reCAPTCHA v3 : L’ami encombrant

Contrairement aux anciennes versions où il fallait cliquer sur des photos de passages piétons (insupportable), la version v3 est invisible. Elle analyse le comportement de la souris pour savoir si le visiteur est un humain. C’est la meilleure technologie actuelle.

Cependant, Google exige d’afficher ce badge pour informer l’utilisateur que ses données sont analysées. Si vous le laissez tel quel, vous sacrifiez votre Expérience Utilisateur (UX).

2. La Solution Technique (Le Code CSS)

Heureusement, il est possible de masquer cet élément visuel avec une simple ligne de code. Pas besoin d’être développeur.

  1. Connectez-vous à votre administration WordPress.
  2. Allez dans Apparence > Personnaliser.
  3. Ouvrez l’onglet CSS Additionnel.
  4. Copiez-collez ce code :

CSS

.grecaptcha-badge {
    visibility: hidden !important;
}
  1. Cliquez sur Publier. Le badge a disparu. Votre site respire à nouveau.

3. La Contrepartie Légale (Obligatoire)

Attention : Google vous autorise à masquer le badge à une seule condition. Vous devez informer l’utilisateur par un autre moyen. Si vous ne le faites pas, Google peut couper votre protection du jour au lendemain.

Vous devez ajouter la phrase suivante (avec les liens) sous vos formulaires de contact ou dans votre pied de page (Footer) :

Ce site est protégé par reCAPTCHA et la Politique de confidentialité ainsi que les Conditions d’utilisation de Google s’appliquent.

C’est un compromis acceptable : une petite phrase discrète en bas de page vaut mieux qu’un gros logo flottant sur tout le site.

4. Les Alternatives (Honeypot)

Si vous ne voulez pas dépendre de Google, il existe d’autres méthodes anti-spam moins intrusives, comme la technique du Honeypot (Pot de miel). Le principe : on ajoute un champ invisible dans le formulaire (ex: « Laissez ce champ vide »).

  • L’humain ne le voit pas, donc il le laisse vide.
  • Le robot remplit tout bêtement, donc il est détecté et bloqué.

La plupart des plugins de formulaire modernes (Elementor Forms, WPForms) proposent cette option nativement.

Le Diable est dans les détails

En webmarketing, ce sont les frictions mineures qui tuent la conversion. Un badge qui cache un bouton d’achat peut vous coûter des milliers d’euros par an.

Le souci du « Pixel Perfect » est notre marque de fabrique. Dans nos prestations de Création de site internet, nous gérons ces détails techniques pour vous livrer un site non seulement sécurisé, mais parfaitement utilisable sur mobile.