Wir maskieren Email-Adressen
Freitag, 19 Juni 2009
Damit Email-Harvester (wörtlich: Erntemaschinen für Email) nicht in den Besitz unserer Emailadressen gelangen, um... ihr wisst schon, hilft es, diese zu maskieren. Dazu gibt es mehrere Möglichkeiten. Den Einsatz von Javascript, die Umwandlung in ASCII-Zeichen und eine HTML-CSS Variante.
Email to ASCII
Harvestern soll es bislang nicht möglich sein, aus dem Quelltext einer Webseite Emailadressen auszulesen, wenn diese in ASCII geschrieben sind. Browsern ist das egal, die Adresse wird wie gewohnt angezeigt. Man könnte nun eine Übersetzungs-Tabelle zur Hand nehmen und umcodieren. Man kann aber auch einen Email to ASCII Generator verwenden, was ungleich schneller geht. Ich persönlich habe noch auf keine der so maskierten Adressen Spam erhalten. Allerdings sind auch die Webseiten, auf denen ich Emailadressen veröffentliche, immer mit dem Metatag robots und content=noindex ausgestattet.
HTML-CSS Variante
Diese Variante habe ich bisher in der Praxis noch nicht getestet, von Seiten Technik sollte es aber einwandfrei funktionieren. Man nehme die Emailadresse und packe jede einzelne Zeichen in ein <li>Tag. Zwischen diese Tags schreibt man vereinzelt noch einen Tag, diesmal mit einer Klasse <li class="dsn" > und einem zufällig gewählten Buchstaben oder einer Ziffer. Ein bisschen CSS-Code gemäß Beispiel und das wars schon.
<head>
<style>
ul{list-style-type:none;}
li{float:left;}
li.dns{display:none;}
</style>
</head>
<body>
<ul>
<li>e</li>
<li class="dsn" >q</li>
<li>m</li>
<li class="dsn" >1</li>
<li>a</li>
<li>i</li>
<li class="dsn" >T</li>
<li>l</li>
<li>@</li>
<li>q</li>
<li>q</li>
<li>q</li>
<li class="dsn" >b</li>
<li>d</li>
<li>o</li>
<li>m</li>
<li>a</li>
<li class="dsn" >w</li>
<li>i</li>
<li>n</li>
<li>.</li>
<li>d</li>
<li class="dsn" >y</li>
<li>e</li>
</ul>
</body>
Die Liste, bzw. die Listenelemente werden mit float:left; nebeneinander positioniert. So ist die Emailadresse email@qqqdomain.de im Browser prima zu lesen. Die zufälligen Ziffern und Zeichen die wir mit der Klasse dns ausgestattet haben sind unsichtbar, durch die Eigenschaft display:none. Wenn ein Harvester beim Spidern der Seite alle Tags entfernt, bekommt er dies: eqm1aiTl@qqqbdomawin.dye statt das: email@qqqdomain.de.
Variante mit Javascript
gefällt mir nicht, weil ein Browser mit deaktiviertem Javascript, dann nichts anzeigt.
This is a nested column
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
This is another nested column
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.