Evitar el spam del mailto (el que he utilizado)
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.