` (anchor) tag met het `href` attribuut ingesteld op `mailto:`. U kunt ook optionele parameters toevoegen aan de link `mailto:` om de velden Onderwerp, Hoofdtekst en CC/BCC van de e-mail vooraf in te vullen.
* Voorbeeld:
```html
E-mail ons
Contact opnemen met ondersteuning
```
* Voordelen:
* Eenvoudig te implementeren: Vereist minimale codeerkennis.
* Breed ondersteund: Werkt in vrijwel alle browsers en e-mailclients.
* Direct: Vraagt onmiddellijk de standaard e-mailclient van de gebruiker om een nieuwe e-mail te openen.
* Optionele voorinvulling: U kunt het onderwerp en de hoofdtekst vooraf invullen om de gebruiker te begeleiden en het gemakkelijker voor hem te maken om de juiste informatie te verzenden.
* Nadelen:
* Vereist een standaard e-mailclient: Als de gebruiker niet over een correct geconfigureerde standaard e-mailclient beschikt (zoals Outlook, Thunderbird of Mail.app), werkt de link mogelijk niet zoals verwacht (of helemaal niet).
* Spam verzamelen: E-mailadressen in `mailto:`-links kunnen gemakkelijk door bots worden verzameld, waardoor het risico op spam toeneemt. (Zie onderstaande maatregelen)
* Beperkte aanpassingen: U kunt alleen de ontvanger, het onderwerp en de tekst beheren. Je kunt niet eenvoudig bijlagen of complexere opmaak toevoegen.
* Beveiligingsoverwegingen: Hoewel dit nu minder een probleem is, kunnen oudere browsers mogelijk worden misbruikt via kwaadaardige `mailto:`-links (hoewel dit uiterst zeldzaam is).
2. Een formulier gebruiken met e-mailverwerking op de server
* Hoe het werkt: In plaats van een directe link maakt u een HTML-formulier op uw website. Het formulier verzamelt de naam, het e-mailadres, het bericht, enz. van de gebruiker. Wanneer de gebruiker het formulier verzendt, worden de gegevens naar een serverscript gestuurd (geschreven in PHP, Python, Node.js, enz.) dat vervolgens de e-mail samenstelt en verzendt.
* Voorbeeld (vereenvoudigde HTML):
```html
```
* Voordelen:
* Meer controle: U heeft volledige controle over de opmaak, de inhoud en het leveringsproces van de e-mail. U kunt bijlagen, HTML-opmaak, enz. toevoegen.
* Verbeterde gebruikerservaring: U kunt de gebruiker een betere foutafhandeling en feedback geven als de e-mail niet kan worden verzonden.
* Spambescherming: U kunt robuustere technieken voor spampreventie (CAPTCHA's, honeypots, snelheidsbeperking) aan de serverzijde implementeren.
* Geen afhankelijkheid van een standaard e-mailclient: Werkt ongeacht of de gebruiker een geconfigureerde e-mailclient heeft.
* Gegevensverwerking: U kunt formulierinzendingen opslaan voor analyse of archivering (indien nodig en in overeenstemming met de privacyregelgeving).
* Nadelen:
* Complexer om te implementeren: Vereist programmeervaardigheden op de server en toegang tot een webserver.
* Vereist serverbronnen: Het verzenden van e-mails vanaf een server kan bronnen verbruiken, vooral als u een groot aantal inzendingen verwerkt.
* Toegenomen veiligheidsproblemen: U moet gebruikersinvoer zorgvuldig valideren en opschonen om beveiligingsproblemen (bijvoorbeeld cross-site scripting) te voorkomen.
* Vertrouwen op serverconfiguratie: U moet ervoor zorgen dat uw server correct is geconfigureerd om e-mails te verzenden (bijvoorbeeld met een geldige SMTP-server).
Welke optie moet je kiezen?
* Voor snelle, eenvoudige websites met weinig verkeer: De `mailto:` link is over het algemeen voldoende. Houd rekening met de spamrisico's en overweeg verduisteringstechnieken (zie hieronder).
* Voor websites die meer controle nodig hebben, gevoelige informatie verwerken of betere spambescherming vereisen: Een formulier met e-mailverwerking op de server is de betere keuze. Dit is gebruikelijk bij contactformulieren en ondersteuningsverzoeken.
Spam Harvesting beperken met `mailto:` links:
Als je de `mailto:` optie kiest, zijn hier enkele technieken om het voor bots moeilijker te maken om het e-mailadres te verzamelen:
* Verwarring met JavaScript:
```html
E-mail ons
```
Deze techniek maakt gebruik van JavaScript om het e-mailadres te decoderen net voordat de `mailto:`-link wordt geactiveerd. Bots die JavaScript niet uitvoeren, zullen moeite hebben met het extraheren van de e-mail. Gebruikers waarbij JavaScript is uitgeschakeld, kunnen de link echter niet gebruiken. Er bestaan meer geavanceerde verduisteringsmethoden.
* Een afbeelding gebruiken: Geef het e-mailadres weer als afbeelding in plaats van platte tekst. Dit maakt het moeilijker voor bots om de tekst te extraheren, maar vereist dat gebruikers het adres handmatig typen.
* CSS-richtingsomkering: Gebruik CSS om de volgorde van het e-mailadres om te keren en gebruik vervolgens HTML om het in de juiste volgorde weer te geven. Dit maakt het moeilijk voor eenvoudige bots om te analyseren, maar het is gemakkelijk te verslaan.
```html
moc.elpmaxe@ofni
```
* Cloudflare e-mailadres verduistering: Als u Cloudflare gebruikt, beschikt het over een automatische verduistering van e-mailadressen. Schakel het in uw Cloudflare-instellingen in.
* Spamfilters: Gebruik spamfilters zoals Akismet of Mollom aan de serverzijde om spam-e-mails uit te filteren die via formulieren zijn verzonden.
Belangrijke overwegingen:
* Privacy: Houd rekening met de privacyregelgeving (bijvoorbeeld AVG, CCPA) bij het verzamelen en verwerken van gebruikersgegevens via formulieren. Vermeld duidelijk uw privacybeleid en vraag waar nodig toestemming.
* Beveiliging: Implementeer robuuste beveiligingsmaatregelen ter bescherming tegen spam, cross-site scripting (XSS) en andere kwetsbaarheden. Gebruik invoervalidatie en -opschoning aan zowel de client- als de serverzijde.
* Gebruikerservaring: Zorg ervoor dat de e-maillink of het formulier gemakkelijk te vinden, te gebruiken en te begrijpen is. Geef duidelijke instructies en feedback aan de gebruiker.
Samenvattend is de `mailto:`-link een eenvoudige oplossing voor basisbehoeften, terwijl een formulier met server-side afhandeling meer controle, flexibiliteit en veiligheid biedt, maar meer ontwikkelingsinspanningen vereist. Kies de methode die het beste past bij de vereisten van uw website en uw technische expertise. Vergeet niet om prioriteit te geven aan beveiliging en privacy bij het omgaan met gebruikersgegevens.
