Ofuscación de direcciones de correo

Funciones

• Cinco formas a la vez: entidades decimales, entidades hexadecimales, una etiqueta <a> lista para pegar, codificación porcentual y escapes JS
• Modo «codificar solo @ y .»: la página muestra la dirección en claro mientras un rastreador ya no ve una utilizable
• Un enlace completo listo para pegar, con la dirección dentro del href codificada también
• Cada fila se copia por separado, sin seleccionar a mano de una cadena larga
• Se ejecuta por completo en el navegador; la dirección no se sube a ningún sitio

Cómo se usa

1. Pega o escribe la dirección de correo en el campo de entrada
2. Marca «codificar solo @ y .» si quieres que el código fuente siga siendo legible
3. Copia la fila del enlace listo para pegar en el código de tu página
4. Comprueba en un navegador que se muestra bien y que al pulsar se abre el cliente de correo

Preguntas frecuentes

¿Esto detiene de verdad a los rastreadores de spam?

Detiene a bastantes, no a todos: cuenta con eso. La gran mayoría de los rastreadores usan una expresión regular simple para sacar `xxx@yyy.zzz` del HTML, y la codificación en entidades destruye ese patrón, así que se les escapa. Los rastreadores hechos específicamente para vencer la ofuscación decodifican primero las entidades HTML y no se dejan engañar. Trátalo como una medida barata con un beneficio limitado: un minuto de esfuerzo que nunca hace daño, pero no cuentes con ella para resolver el spam, y desde luego no la uses para ocultar una dirección que necesites mantener privada.

¿Qué sentido tiene codificar solo @ y .?

Mantiene el cambio al mínimo. La página sigue mostrando me@example.com, porque el navegador convierte `&#64;` otra vez en @, mientras que el código fuente ya no contiene la cadena contigua me@example.com en ningún sitio. Un beneficio práctico: buscar la dirección en tu propio código después sigue encontrando casi todo, porque `me` y `example` permanecen en texto claro, así que el mantenimiento sigue siendo comprensible. El coste es una protección algo más débil: contra un rastreador experto la diferencia es pequeña en cualquier caso.

Después de pegar, el enlace no funciona o se ve mal

Primero comprueba qué fila pegaste. La fila lista para pegar es un `<a href="mailto:…">…</a>` completo y puede ir directa al cuerpo de la página; si solo quieres el texto de la dirección, usa una fila de entidades. Ten en cuenta además que pegar en Markdown, en un editor de texto enriquecido o en el modo WYSIWYG de un CMS puede hacer que el editor vuelva a escapar las entidades a `&amp;#109;`, que el navegador muestra entonces literalmente como `&#109;`. Cambia al modo de código HTML y pega ahí.

¿Hay un enfoque más contundente?

Tres opciones, de menor a mayor contundencia. Primera, no publicar la dirección en claro: usa un formulario de contacto, o pide a los visitantes que se pongan en contacto por otra vía. Segunda, sustituirla por una imagen, que los rastreadores no pueden leer pero que es incómoda de copiar en el móvil y que un lector de pantalla no puede leer en voz alta, así que tiene costes de accesibilidad. Tercera, montar la dirección con JavaScript tras la carga, que es más fuerte que las entidades pero invisible para quien tenga JS desactivado. En la práctica: la codificación en entidades basta para un sitio personal con publicaciones ocasionales, y cualquier cosa comercial debería usar un formulario.