Ofuscador de email: esconda seu endereço de robôs de spam | We.Inc
Transforme um endereço de email em referências de caracteres HTML, um link mailto montado por script ou texto invertido com CSS. Compare os métodos com honestidade. Roda no seu navegador.
Ofuscador de email
Um ofuscador de email reescreve um endereço para que ele continue funcionando para os visitantes, mas fique mais difícil de ler no código da página por scripts coletores. Codificar os caracteres como referências HTML barra os coletores mais preguiçosos; montar o link com um script barra mais. Nada disso é garantia, então combine com um filtro de spam.
Os métodos lado a lado
Método
Clicável
Barra
Ponto fraco
Referências de caracteres HTML
Sim
Busca por padrões em texto puro
Qualquer parser que decodifica HTML lê o endereço
Link montado por script
Sim, quando os scripts rodam
Coletores que não rodam scripts
Navegadores headless; sem scripts não há link
Texto invertido com CSS
Não
Varredura do código em busca de nome@domínio
Copiar e colar traz o texto invertido
Por extenso: nome [arroba] domínio [ponto] com
Não
Busca simples por padrões
Fácil de reverter; incômodo para as pessoas
Formulário de contato no lugar
Não é um link de email
O endereço nunca aparece
Precisa de um processador de formulário e de proteção própria contra spam
Tudo aqui roda no seu navegador, nada é enviado para lugar nenhum. Escolha o método que combina com a sua página, copie o trecho e leia a tabela de prós e contras para saber o que cada um consegue e não consegue fazer.
O que os coletores realmente fazem
Coletores de endereços são programas que baixam páginas e procuram texto com formato de nome@domínio.tld, inclusive dentro de links mailto:. Os mais baratos leem o HTML bruto e nunca rodam JavaScript, e por isso uma codificação leve os filtra.
Coletores com mais recursos interpretam o HTML corretamente, decodificam referências de caracteres e alguns controlam um navegador real. Contra esses, só funciona manter o endereço fora da página, que é o que um formulário de contato faz.
Escolhendo um método
Para um link no rodapé do site de uma pequena empresa, referências de caracteres são um bom padrão: zero JavaScript, o link continua clicável, leitores de tela o anunciam normalmente e coletores casuais não o encontram.
Se o spam já é um problema, use o link montado por script e mantenha uma alternativa simples, como um link para a sua página de contato. Use o truque do texto invertido só para exibição, nunca para um link, porque copiar o texto traz o endereço de trás para frente.
Seja qual for a escolha, mantenha o endereço publicado atrás de um filtro que você controla, e nunca ofusque um endereço que as pessoas precisam digitar em uma emergência.
Digite o endereço de email. A ferramenta confere se ele tem um @ e um ponto no domínio.
Se quiser, adicione o texto visível do link e um assunto ou corpo. Eles entram no link mailto:, com percent-encoding para que espaços e quebras de linha se mantenham.
Copie o trecho do método que você quer. O link ao vivo abaixo de cada resultado permite testar se ele ainda abre o seu app de email.
Cole no seu HTML. Em criadores de sites, use um bloco de embed ou de HTML personalizado para que o editor não reescreva o markup.
Não cole o link codificado em um editor de texto rico; muitos editores decodificam as entidades ao salvar e desfazem o trabalho.
Dê ao link um texto legível, como Fale com o estúdio, para que os leitores de tela não soletrem uma sequência de códigos.
Use um endereço por função (hello@, bookings@) em páginas públicas para poder trocar a caixa de entrada depois sem editar o site.
Confira sua página com o código-fonte do navegador para garantir que o endereço em texto puro não aparece mais em lugar nenhum.
Perguntas frequentes
Ofuscar email ainda funciona?
Em parte. Funciona de forma confiável contra scripts que varrem o texto bruto da página, que ainda são comuns por serem baratos de rodar. Não impede coletores que decodificam HTML ou rodam um navegador completo. Trate como uma camada ao lado de um filtro de spam, não como proteção.
Um link mailto codificado com entidades HTML continua acessível?
Sim. O navegador decodifica as referências de caracteres antes de qualquer coisa ser exibida ou lida em voz alta, então visitantes e leitores de tela recebem o endereço e o link normais. Só quem lê o código-fonte da página vê os códigos.
Como adiciono um assunto a um link mailto?
Adicione ?subject= depois do endereço e depois &body= para o texto do corpo, com cada valor em percent-encoding. Quebras de linha no corpo são escritas como %0D%0A. A ferramenta faz essa codificação para você quando você preenche os campos de assunto e corpo.
Por que não usar só um formulário de contato?
Um formulário mantém o endereço totalmente fora da página, que é a opção mais forte. Ele precisa de um destino para os envios e de proteção própria contra spam em formulários, então muitos sites mostram um formulário e um endereço ofuscado juntos.
Padrões prontos para copiar
Estes são os mesmos padrões que a ferramenta gera, mostrados com um endereço de exemplo para você ver o formato de cada um.
Referências de caracteres em um link mailto
Referências decimais (&#NNN;) e hexadecimais (&#xHH;) são misturadas para que um único localizar e substituir não decodifique tudo. Os navegadores as transformam de volta em caracteres normais.
Link montado por script com alternativa
O endereço fica guardado de trás para frente em atributos data e só é montado quando o script roda. Sem scripts, o link continua levando para a sua seção de contato.
Texto de exibição invertido com CSS
O código guarda o endereço de trás para frente e o CSS o inverte na exibição. Não é um link, e copiar traz a string invertida, então use só onde ler basta.
Campos que você pode adicionar depois do endereço. O primeiro começa com ?, os demais com &.
Campo
Exemplo
Observação
?subject=Quote%20request
Espaços viram %20
&body=Hi%2C%0D%0AThanks
Quebras de linha são %0D%0A
&cc=office%40example.com
Destinatário extra visível
&bcc=archive%40example.com
Destinatário oculto
Ofusque seu endereço
Digite um endereço e, se quiser, um rótulo para o link, um assunto e um corpo. A ferramenta gera quatro versões para colar em uma página: referências de caracteres, um link montado por script, texto invertido com CSS e uma grafia com arroba e ponto por extenso.
Copiar
Endereço de email
Texto do link (em branco mostra o endereço codificado)