time_read20mn de lecture

14 astuces pour cacher votre adresse e-mail sur votre site internet

14 septembre 2018

14 astuces pour cacher votre adresse e-mail sur votre site internet

Comme beaucoup de personnes, vous désirez très certainement avoir votre adresse e-mail visible sur votre site internet. Par la suite, vous déposez très souvent des plaintes pour cause de Spams. Bien que les filtres anti-spam puisse empêcher ces e-mails d’apparaître dans la boite de réception, il est préférable d’éviter que les adresses de courrier électronique ne soient détectées par les robots anti-spam. Découvrez dans cet article, comment cacher votre adresse e-mail et vous prémunir contre les spams.

1. Vous ne désirez pas de protection

Vous pouvez mettre en place le code le plus basique en HTML, votre adresse e-mail sous forme de mailto.

<p> Ecrivez nous à 
<a href="mailto:contact@domaine.com">
contact@domaine.com</a>.</p>
  • Avantage: Tout le monde peut lire et avoir accès à votre adresse e-mail
  • Inconvénient: Ce code permet à n’importe qui de récupérer votre adresse e-mail

2. Remplacer l’adresse e-mail par une image

Vous pouvez, si vous le désirez, remplacer le lien texte par une image contenant l’adresse e-mail:

<p>Ecrivez-nous à
<img src="adresseemail.jpg" width="150" height="20" alt="Adresse email"></p>
  • Avantage: Les robots collectant les adresses e-mail automatiquement afin d’envoyer un courrier indésirable, ne trouveront pas la vôtre.
  • Inconvénient: Il ne s’agit pas d’un lien. Il ne sera pas possible de cliquer dessus. Les robots lieront le texte se trouvant sur la balise Alt et pourront utiliser un lecteur optique de reconnaissance de caractères (OCR) afin de récupérer l’adresse e-mail.

3. Remplacer l’adresse e-mail par un script PHP

Plutôt que d’avoir une adresse e-mail, vous pouvez avoir un script PHP afin de charger le mailto:

Sur la page Web:

<p>Veuillez <a href="mail.php">nous envoyer un email</a>. </p>

Dans votre script PHP:

<? php
/* Mail pour l'adresse principale */
header ("Location: mailto:contact@domaine.com");
exit();
?>
  • Avantage: les robots anti  spam ne verront pas l’adresse e-mail.
  • Inconvénient: vous appelez un script chaque fois que quelqu’un clique sur ce lien. Les robots anti-spam ne vont pas seulement analyser le site, mais aussi les moteurs de recherche.

4. Remplacement des caractères spéciaux

C’est le moyen classique de “déguiser” votre adresse e-mail. Plutôt que d’avoir le signe “@” et le “.” vous avez des mots à la place.

<p>Envoyez-nous un courrier électronique à
<a href="mailto:contactATdomaineDOTcom">
contact AT domaine DOT com </a>. </p>
  • Avantage: Vous pouvez remplacer n’importe quelle signe par n’importe quelle valeur, par exemple [AT] ou *AT*. Dans tous les cas, le client de messagerie ouvrira l’adresse e-mail.
  • Inconvénient: Certains robots sont capables d’automatiser le remplacement de la valeur AT par le signe @. De plus, il sera nécessaire à l’utilisateur de changer l’adresse e-mail par le signe approprié, ce qui peut être dérangeant.

5. Cacher à travers les codes HTML de base

Il s’agit là d’un autre moyen assez facile de déguiser l’adresse e-mail. Grâce à une liste de code, il vous est possible de remplacer les symboles par leurs numéros HTML.

<p>Envoyez nous un courrier électronique à 
<a href="mailto:contact@domaine.com">
contact@domaine.com</a></p>
  • Avantage: S’affiche parfaitement dans le navigateur et se charge correctement dans le programme de messagerie.
  • Inconvénient: Les robots spécialisés dans le spam peuvent malheureusement automatiser le remplacement des numéros HTML.

6. Cacher entièrement à travers les codes HTML

Plutôt que de remplacer simplement le signe @ par un code HTML, vous pouvez remplacer le tout par des codes HTML et codes URL. Il est possible pour cela, de vous aider d’un Encoder d’e-mail.

<p>Contactez-nous à  
<a href="mailto:con
tact@dom
aine.com">
contact@do
maine
.com</a>.</p>
  • Avantage: L’adresse email est converti, cependant tout s’affichera correctement sur votre site ou dans le programme de messagerie tel que Outlook.
  • Inconvénients: Les robots peuvent toujours déchiffrer l’adresse e-mail

7. Ajout de commentaires HTML

Le code est correct, cependant il dispose de beaucoup de balises de commentaires HTML

<p>Contactez-nous par email à contact
<!--
-->
@
<!--
-->
domaine
<!--
-->
<!--
-->
.com
<!--
-->
.</p>
  • Avantages: S’affiche correctement dans le navigateur et les utilisateurs peuvent le copier / coller dans leur programme de messagerie.
  • Inconvénient: Si un mailto est utilisé avec, l’adresse e-mail pourra être reconnu. De plus, le poids de la page peut être plus conséquent.

8. Ajout de texte que l’utilisateur va devoir supprimer

Au lieu de mette un simple AT, vous pouvez ajouter du texte supplémentaire. Vous pouvez également personnaliser ce texte avec du CSS pour indiquer qu’il doit être supprimer.

<p>Envoyez nous un courrier électronique à
<a href="mailto:contactREMOVE@domaine.com">contact
<span style="color: #f00; text-decoration: line-through;">REMOVE</span>
@domaine.com</a>.</p>
  • Avantages: Vous pouvez modifier l’adresse email inexacte.
  • Inconvénients: Le CSS peut ne pas se charger correctement sur certains navigateurs Web. De plus, vos visiteurs ne devront pas oublier de modifier certaines parties de l’adresse e-mail.

9. Ajout de texte n’apparaissant pas sur la page

Grâce à du CSS, vous pouvez ajouter du code qui n’apparaîtra pas sur votre page.

<p>Veuillez nous envoyer un e-mail à contact
<span style="display: none;">SUPPRIMER</span>
@domaine.com.</p>
  • Avantages: Les robots collecteurs d’informations vont récupérer une adresse e-mail erronée.
  • Inconvénients: Les utilisateurs devront copier-coller l’adresse e-mail.

10. Créer un fichier javascript pour l’adresse e-mail

JavaScript vous permet d’ajouter l’adresse électronique en la cachant des robots.

<script language="JavaScript" type="text/javascript">
var part1 = "contact";
var part2 = Math.pow(2,6);
var part3 = String.fromCharCode(part2);
var part4 = "domaine.com";
var part5 = part1 + String.fromCharCode(part2) + part4;
document.write("Please email us at <a href=" + "mai" + "lto" + ":" 
+ part5 + ">" + part1 + part3 + part4 + "</a>.");
</script>
  • Avantages: L’adresse e-mail sera complètement cachée des robots.
  • Inconvénients: Si JavaScript est désactivé, le fichier ne s’affichera pas.

11. Utiliser un Captcha

Vous pouvez vous protéger en demandant aux gens si ce sont des robots. Le service reCAPTCHA de Google est une excellente option et, est souvent invisible pour les utilisateurs.

<p>Veuillez <a href="GOOGLE LINK" 
onclick="window.open('GOOGLE LINK', '', 'toolbar=0, scrollbars=0, 
location=0, statusbar=0, menubar=0, resizeable=0, width=500, 
height=300'); return false;">nous envoyer un email</a>
  • Avantages:  L’adresse e-mail est complètement cachée des robots collecteurs de spam et vous pouvez redéfinir le CAPTCHA en fonction de votre conception.
  • Inconvénients: Les visiteurs peuvent être agacés par le CAPTCHA.

12. Chargement d’une partie de l’adresse par le biais d’un CSS

En utilisant les sélecteurs :before et :after sur votre CSS, vous pouvez créer une adresse e-mail lisible par vos visiteurs mais incorrecte pour les robots.

<style type="text/css">
p#emaildomain::after {
content: "13\40domaine.com";
}
span#emailname::before {
content: "example";
}
span#botblocker {
display: none;
}
</style>
<p id="emaildomain">Veuillez nous envoyer un e-mail à 
<span id="emailname">
<span id="botblocker">contact@domaine.com</span>
</span>.</p>
  • Avantages: Les robots collecteurs d’adresses e-mails ne lieront que ce qui se trouve dans le code HTML et non ce qu’il contient.
  • Inconvénients: L’adresse e-mail devra être copier-coller par l’utilisateur.

13. Inverser la séquence de caractères avec CSS

Grâce aux codes unicode-bibi et direction sur votre fichier, il vous est possible de créer une adresse e-mail qui s’affichera sur votre page mais qui ne pourra pas être lu par les robots.

<p>Envoyez-nous un email à 
<span style="unicode-bidi:bidi-override; direction: rtl;">
moc.eniamod@tcatnoc</span>.</p>
  • Avantages: Les robots lieront l’adresse erronée
  • Inconvénients: En cas de changement de votre adresse e-mail, les robots finiront par pouvoir la décrypter.

14. Cryptage de l’adresse électronique à l’aide de ROT13

Utilisez JavaScript afin de créer un chiffrement de substitution ROT13 afin de masquer l’adresse électronique.

<script language="JavaScript" type="text/JavaScript">
/* Encryption function */
function encRot13(mailString) {
var mapArray = [];
var elements = "abcdefghijklmnopqrstuvwxyz";
var outp = "";
for (i = 0; i < elements.length; i++) {
var x = elements.charAt(i);
var y = elements.charAt((i + 13) % 26);
mapArray[x] = y;
mapArray[x.toUpperCase()] = y.toUpperCase();
}
for (i = 0; i < mailString.length; i++) {
var c = mailString.charAt(i)
outp += (c >= 'A' && c <= 'z' || c >= 'a' && c <= '\' ? mapArray © : c)
}
return outp;
}
/* Concatenating and redirection mailstring function */
function decryptMail(encString) {
var linkString = "mailto:" ;
var addressString = encRot13(encString);
linkString += addressString;
document.location.href = linkString;
}
</script>
<p>Please 
<a href="JavaScript:decryptMail('rknzcyr15@urnegvagrearg.hx');">
email us</a>.</p>
  • Avantages: Les robots obtiendront l’adresse email incorrecte et l’utiliseront.
  • Inconvénients: JavaScript doit être activé. De plus ROT13 est facilement déchiffrable.

Conclusion

En ce qui concerne la lutte contre le Spam, le formulaire de contact est l’un des meilleurs choix pour cacher votre adresse e-mail. En plus de cacher l’adresse électronique, vous pouvez facilement intégrer CAPTCHA afin d’empêcher les robots de spams d’exploiter le formulaire.

Il existe une large gamme de scripts en ligne, permettant la création et la mise en place d’un formulaire de contact. De plus, certains systèmes de gestion de contenus tel que WordPress dispose d’un grand nombre de plugin à cet effet.

 

Avatar de l'auteur

Auteur de l'article

Fabrice S.

Développeur web full stack et consultant SEO. Je suis Fabrice, expert en développement web Full Stack, consultant SEO et noms de domaine chez LWS 🌐. J'adore partager mes astuces et mon expérience pour vous aider à briller sur le web ! Suivez-moi pour des conseils pratiques et fun 😊.

Il y a 2055 jours

note article

4.5/5 (163 votes)

Commentaires (6)
Avatar de Pistrello
Pistrello
15/07/2020 - 12:16
Avatar de Ravo-Tiana
Ravo-Tiana
2020-07-15 13:03:31
Avatar de Carine W
Carine W
14/11/2020 - 01:06
Avatar de Ravo-Tiana
Ravo-Tiana
2020-11-16 07:51:49
Avatar de Maxence
Maxence
23/08/2022 - 13:49
Avatar de Jules modérateur LWS
Jules modérateur LWS
2022-08-24 07:57:37
Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

White Book for other Category

Hébergement Web LWS - 3 mois offerts

Hébergement Web Starter LWS GRATUIT pendant 3 mois ! 🚀

Cette offre exclusive comprend tout ce dont vous avez besoin pour créer votre site web GRATUITEMENT : Hébergement 250Go SSD, 5 sites webs hébergeables, WordPress et autres CMS en 1 clic, support réactif 7J/7, serveurs en France...