[解決済み] ウェブサイト上の電子メールアドレスを難読化する最良の方法とは?
質問
ここ数日、個人ホームページの更新作業をしています。私の個人ウェブサイトのURLは、(私の名).(私の姓).comです。私の姓はかなり珍しいもので、幸運にもドメイン名を拾うことができたからです。メールアドレスは、(my first name)@(my last name).comです。だから本当に、いざ当てるとなると、それほど難しくはないんです。
とにかく、私は自分のウェブサイトに mailto: リンクを統合して、人々が私に連絡できるようにしたいのです。私の電子メールアドレスを推測するのはそれほど難しいことではありませんが、電子メールアドレスのパターンを求めてウェブサイトを巡回し、データベースに追加するスパムボットに収穫されるのは避けたいのです。
メールアドレスを難読化する方法として、できればリンク形式にしたいのですが、どのような方法がありますか?私が知っている方法は
<a href="mailto:[email protected]">e-mail me</a>
しかし、この方法では、私のウェブサイトがGoogleにヒットするとすぐに、スパムボットが私の電子メールアドレスを簡単に見つけてしまうので、スパムの中をかき分けることになります。
<img src="images/e-mail.png" />
なぜなら、訪問者がこの画像をクリックして私にメールを送ることができないだけでなく、賢いスパムボットはおそらくこの画像に含まれる文字を検出することができるからです。
完璧な解決策がないことは分かっていますが、みんながどう考えているのか知りたかったんです。私のウェブサイトはすでにJavaScriptを大量に使っているので、必要ならJavaScriptを使ってもいいと思っています。
どのように解決するのですか?
文字をHTMLエンティティとしてエンコードしています( 次のようなものです。 ). JSを有効にする必要はなく、ほとんどのスパムを阻止しているようです。賢いボットはまだそれを収穫するかもしれませんが、私は何の問題も経験していません。
関連
-
vue ディレクティブ v-html と v-text
-
[解決済み】TypeErrorの解決方法。未定義またはヌルをオブジェクトに変換できない
-
[解決済み】 Uncaught TypeError : undefined のプロパティ 'replace' を読み取れない In Grid
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] HTMLにPDFを埋め込むおすすめの方法とは?
-
[解決済み] 有効なメールアドレスの最大長を教えてください。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
親子コンポーネント通信を解決する3つのVueスロット
-
要素ツリー制御によるvueTreeテーブル
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
vueが定義するプライベートフィルタと基本的な使い方
-
Vueのクラススタイルの使い方の詳細
-
[解決済み】最大呼び出しスタックサイズ超過エラー
-
[解決済み】React - uncaught TypeError: 未定義のプロパティ 'setState' を読み取れない
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
OSSアップロードエラーを解決する: net::ERR_SSL_PROTOCOL_ERROR
-
JavaScriptのgetElementById、getElementsByTagNam、getElementsByClassNameの違いと使い方