E-Mails und Telefonnummer sicher vor Spambots schützen

Wer kennt es nicht… Man launcht eine neue Webseite und schwups trudeln die ersten Spammails ein. Um diesen Umstand entgegen zu wirken, kann man sich einfach mit Hilfe von CSS die E-Mail-Adressen und Telefonnummern verschleiern:

Dazu wird einfach die Mail-Adresse rückwärts innerhalb eines – Blocks geschrieben:

ed.daux@liam

Mit CSS kann die verkehrt geschriebene E-Mail wieder sichtbar gemacht werden:

span.reverse { unicode-bidi:bidi-override; direction: rtl; }

Um das ganze noch sicher zu machen fügen wir zwischen mit dem @-Zeichen noch eine beliebige Zeichenkette ein, welche wir mit CSS ausblenden:

ed.daux@0liam

Mit dem kompletten CSS...

span.reverse { unicode-bidi:bidi-override; direction: rtl; }

span.hiddenspace { display:none; }

wird die E-Mail-Adresse normal dargestellt, ist jedoch für die meisten Bots nicht auswertbar

ed.daux@liam

Anmerkung: Die oben beschriebenen Styles wurden in diesem Beispiel direkt in den HTML-Code geschrieben (sollten jedoch im Anwendungsfall in eine extra CSS-Datei ausgelagert werden).