Comment ajouter CAPTCHA à votre site Web

Quel que soit l'objectif principal de votre site Web, vous êtes susceptible d'inclure des options d'abonnement, des formulaires de contact et d'autres moyens permettant à vos visiteurs de communiquer avec vous. Cela fait partie intégrante d'une bonne expérience utilisateur et de la croissance de l'entreprise.

Pour vous assurer que vous ne recevez que des e-mails de vrais visiteurs et pour maintenir la réputation de votre site, vous devez mettre en place des mesures pour rendre votre site fiable et protégé. Dans cet article, nous verrons comment protéger votre site Web en ajoutant CAPTCHA.

Différentes utilisations non autorisées de votre site Web

Les personnes peu scrupuleuses peuvent interagir avec votre site de différentes manières. Cela peut nuire à la réputation de votre site et compromettre vos données. Voici quelques façons dont vous pouvez faire l'expérience d'une utilisation non autorisée :

• Utiliser des bots pour publier des commentaires

• Envois automatisés via formulaires d'inscription/contact

• Enregistrement en masse de comptes sur votre site avec de fausses adresses e-mail.

Le principal moyen de protéger votre site Web et de vous guider contre ces vulnérabilités consiste à utiliser le script CAPTCHA sur vos pages Web.

Raisons d'utiliser CAPTCHA

La principale raison d'utiliser CAPTCHA sur votre site est d'établir l'authenticité des visiteurs de votre site. Cela garantit également que vous recevez des messages de vrais êtres humains et non de robots. De nombreux agents et scripts automatisés ont été développés à des fins malveillantes.

Les avoir sur votre site Web obstruera inutilement votre site et consommera des ressources pour vous attaquer, vous et vos visiteurs. Par exemple, votre site peut connaître des échecs de messagerie constants en raison du spam du formulaire de contact ou de l'enregistrement massif de faux comptes.

Tout cela affectera la réputation de votre site Web, y compris le nom de domaine et l'adresse IP cPanel d'hébergement. Ces raisons et bien d'autres sont les raisons pour lesquelles l'utilisation de CAPTCHA est fortement recommandée.

Comment CAPTCHA fonctionne sur votre site Web

CAPTCHA exige que les visiteurs de votre site effectuent une tâche simple ou compliquée pour accéder ou soumettre un formulaire sur votre site. Les tâches peuvent nécessiter la lecture et l'interprétation de certains éléments ou l'utilisation de la logique humaine pour répondre aux questions. Bien qu'il puisse parfois être gênant, il offre une sécurité adéquate pour votre site.

Si les visiteurs réussissent correctement la tâche, la connexion est reconnue et le visiteur pourra accéder à votre site ou soumettre un formulaire de contact. Il est recommandé de s'en tenir à une utilisation CAPTCHA simple plutôt qu'à une utilisation complexe impliquant des tâches linguistiques et mathématiques complexes.

Quel est le CAPTCHA le plus efficace à utiliser ?

Bien qu'il existe de nombreuses options pour CAPTCHA sur le marché, Google reCAPTCHA est l'un des services CAPTCHA les plus utilisés. La meilleure partie est qu'il est gratuit et offre des fonctions basiques mais efficaces. Bien sûr, si vous voulez la version payante, vous pouvez passer à la version Enterprise, qui offre des possibilités d'intégration et des fonctionnalités étendues.

Vous pouvez trouver le package d'abonnement dans la section Produits de la page Google Developers. Pour ce guide, nous examinerons la version gratuite du service reCAPTCHA CAPTCHA.

Étapes pour ajouter reCAPTCHA à votre site Web

Étape 1 : Avant de commencer le processus, il est recommandé de vous connecter à votre compte Google.

Étape 2 : Visitez la page du Guide du développeur de Google pour commencer à ajouter reCAPTCHA à votre site.

Étape 3 : Dans la petite section de présentation de la page du Guide du développeur, cliquez sur le lien « S'inscrire pour une paire de clés API ». Vous serez redirigé vers une autre page.

Étape 4 : Remplissez les informations de votre site Web sur la prochaine page ouverte. La partie avec "Label" est le nom de votre site Web sur votre panneau Google. Les "Domaines" doivent répertorier votre nom de domaine existant attaché à votre plan d'hébergement.

Utilisez uniquement le nom de domaine sans l'URL de votre site. Un exemple est bonheur.com. Ensuite, consultez les « Conditions d'utilisation » pour accepter les conditions d'utilisation du service.

Étape 5 : L'écran suivant contient les codes de clé secrète et de clé de site à utiliser. Copiez-les dans un endroit sûr et facilement accessible avant de commencer la configuration CAPTCHA sur votre site Web.

Il convient de noter qu'il existe deux versions de Google reCAPTCHA - v2 et v3. Google reCAPTCHA v2 évalue le trafic et demande que la case à cocher sur la page soit cochée en cas d'utilisation suspecte. Cette version est plus confortable et fiable pour le contenu mobile.

Google reCAPTCHA v3 ne nécessite de remplir aucun champ ni de cocher aucune case. Il suit et construit des scores pour valider l'activité des utilisateurs sur la page. Il fonctionne selon des comportements qui correspondent à des règles et recommande des tâches correspondantes.

Notez que les deux versions sont des ensembles de scripts que vous pouvez ajouter à votre site pour leurs pages correspondantes. Vous pouvez ajouter la fonctionnalité via des modules ou des plugins sur des sites Web CMS tels que WordPress.

Étape 6 : Installez CAPTCHA sur votre site WordPress. Pour ce faire, accédez à votre site WordPress. Allez dans la section Plugins et cliquez sur l'onglet "Ajouter un nouveau". Recherchez CAPTCHA dans le champ de recherche. Vous devez sélectionner la version du plugin compatible avec votre version de WordPress.

Habituellement, le système le marque automatiquement. Alors, il vous suffit de cliquer dessus. Si vous essayez d'installer des versions de plug-in incompatibles, cela peut entraîner des problèmes sur votre site Web, notamment le rendre indisponible pour les visiteurs.

Après l'installation, vous pouvez maintenant l'intégrer au formulaire de contact que vous utilisez. Par défaut, la protection CAPTCHA est déjà intégrée dans la plupart des plugins de contact connus sur WordPress. Il est disponible dans la dernière édition du plugin Contact Form 7.

Étape 7 : Accédez au tableau de bord d'administration de votre site Web et accédez à l'onglet « Intégration » dans la section Contact. Ici, vous trouverez l'addon reCAPTCHA. Cliquez sur le bouton "Configurer l'intégration".

Étape 8 : Remplissez les détails que vous avez copiés à partir du tableau de bord des développeurs Google dans la fenêtre suivante et cliquez sur le bouton "Enregistrer les modifications".

Étape 9 : Accédez à la section "Contact", cliquez sur l'onglet "Formulaire de contact" et choisissez le formulaire que vous souhaitez modifier.

Étape 10 : Insérez [recaptcah] dans le code indiqué sur le formulaire de contact et cliquez sur le bouton "Enregistrer les modifications".

Conclusion

Là, vous avez votre CAPTCHA prêt à l'emploi. Chaque fois que quelqu'un utilise les formulaires de contact sur votre site, le CAPTCHA apparaîtra pour valider s'il s'agit de vrais humains ou de robots.

Si vous souhaitez plus de paramètres et de codes pour l'intégration dans votre formulaire de contact, vous pouvez consulter la page du laboratoire de code reCAPTCHA à partir de votre compte Google. Vous trouverez des choses comme le comportement, la taille et d'autres options dans la section.