Evitar SPAM con CSS, invirtiendo tu email
Descubro esta mañana gracias a aNieto2K la posibilidad de invertir texto con la propiedad direction de CSS, y como sacarle partido para evitar spam al publicar on-line nuestra dirección de correo electrónico.
<style type=”text/css”>
span.test { direction: rtl; unicode-bidi:bidi-override; }
</style><span class=”test”>moc.liamg@ba.zeugnimod</span>
Al aplicar la propiedad mostramos en pantalla los caracteres en orden inverso, pero los robots lo leen sin aplicar estilos CSS, con lo que no lo detectarán correctamente.
Son pocos los usuarios que tienen desactivadas las CSS, pero tendremos que tener en cuenta que ellos no podrán leer el texto adecuadamente, y que tampoco se puede ejecutar el “corta y pega”, con lo que poner un aviso puede ser conveniente. Al final el recurrir a una imagen con el mail para evitar spam parece lo más acertado, pero no siempre será lo más adecuado para según qué diseño o maquetación, con lo que no está de más apuntarse el truco.
Junio 23rd, 2009 at 9:32 am
Me acabas de descubrir un nuevo universo jajajaja
estoy probándolo ahora mismo en Quieru(com)…
Peeeeero al hacer Ctrl+C, lo copia al revés, jus!! (supongo que porque lo copia directamente del html)
Una solución cojonuda visual y funcionalmente, pero poco usable ;D
Gracias por estos posts!
Junio 23rd, 2009 at 9:38 am
@pascual Estaba actualizando el post con los inconvenientes cuando tú comentabas XD
Cierto, lo del Ctrl+C es un gran inconveniente…
Junio 23rd, 2009 at 10:46 am
Según lo ví y lo enseñé en Quieru se nos hizo media luz. Había que explorarlo a fondo para ver si encajaba aquí.
No pude evitarlo :S