Möchte man die persönliche E-Mail-Adresse auf der eigenen Website den Spambots nicht völlig schutzlos ausliefern, so gibt es derzeit mehrere Techniken dies zu unterbinden.

Mit Hilfe von diversen Verschlüsselungsmethoden via JavaScript, ASCII-Codierungen oder den Gebrauch von Grafiken wird der HTML-Quellcode der E-Mail-Adresse so verändert, dass Spambots nicht an die tatsächliche Adresse herankommen.

Eine weitere Methode zur Spambekämpfung möchte ich euch heute via CSS vorstellen:

Methode 1: Umgekehrte Reihenfolge

1
2
3
4
5
6
7

<style type="text/css">  
span.umgekehrt {
unicode-bidi: bidi-override;
direction: rtl;
}  
</style>  
<p><span class="umgekehrt">ed.bew@eman</span></p>

Hier wird die E-Mail-Adresse im HTML-Quelltext spiegelverkehrt (Rechts nach Links) und mittels CSS für den Besucher richtig herum (Links nach Rechts) angezeigt.

Methode 2: Hinzufügen von unsichtbaren Text

1
2
3
4
5
6

<style type="text/css">  
span.unsichtbar {
display: none;
}  
</style>  
<p>name@<span class="unsichtbar">beliebiger_Text</span>web.de</p>

Bei dieser Methode wird im HTML-Quelltext der E-Mail-Adresse eine beliebige Zeichenkette platziert, die mit Hilfe der CSS-Funktion display:none; für den Besucher ausgeblendet wird. Somit wird eine fiktionale E-Mail-Adresse erstellt, die nicht der tatsächlichen E-Mail entspricht.

Diese Zeichenkette (hier: beliebiger_Text) kann beliebig lang sein, aus diversen Zeichen bestehen und an jeder Stelle innerhalb der E-Mail-Adresse verwendet werden.

Nachteile der hier vorgestellten CSS-Methoden:
Beide vorgestellten CSS-Methoden haben leider den Nachteil, dass die E-Mail-Adressen sich hierbei nicht mit dem selbigen Namen verlinken lassen und zudem nicht barrierefrei sind.