Spambots aman scrapear páginas para sacar emails para, evidentemente, mandar email spam. En este corto artículo presentaré la técnica que he utilizado y ha sido efectivo, además la encuentro simple entre varias que analicé. Incluye HTML, CSS y opcional (puedes seguir utilizando href=“mailto:nombre@email.com” un poco de JavaScript para hacerle aún más difícil el trabajo al spambot.

Tenemos un clásico enlace con el email:

<a href="mailto:nombre@email.com">nombre@email.com</a>

Tip 1:

Revertimos el texto con el email dentro de la etiqueta para volver a revertirlo con CSS:

<a href="mailto:nombre@email.com" class="reverse">moc.liame@erbmon</a>
.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

Tip 2:

Quitamos el mailto="" el cual también puede ser scrapeado y con un poco de JavaScript hacemos accesible el poder utilizarlo para abrir un cliente de correo al clic:

<a href="#" class="reverse" data-name="nombre" data-domain="email" data-tld="com" onclick="window.location.href = `mailto:${this.dataset.name}@${this.dataset.domain}.${this.dataset.tld}`; return false;">moc.liame@erbmon</a>

Si no te gusta el onclick="" en el markup puedes generar una función con el mismo comportamiento.

Ver resultado final:

Codepen

Link ejemplo