Webサイトで、お問い合わせページは、ほとんどのサイトで見受けられます。しかし、フォームからだけでなく、「下記のアドレスに…」という文言で、メールアドレスをそのままソースとして打ち込んで公開しているサイトをたくさん見かけます。げんに、インクローバーで制作しているサイトでも、お客様からの原稿どおり記述していることがほとんどです。
しかし、公開してしまえば最後。スパムメールの餌食です。
お問い合わせ用に使っているmailto:info@domain.com…系のアドレスは、会社内でまず、受信したくないものですよね…
サイト内にEメールアドレスを記述する場合のスパム対策として挙げられているものを、いくつかご紹介。
ハンドメール
http://handmail.org/ ハンドメールは、ホームページに含める連絡アドレスを、テキストではなく画像にする無料サービスですフォントサイズ、色、背景色、フォントスタイルも選べるので、自分のサイトに合った画像化アドレスを手っ取り早く、カンタンに作ることができて便利です。
ただし、アドレスリンクを貼っていないと、ユーザビリティ的にはNGかもしれません。ユーザーにいちいち画像をみて、アドレスを手打ちしてもらう手間は、やはりかけさせたくないものです。
そこで次に、アドレスリンクを残しつつ、できる対策のご紹介。
アドレスのHTMLエンティティ化
たとえばmailto:info@domain.comこのように見せたいとき。
<a href="mailto:info@domain.com">info@domain.com</a>このようにそのまま記述するのではなく、
<a href="mailto:mailto:info @domain.com">m ailto:info@dom ain.com</a>このように、エンティティコードに置き換えて記述することで、ブラウザで見ているユーザーには支障なく見れて、且つ自動収集プログラムなどから見つかり難くなります。
その変換をさくっとやってくれるエンティティ生成ツールもvectorや窓の杜などにもあります。
参照元:アドレスのHTMLエンティティ化
もっと効果を強化したい場合は、エンティティコードとjavascriptを組み合わせる事で、より一層自動収集ソフトに収集されにくくなるようです。
<script type="text/javascript" language="JavaScript">これを外付けにしておけば、サイト内のページのあちこちに記述してある場合、後々メールアドレスの変更があったりしても、テンプレ更新のような感覚で、一括変更できて便利ですしね。
<!--
document.write("<a href=mailto:mailto:info
@domain.com>ma
ilto:info@doma
in.com</a>");
// -->
</script>
<noscript>メールのリンクが出来ませんのでJavascriptを有効にしてください。</noscript>
(参考元:スパム・迷惑メール・ウィルスを送りつけられる前に策を練ろう!)
★最後になりましたが、↑を読んでて、ごちゃごちゃややこしいなぁー!という方にはこれ。
<a href="mailto:info@domain.com">info@domain.com</a>「@」を「@」に変えるだけでも、効果あるかもしれませんね。
これ一番手っ取り早いです^^
既に公開してしまい、スパム嵐に合っているアドレスでは試せませんが、新しく公開するアドレスは、徹底してエンティティ化してみれば、スパムから逃げることができるのではないかと思います。
制作する案件に対しても導入していくべきかな、と、今、これを書きながらひしひしと感じてきています^^;
※記事内のソースは、ブログのレイアウトが崩れないよう、ところどころ改行を入れて表示していますので、実際にコピーしてお使いになる場合、そのままでは「半角スペース」が入って、javaなど、動作しない場合がございます。参照元をリンクしていますので、ご参考ください。