Blog do Maujor - Tutoriais e pensamentos, CSS, web standards, acessibilidade, tableless


Codificador de e-mail

Publicado em: 2006-05-12 — 12.886 visualizacoes

Fornecer endereço de e-mail em uma página Web é sem dúvida a maneira mais fácil e rápida de ter em poucas semanas sua caixa de mensagens invadida por uma avalanche de mirabolantes mensagens não solicitadas, com promessas que vão desde ficar rico em 2 dias até a de ter parte de sua anatomia monstruosamente avantajada ou rejuvenescida, passando por ameaçadoras mensagens de corte de crédito e bloqueio de contas.

Spam tem se tornado um verdadeiro martírio para quem usa a Web (e quem não usa?). Alguns dispositivos são bastante eficazes na seleção e triagem de tais mensagens.
Eu uso uma ferramenta paga, que embora não evite que spam chegue a minha caixa de correio pelo menos os coloca em uma pasta separada.
Consultando a pasta, a simples leitura do assunto e anexo do email me permite rapidamente identificar e apagar spam, sem a necesidade de abrir a mensagem.
O interessante da ferramenta é que quanto mais se usa, mais “inteligente” ela se torna, e a minha já é quase um gênio, pois nenhuma mensagem “boa” vai para a pasta de spam

Medidas anti-spam existem várias, porém uma delas é tão irritante quanto ao próprio spam. Aquela que o remetente recebe um email de volta solicitando confirmação de envio e ainda tem que digitar um código (CAPTCHA) em caixa de texto
Eu não confirmo e não considero tais pedidos, pois a responsabilidade de prevenção é de quem recebe e não de quem envia.

Felizmente esta modalidade tem se tornado menos frequente, em um indício claro que “não pegou” o que confirma meu pensamento a respeito

A forma ideal de fornecer dispositivo de contato em uma página Web é via um formulário de contato, onde endereços de email ficam protegidos em scripts que são inacessíveis aos robots spammers, contudo há situações em que os emails devem ser fornecidos na marcação HTML.

Para estes casos considero algumas maneiras razoavelmente efetivas:

  1. fornecer o texto do email em uma imagem e usar o atributo alt com o endereço por extenso para fins de acessibilidade, p.ex: alt=”meuemail arroba dominio ponto com ponto br”;
  2. fornecer o texto de email por extenso assim: meuemail [AT] dominio [PT] com [PT] br;
  3. codificar os caracteres ASCII para entidades caracteres como mostrado a seguir;
  4. Ops! ao escrever esta matéria veio-me a idéia de combinar os os dois processos acima. Paranóia?.

O formulário existente nesta página destina-se a codificar um endereço de e-mail com uso o de entidades caracteres - Character Entities -, transformando o formato de escrita do email de ASCII para seu equivalente em entidade decimal. O processo para codificar é bem simples, basta entrar com o endereço de e-mail a ser codificado na primeira caixa de texto do formulário e a seguir clicar o botão CODIFICAR, esta ação fará ‘aparecer’ a codificação na textarea logo abaixo do campo de texto, copie e cole o código no lugar em que você deseja inserir o endereço de email na sua página Web. Esta codificação é normalmente interpretada para seu formato original de texto ASCII pela maioria dos navegadores sem necessidade de nenhuma intervenção extra, sua ou do usuário. O email assim codificado e inserido no código HTML da página será renderizado e apresentado ao usuário como um endereço normal de email e você não precisa preocupar-se com spammers.

Por exemplo:

Para aparecer na página o seguinte:

Para maiores informações envie um email para: seunome@dominio.com.br

Você insere no código fonte o seguinte:

Para maiores informações envie um email para:
<a href=”mailto:
&#115;&#101;&#117;&#110;&#111;&#109;&#101;&#064;&#115;&#101;&#117;&#100;
&#111;&#109;&#105;&#110;&#105;&#111;&#046;&#099;&#111;&#109;&#046;&#098;&#114;”>
&#115;&#101;&#117;&#110;&#111;&#109;&#101;&#064;&#115;&#101;&#117;&#100;
&#111;&#109;&#105;&#110;&#105;&#111;&#046;&#099;&#111;&#109;&#046;&#098;&#114;

</a>


CODIFICADOR DE E-MAIL




Leitura complementar

Um ótimo e útil compêndio informativo sobre Spam (em inglês): - http://www.spam-hq.com/

Plano anti-spam - como implementar um plano contra spammers (em inglês): http://www.spamplan.com/

Este formulário funciona com JavaScript de autoria de David R. Kerwood
Visitar o site do autor: West Bay Web Home Page.

----------------x-x-x---------------    fim da matéria    ---------------x-x-x---------------

Logo twitter

Construindo sites com CSS e (X)HTML

Enquete

  • Lamento. Não há enquetes no momento.

Esta matéria foi publicada em: 2006-05-12 (sexta-feira). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2006/05/12/email-encoder/trackback no seu site.



13 comentários na matéria: “Codificador de e-mail”

  1. JoaresNo Gravatar disse:

    Muito boa matéria… muito inteligente essa medida de codificação…

    Eu desconhecia esta forma de se deixar o e-mail…

  2. Eric NascimentoNo Gravatar disse:

    Muito bom Maujor! Aqui é o Eric que trabalhou na Arteccom..da revista Webdesign!
    Estava procurando isso a um bom tempo.

    Aproveito para lhe apresentar um projeto meu em parceria com Beto Viera, designer da Arteccom e Luis Rocha, jornalísta da Arteccom também!
    http://www.bemblogado.com.br
    Grande abraço!!

    Eric Nascimento

  3. Thomaz LeiteNo Gravatar disse:

    Excelente. Eu fico com a imagem com atributo alt e com o endereço por extenso.

    Sobre o endereço codificado, é muito interessante para quem usa a função “mailto:” dos browsers. Para os que usam webmail, e precisam pegar o endereço e digitar no formulário de envio, não é muito prático.

    Até mais!

  4. Érico OliveiraNo Gravatar disse:

    Parabéns pelo post. Realmente de grande utilidade, sofro todos os dias com spams em minha caixa postal. Ainda não tinha adicionado um email de contato em meu novo site por este motivo. Agora está resolvido. :-)

  5. diegoNo Gravatar disse:

    Excelente!

    segue link no http://www.linkk.com.br para você ver sua notícia e os votos.

    http://www.linkk.com.br/story.php?id=380

  6. Pedro RogérioNo Gravatar disse:

    Bem legal, desconhecia essa técnica.

  7. Fernanda PrevedelloNo Gravatar disse:

    Queria saber se essa opção de substituir o nome pela codificação serve também no funcionamento dos formulário, lá na tag “input”. Fora isso, sempre que meu e-mail tiver de ser exibido, usarei tal script. Obrigada!

  8. VolneyNo Gravatar disse:

    Minha sugestão é que a pessoa faça uma imagem de seu email em um editor de imagem e passe a usá-lo. Ou pode fazê-lo on-line

    http://services.nexodyne.com/email/

    A pergunta que fica é: Será que esse site acima não usará o seu email para a prática de spam?!

  9. André MarcanthNo Gravatar disse:

    A idéia da imagem é muito boa. Será que os robots utilizados pelos spammers já não aprenderam a reconhecer as entidades caracteres? O uso destes métodos de se proteger dos spammers é importante, mas às vezes pode ser uma faca de dois gumes, pois se por um lado nos protege dos spammers, por outro lado, pode dificultar que algumas pessoas (às vezes importantes, como um futuro empregador) escrevam um e-mail, pelo simples fato de que eles não vão poder fazê-lo simplesmente clicando no link. Mas, para mim, a idéia é ótima.

  10. Luxther DefaulNo Gravatar disse:

    Sobre prejudicar as pessoas acho que não, pois certamente é só selecionar o link do email na pagina e copiar e colar, já fiz isso e dá certo. Eu uso o endereço de email codificado como o Maujor ensinou e tudo ok. Agora, eu também uso dentro do link isso: rel=”nofollow” rev=”noindex” e nunca mais recebi spam. Verdade mesmo. Um grande abraço para todos.

  11. Helen FernandaNo Gravatar disse:

    Muito útil o tópico.

    Eu gosto do E-mail Icon Generator que gera imagens dos e-mails mais populares: http://services.nexodyne.com/email/.

  12. Convertidos #1 - Greenpeace « web de leve disse:

    [...] * use o codificador e evite o spam [...]

  13. web de leve » Blog Archive » Convertidos #1 - Greenpeace disse:

    [...] * use o codificador e evite o spam [...]

Comentário:






Subscrição de comentários sem comentar

Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Voltar ao topo

PR Tool


ir topo