` (Anchor) -Tag mit dem auf `mailto:` festgelegten Attribut `href`. Sie können auch optionale Parameter zum "Mailto:" -Link hinzufügen, um die Felder des Betreffs, der Körperschaft und des CC/BCC der E-Mail vorzubeziehen.
* Beispiel:
`` `html
senden Sie uns eine E -Mail
Kontaktunterstützung
`` `
* Profis:
* einfach zu implementieren: Erfordert minimales Kodierungswissen.
* weithin unterstützt: Funktioniert in praktisch allen Browsern und E -Mail -Clients.
* direkt: Auffordern Sie den Standard -E -Mail -Client des Benutzers sofort, eine neue E -Mail zu öffnen.
* Optionale Vorpopulation: Sie können das Motiv und das Körper vorab füllen, um den Benutzer zu leiten und ihm das Senden der entsprechenden Informationen zu erleichtern.
* Nachteile:
* erfordert einen Standard -E -Mail -Client: Wenn der Benutzer keinen ordnungsgemäß konfigurierten Standard -E -Mail -Client hat (wie Outlook, Thunderbird oder Mail.App), funktioniert der Link möglicherweise nicht wie erwartet (oder überhaupt).
* Spamernute: E -Mail -Adressen in "Mailto:" Links können von Bots leicht geerntet werden, was das Spam -Risiko erhöht. (Siehe Minderungen unten)
* Begrenzte Anpassung: Sie können nur den Empfänger, das Subjekt und den Körper steuern. Sie können nicht leicht Anhänge oder komplexere Formatierung hinzufügen.
* Sicherheitsüberlegungen: Obwohl ältere Browser weniger ein Problem sind, könnten ältere Browser möglicherweise durch böswillige "Mailto:" -Links ausgenutzt werden (obwohl dies äußerst selten ist).
2. Verwenden eines Formulars mit serverseitigem E-Mail-Handling
* Wie es funktioniert: Anstelle eines direkten Links erstellen Sie ein HTML -Formular auf Ihrer Website. Das Formular sammelt den Namen des Benutzers, die E-Mail-Adresse, die Nachricht usw. Wenn der Benutzer das Formular einreicht, werden die Daten an ein serverseitiges Skript (geschrieben in PHP, Python, Node.js usw.) gesendet, das dann die E-Mail erstellt und sendet.
* Beispiel (vereinfachtes HTML):
`` `html
`` `
* Profis:
* Mehr Kontrolle: Sie haben die vollständige Kontrolle über die Formatierung, Inhalte und Lieferung der E -Mail. Sie können Anhänge, HTML -Formatierung usw. hinzufügen.
* Verbesserte Benutzererfahrung: Sie können dem Benutzer eine bessere Fehlerbehandlung und Feedback geben, wenn die E -Mail nicht gesendet wird.
* Spamschutz: Sie können auf der Serverseite robustere Spam -Präventionstechniken (Captchas, Honeypots, Rate Limiting) implementieren.
* Keine Abhängigkeit von einem Standard -E -Mail -Client: Funktioniert unabhängig davon, ob der Benutzer einen konfigurierten E -Mail -Client hat.
* Datenhandhabung: Sie können Formulare für Analysen oder Aufzeichnungen speichern (falls erforderlich und die Datenschutzbestimmungen entsprechen).
* Nachteile:
* komplexer zu implementieren: Benötigt serverseitige Programmierfähigkeiten und Zugriff auf einen Webserver.
* erfordert Serverressourcen: Durch das Senden von E -Mails von einem Server können Ressourcen konsumiert werden, insbesondere wenn Sie ein hohes Einreichungsvolumen abwickeln.
* Erhöhte Sicherheitsbedenken: Sie müssen die Benutzereingaben sorgfältig validieren und desinfizieren, um Sicherheitslücken (z. B. Cross-Site-Scripting) zu verhindern.
* Vertrauen in die Serverkonfiguration: Sie müssen sicherstellen, dass Ihr Server ordnungsgemäß für das Senden von E -Mails konfiguriert ist (z. B. mit einem gültigen SMTP -Server).
Welche Option zu wählen?
* für schnelle, einfache und niedrige Verkehrswebsites: Der "Mailto:" -Link ist im Allgemeinen ausreichend. Beachten Sie nur die Spam -Risiken und berücksichtigen Sie Verschleierungstechniken (siehe unten).
* für Websites, die mehr Kontrolle benötigen, vertrauliche Informationen verarbeiten oder einen besseren Spam -Schutz erfordern: Ein Formular mit serverseitiger E-Mail-Handhabung ist die bessere Wahl. Dies ist für Kontaktformulare und Support -Anfragen üblich.
mildernde Spamernute mit `mailto:` links:
Wenn Sie die Option "Mailto:" auswählen, finden Sie hier einige Techniken, mit denen Bots die E -Mail -Adresse erntert werden können:
* Verschleierung mit JavaScript:
`` `html
mailen Sie uns
`` `
Diese Technik stützt sich auf JavaScript, um die E -Mail -Adresse kurz vor dem Auslösen des Links "Mailto:" zu dekodieren. Bots, die JavaScript nicht ausführen, haben Schwierigkeiten, die E -Mail zu extrahieren. Benutzer mit deaktiviertem JavaScript können jedoch den Link nicht verwenden. Es gibt komplexere Verschleierung Methoden.
* Ein Bild mithilfe eines Bildes: Zeigen Sie die E -Mail -Adresse als Bild anstelle von einfachem Text an. Dies erschwert es Bots, den Text zu extrahieren, aber Benutzer müssen die Adresse manuell eingeben.
* CSS -Richtung Umkehrung: Verwenden Sie CSS, um die Reihenfolge der E -Mail -Adresse umzukehren und dann HTML in der richtigen Reihenfolge anzuzeigen. Dies macht es für einfache Bots schwierig, analysiert zu werden, aber es ist leicht zu besiegen.
`` `html
moc.elpmaxe@ofni
`` `
* Cloudflare -E -Mail -Adresse Verschleierung: Wenn Sie CloudFlare verwenden, verfügt sie über eine automatische E -Mail -Adress -Verschleierung. Aktivieren Sie es in Ihren Cloudflare -Einstellungen.
* Spam -Filter: Verwenden Sie Spam -Filter wie Akismet oder Mollom auf der Serverseite, um Spam -E -Mails herauszufiltern, die über Formulare eingereicht wurden.
Wichtige Überlegungen:
* Privatsphäre: Beachten Sie die Datenschutzbestimmungen (z. B. DSGVO, CCPA) beim Sammeln und Umgang mit Benutzerdaten über Formulare. Geben Sie Ihre Datenschutzrichtlinie klar an und erhalten Sie bei Bedarf die Zustimmung.
* Sicherheit: Implementieren Sie robuste Sicherheitsmaßnahmen, um vor Spam, Cross-Site-Skript (XSS) und anderen Schwachstellen zu schützen. Verwenden Sie die Eingabevalidierung und -Seinheit sowohl auf den Client- als auch auf der Serverseite.
* Benutzererfahrung: Stellen Sie sicher, dass der E -Mail -Link oder -formular leicht zu finden, zu verwenden und zu verstehen ist. Geben Sie dem Benutzer klare Anweisungen und Feedback.
Zusammenfassend ist der Link "Mailto:" eine einfache Lösung für die Grundbedürfnisse, während ein Formular mit serverseitiger Handhabung mehr Kontrolle, Flexibilität und Sicherheit bietet, jedoch mehr Entwicklungsaufwand erfordert. Wählen Sie die Methode aus, die den Anforderungen Ihrer Website und Ihr technisches Fachwissen am besten entspricht. Denken Sie daran, Sicherheits- und Privatsphäre beim Umgang mit Benutzerdaten zu priorisieren.
