Ofuscador de email: oculta tu dirección de los bots de spam | We.Inc
Convierte una dirección de email en referencias de caracteres HTML, un enlace mailto creado por script o texto invertido con CSS. Compara los métodos con honestidad. Funciona en tu navegador.
Ofuscador de email
Un ofuscador de email reescribe una dirección para que siga funcionando para los visitantes pero sea más difícil de leer en el código de tu página para los scripts que recopilan direcciones. Codificar los caracteres como referencias HTML frena a los scrapers más perezosos; crear el enlace con un script frena a más. Nada de esto es una garantía, así que combínalo con un filtro de spam.
Los métodos, uno al lado del otro
Método
Clicable
Frena
Punto débil
Referencias de caracteres HTML
Sí
La búsqueda de patrones en texto plano
Cualquier parser que decodifique HTML la vuelve a leer
Enlace montado por script
Sí, cuando se ejecutan los scripts
Los scrapers que no ejecutan scripts
Los navegadores headless; sin scripts no hay enlace
Texto invertido con CSS
No
El escaneo del código en busca de nombre@dominio
Copiar y pegar da el texto invertido
Con palabras: nombre [arroba] dominio [punto] com
No
La búsqueda de patrones simple
Fácil de revertir; incómodo para las personas
Un formulario de contacto en su lugar
No es un enlace de email
La dirección nunca aparece
Necesita un gestor de formularios y su propio control de spam
Todo aquí se ejecuta en tu navegador, no se envía nada a ningún sitio. Elige el método que encaje con tu página, copia el fragmento y lee la tabla de ventajas e inconvenientes para saber qué puede y qué no puede hacer cada uno.
Qué hacen realmente los recolectores
Los recolectores de direcciones son programas que descargan páginas y buscan texto con forma de [email protected], también dentro de enlaces mailto:. Los más baratos leen el HTML en bruto y nunca ejecutan JavaScript, por eso una codificación ligera los filtra.
Los scrapers con más recursos analizan el HTML como es debido, decodifican las referencias de caracteres y algunos manejan un navegador real. Contra esos solo funciona mantener la dirección fuera de la página, que es lo que hace un formulario de contacto.
Cómo elegir un método
Para un enlace en el pie de página del sitio de una pequeña empresa, las referencias de caracteres son una opción por defecto razonable: cero JavaScript, el enlace sigue siendo clicable, los lectores de pantalla lo anuncian con normalidad y los scrapers casuales no lo ven.
Si el spam ya es un problema, usa el enlace montado por script y deja una alternativa simple, como un enlace a tu página de contacto. Usa el truco del texto invertido solo para mostrar la dirección, nunca para un enlace, porque al copiarlo la dirección sale al revés.
Elijas lo que elijas, pon la dirección que publiques detrás de un filtro que controles, y nunca ofusques una dirección que la gente deba escribir en una emergencia.
Escribe la dirección de email. La herramienta comprueba que tenga una @ y un punto en el dominio.
Si quieres, añade el texto visible del enlace y un asunto o cuerpo. Van dentro del enlace mailto:, con codificación porcentual para que los espacios y los saltos de línea se conserven.
Copia el fragmento del método que prefieras. El enlace activo bajo cada resultado te permite comprobar que sigue abriendo tu aplicación de correo.
Pégalo en tu HTML. En los creadores de sitios, usa un bloque de inserción o de HTML personalizado para que el editor no reescriba el marcado.
No pegues el enlace codificado en un editor de texto enriquecido; muchos editores decodifican las entidades al guardar y deshacen el trabajo.
Da al enlace un texto legible como Escribe al estudio, para que los lectores de pantalla no deletreen una ristra de códigos.
Usa una dirección genérica (hello@, bookings@) en las páginas públicas para poder cambiar de bandeja más adelante sin editar el sitio.
Revisa tu página con la vista de código fuente del navegador para confirmar que la dirección en claro ya no aparece en ningún sitio.
Preguntas frecuentes
¿La ofuscación de email sigue funcionando?
En parte. Derrota de forma fiable a los scripts que escanean el texto en bruto de la página, que siguen siendo comunes porque son baratos de ejecutar. No frena a los scrapers que decodifican HTML o ejecutan un navegador completo. Tómala como una capa más junto a un filtro de spam, no como una protección.
¿Un enlace mailto codificado con entidades HTML sigue siendo accesible?
Sí. El navegador decodifica las referencias de caracteres antes de mostrar o leer en voz alta cualquier cosa, así que los visitantes y los lectores de pantalla reciben la dirección y el enlace normales. Solo quien lea el código fuente de la página ve los códigos.
¿Cómo añado un asunto a un enlace mailto?
Añade ?subject= después de la dirección y luego &body= para el texto del cuerpo, con cada valor en codificación porcentual. Los saltos de línea del cuerpo se escriben como %0D%0A. La herramienta hace esta codificación por ti cuando rellenas los campos de asunto y cuerpo.
¿Por qué no usar simplemente un formulario de contacto?
Un formulario mantiene la dirección totalmente fuera de la página, que es la opción más sólida. Necesita un destino para los envíos y su propia protección contra el spam en formularios, por eso muchos sitios muestran juntos un formulario y una dirección ofuscada.
Patrones listos para copiar
Son los mismos patrones que escribe la herramienta, mostrados con una dirección de ejemplo para que veas la forma de cada uno.
Referencias de caracteres en un enlace mailto
Se mezclan referencias decimales (&#NNN;) y hexadecimales (&#xHH;) para que un solo buscar y reemplazar no lo decodifique todo. Los navegadores las convierten de nuevo en caracteres normales.
Enlace montado por script con alternativa
La dirección se guarda al revés en atributos data y solo se une cuando se ejecuta el script. Sin scripts, el enlace sigue llevando a tu sección de contacto.
Texto mostrado invertido con CSS
El código fuente guarda la dirección al revés y el CSS la gira para mostrarla. No es un enlace, y al copiarlo se obtiene la cadena invertida, así que úsalo solo donde basta con leerla.
Campos que puedes añadir después de la dirección. El primero empieza con ? y el resto con &.
Campo
Ejemplo
Nota
?subject=Quote%20request
Los espacios se convierten en %20
&body=Hi%2C%0D%0AThanks
Los saltos de línea son %0D%0A
&cc=office%40example.com
Destinatario visible adicional
&bcc=archive%40example.com
Destinatario oculto
Ofusca tu dirección
Escribe una dirección y, si quieres, un texto para el enlace, un asunto y un cuerpo. La herramienta genera cuatro versiones que puedes pegar en una página: referencias de caracteres, un enlace montado por script, texto invertido con CSS y una versión escrita con arroba y punto.
Copiar
Dirección de email
Texto del enlace (en blanco muestra la dirección codificada)