El ocultar emails en pagina web es todo un tema. El problema es que si ponemos nuestro email simple y llanamente un robot cosechador de direcciones de email va a encontrarlo y luego agregado a una base de datos para que nos envÃen email basura.
Entonces como hacemos?
hay varias soluciones la que veo más comúnmente es la de incluir la dirección del email como una imagen ya que lo cosechadores sólo ven texto. y aunque es un método bastante efectivo tiene dos problemas: primero que el usuario no puede copiar y pegar por lo que va a tener que memorizar la dirección, y el segundo problema es que puede pasar que aparezca un cosechador con reconocimiento de texto.
Que otras alternativas?
CSS Codedirection
<span style=”unicode-bidi:bidi-override; direction: rtl;”>
moc.olpmeje@zyx
</span>
CSS display:none
xyz<span style=”display:none”>foo</span>@ejemplo.com
Encryptacion ROT13
klm@rknzcyr.pbz
Usar ATs y DOTs
xyz AT ejemplo DOT com
Building with Javascript
var m = ‘xyz’; // podes crear algo ingenioso
m += ‘@’; // y luego agregarlo al DOM usando jquery
m += ‘ejemplo.com’;
$(‘.email).append(m);
Reemplazando ‘@’ y ‘.’ con Entities
xyz@example.com
separando la dirección de email con comentarios
xyz<!– eat this spam –><!– yeah! –>example<!– shoo –>com
Urlencode
xyz%40example.com
Plain Text
xyz@example.com
Acá hay un gráfico con estadÃsticas de resultados usando estas diferentes opciones:
El grafico anterior fue creado por Silvan Mühlemann
