Álvaro Castaño

En un blog, como en cualquier otro sitio, el email es quizá la forma más directa y personal de contactar con el autor. Pero ¿qué pasa si simplemente escribes tu email en tu sitio así?:

Contacto:
Envía un email a email@spam.com

Que un corto espacio de tiempo, los robots de spam habrán capturado tu email del código fuente de tu página, que se verá así:

<blockquote><strong>Contacto:</strong>
Envía un email a <strong>email@spam.com</strong></blockquote>

Y comenzarán a enviar correo basura a tu bandeja de entrada. No hace falta que me explaye mucho en lo molesto que ésto es. Lo interesante sería encontrar una forma de mostrar tu email a los usuarios, pero que en el código fuente se mostrase una cosa totalmente distinta. Hasta ahora, esto se hacía con imágenes. Del modo:

Envíame un email a

Es efectivo, sí, pero bastante poco natural. ¿Se puede hacer con CSS simplemente? La respuesta es SÍ. Sólo debes añadir esto a tu hoja de estilos CSS:

.spamfuera {unicode-bidi:bidi-override; direction: rtl;}

E incluir esto en tu código HTML:

<span class="spamfuera">gro.maps@erbmonut</span>

Fíjate que gro.maps@erbmonut es tunombre@spam.org al revés… ¡eso es lo que verán y tratarán de atacar los spam-bots!. El código CSS se encarga de invertir el texto para que tus usuarios lo vean correctamente, pero no lo vean los spam-bots y estés así totalmente protegido.

¡Sin miedo, ten.sodamrofnised@golb !

Visto en CSS PLaY.