スパムに目を付けられにくいメールアドレスの表示方法 CSS

/ HTML5/CSS3/jQuery / Comment[0]

スパム回避のために画像をする場合が多いですが、CSSに指定するという手法も有効です。
殆どのメール収集botはhtmlファイルしかクロールしないんじゃないかと思います。CSSにはコンテンツは記述しませんしそんな価値の少ないファイルのクロールにリソースをさくことはあまりしないでしょう。

この方法でいくつかのサイトをコーディングさせていただきましたが、まだスパムメールは一件も来ていません。

.mail:after { content:'mailaddr@gmail.com'; display:inline-block; }
<span class="mail">メールアドレスはこちら:</span>

表示結果

メールアドレスはこちら:

但し、ユーザーがテキストと思い込んでコピーしようとしてできないよ。ってなるのでユーザビリティには欠けます。それは画像と同じですが。

関連記事

コメント

:
:
:
:
:
管理人のみ表示を許可