E-Mail-Obfuscator: Deine Adresse vor Spam-Bots verstecken | We.Inc
Wandle eine E-Mail-Adresse in HTML-Zeichenreferenzen, einen per Skript gebauten mailto-Link oder per CSS umgedrehten Text um. Vergleiche die Methoden ehrlich. Läuft in deinem Browser.
E-Mail-Obfuscator
Ein E-Mail-Obfuscator schreibt eine Adresse so um, dass sie für Besucher weiterhin funktioniert, für Sammelskripte aber schwerer aus deinem Seitenquelltext zu lesen ist. Zeichen als HTML-Referenzen zu codieren stoppt die bequemsten Scraper, den Link per Skript zu bauen stoppt mehr. Nichts davon ist eine Garantie, also kombiniere es mit einem Spamfilter.
Die Methoden im Vergleich
Methode
Klickbar
Stoppt
Schwachstelle
HTML-Zeichenreferenzen
Ja
Mustererkennung in reinem Text
Jeder Parser, der HTML decodiert, liest sie zurück
Per Skript zusammengesetzter Link
Ja, sobald Skripte laufen
Scraper, die keine Skripte ausführen
Headless-Browser; ohne Skripte kein Link
Per CSS umgedrehter Text
Nein
Quelltextsuche nach name@domain
Kopieren und Einfügen liefert den umgedrehten Text
In Worten: name [at] domain [dot] com
Nein
Einfache Mustererkennung
Leicht umzukehren, umständlich für Menschen
Stattdessen ein Kontaktformular
Kein E-Mail-Link
Adresse erscheint nie
Braucht eine Formularverarbeitung und eigenen Spamschutz
Alles hier läuft in deinem Browser, nichts wird irgendwohin gesendet. Wähle die Methode, die zu deiner Seite passt, kopiere das Snippet und lies die Tabelle mit den Vor- und Nachteilen, damit du weißt, was jede Methode kann und was nicht.
Was Adresssammler tatsächlich tun
Adresssammler sind Programme, die Seiten herunterladen und nach Text in der Form [email protected] suchen, auch innerhalb von mailto:-Links. Die billigsten lesen rohes HTML und führen nie JavaScript aus, deshalb filtert schon eine leichte Codierung sie heraus.
Besser ausgestattete Scraper parsen das HTML richtig, decodieren Zeichenreferenzen, und manche steuern einen echten Browser. Gegen die hilft nur, die Adresse ganz von der Seite fernzuhalten, und genau das tut ein Kontaktformular.
Eine Methode wählen
Für einen Footer-Link auf der Website eines kleinen Unternehmens sind Zeichenreferenzen ein vernünftiger Standard: null JavaScript, der Link bleibt klickbar, Screenreader lesen ihn normal vor, und einfache Scraper übersehen ihn.
Wenn Spam schon ein Problem ist, nutze den per Skript zusammengesetzten Link und behalte einen einfachen Fallback, etwa einen Link zu deiner Kontaktseite. Verwende den Trick mit umgedrehtem Text nur zur Anzeige, nie für einen Link, denn beim Kopieren erhält man die Adresse rückwärts.
Was du auch wählst: Halte die veröffentlichte Adresse hinter einem Filter, den du kontrollierst, und verschleiere nie eine Adresse, die Menschen im Notfall eintippen müssen.
Gib die E-Mail-Adresse ein. Das Tool prüft, ob sie genau ein @ und einen Punkt in der Domain hat.
Füge optional den sichtbaren Linktext und einen Betreff oder Text hinzu. Diese landen im mailto:-Link, prozentcodiert, damit Leerzeichen und Zeilenumbrüche erhalten bleiben.
Kopiere das Snippet für die gewünschte Methode. Mit dem Live-Link unter jeder Ausgabe kannst du testen, ob er weiterhin dein Mailprogramm öffnet.
Füge es in dein HTML ein. In Website-Baukästen nutzt du einen Embed- oder Custom-HTML-Block, damit der Editor das Markup nicht umschreibt.
Füge den codierten Link nicht in einen Rich-Text-Editor ein. Viele Editoren decodieren Entities beim Speichern und machen die Arbeit zunichte.
Gib dem Link einen lesbaren Text wie E-Mail an das Studio, damit Screenreader keine Codefolge buchstabieren.
Nutze auf öffentlichen Seiten eine Funktionsadresse (hello@, bookings@), damit du das Postfach später ändern kannst, ohne die Website zu bearbeiten.
Prüfe deine Seite mit der Quelltextansicht des Browsers, um sicherzugehen, dass die Klartextadresse nirgends mehr auftaucht.
Häufige Fragen
Funktioniert E-Mail-Verschleierung noch?
Teilweise. Sie besiegt zuverlässig Skripte, die rohen Seitentext durchsuchen, und die sind noch verbreitet, weil sie billig zu betreiben sind. Scraper, die HTML decodieren oder einen vollständigen Browser ausführen, hält sie nicht auf. Betrachte sie als eine Schicht neben einem Spamfilter, nicht als Schutz.
Ist ein mit HTML-Entities codierter mailto-Link noch barrierefrei?
Ja. Der Browser decodiert Zeichenreferenzen, bevor etwas angezeigt oder vorgelesen wird, sodass Besucher und Screenreader die normale Adresse und den normalen Link erhalten. Nur wer den Seitenquelltext liest, sieht die Codes.
Wie füge ich einem mailto-Link eine Betreffzeile hinzu?
Hänge ?subject= an die Adresse und dann &body= für den Text, wobei jeder Wert prozentcodiert ist. Zeilenumbrüche im Text werden als %0D%0A geschrieben. Das Tool übernimmt diese Codierung für dich, wenn du die Felder für Betreff und Text ausfüllst.
Warum nicht einfach ein Kontaktformular nutzen?
Ein Formular hält die Adresse komplett von der Seite fern, das ist die stärkste Option. Es braucht aber ein Ziel für die Einsendungen und eigenen Schutz gegen Formularspam, deshalb zeigen viele Websites ein Formular und eine verschleierte Adresse zusammen.
Muster zum Kopieren
Das sind dieselben Muster, die das Tool erzeugt, gezeigt mit einer Platzhalteradresse, damit du den Aufbau jedes einzelnen siehst.
Zeichenreferenzen in einem mailto-Link
Dezimale (&#NNN;) und hexadezimale (&#xHH;) Referenzen werden gemischt, damit ein einziges Suchen und Ersetzen nicht alles decodiert. Browser wandeln sie wieder in normale Zeichen um.
Per Skript zusammengesetzter Link mit Fallback
Die Adresse ist rückwärts in data-Attributen gespeichert und wird erst zusammengesetzt, wenn das Skript läuft. Ohne Skripte führt der Link trotzdem zu deinem Kontaktbereich.
Per CSS umgedrehter Anzeigetext
Der Quelltext enthält die Adresse rückwärts, und CSS dreht sie für die Anzeige um. Es ist kein Link, und beim Kopieren erhält man den umgedrehten Text, also nutze es nur dort, wo Lesen genügt.
Felder, die du nach der Adresse anhängen kannst. Das erste beginnt mit ?, die übrigen mit &.
Feld
Beispiel
Hinweis
?subject=Quote%20request
Leerzeichen werden zu %20
&body=Hi%2C%0D%0AThanks
Zeilenumbrüche sind %0D%0A
&cc=office%40example.com
Zusätzlicher sichtbarer Empfänger
&bcc=archive%40example.com
Versteckter Empfänger
Deine Adresse verschleiern
Gib eine Adresse ein, optional einen Linktext, Betreff und Text. Das Tool erzeugt vier Versionen, die du in eine Seite einfügen kannst: Zeichenreferenzen, einen per Skript zusammengesetzten Link, per CSS umgedrehten Text und eine Schreibweise mit at/dot.