` (ancre) avec l'attribut `href` défini sur `mailto:`. Vous pouvez également ajouter des paramètres facultatifs au lien « mailto :» pour pré-remplir les champs objet, corps et CC/BCC de l'e-mail.
* Exemple :
```html
Envoyez-nous un e-mail
Contacter l'assistance
```
* Avantages :
* Simple à mettre en œuvre : Nécessite un minimum de connaissances en codage.
* Largement pris en charge : Fonctionne dans pratiquement tous les navigateurs et clients de messagerie.
* Direct : Invite immédiatement le client de messagerie par défaut de l'utilisateur à ouvrir un nouvel e-mail.
* Pré-remplissage facultatif : Vous pouvez pré-remplir le sujet et le corps pour guider l'utilisateur et lui permettre d'envoyer plus facilement les informations appropriées.
* Inconvénients :
* Nécessite un client de messagerie par défaut : Si l'utilisateur ne dispose pas d'un client de messagerie par défaut correctement configuré (comme Outlook, Thunderbird ou Mail.app), le lien peut ne pas fonctionner comme prévu (ou pas du tout).
* Récolte de spam : Les adresses e-mail contenues dans les liens « mailto : » sont facilement récupérées par les robots, ce qui augmente le risque de spam. (Voir les atténuations ci-dessous)
* Personnalisation limitée : Vous pouvez uniquement contrôler le destinataire, le sujet et le corps. Vous ne pouvez pas facilement ajouter des pièces jointes ou un formatage plus complexe.
* Considérations de sécurité : Bien que cela pose moins de problèmes désormais, les anciens navigateurs pourraient potentiellement être exploités via des liens `mailto:` malveillants (bien que cela soit extrêmement rare).
2. Utiliser un formulaire avec la gestion des e-mails côté serveur
* Comment ça marche : Au lieu d'un lien direct, vous créez un formulaire HTML sur votre site Web. Le formulaire rassemble le nom de l'utilisateur, son adresse e-mail, son message, etc. Lorsque l'utilisateur soumet le formulaire, les données sont envoyées à un script côté serveur (écrit en PHP, Python, Node.js, etc.) qui construit et envoie ensuite l'e-mail.
* Exemple (HTML simplifié) :
```html
```
* Avantages :
* Plus de contrôle : Vous avez un contrôle total sur le formatage, le contenu et le processus de livraison de l'e-mail. Vous pouvez ajouter des pièces jointes, un formatage HTML, etc.
* Expérience utilisateur améliorée : Vous pouvez fournir une meilleure gestion des erreurs et des commentaires à l'utilisateur si l'envoi de l'e-mail échoue.
* Protection anti-spam : Vous pouvez mettre en œuvre des techniques de prévention du spam plus robustes (CAPTCHA, honeypots, limitation de débit) côté serveur.
* Aucune dépendance à un client de messagerie par défaut : Fonctionne que l'utilisateur dispose ou non d'un client de messagerie configuré.
* Traitement des données : Vous pouvez stocker les soumissions de formulaires pour analyse ou conservation de dossiers (si nécessaire et conforme aux réglementations en matière de confidentialité).
* Inconvénients :
* Plus complexe à mettre en œuvre : Nécessite des compétences en programmation côté serveur et un accès à un serveur Web.
* Nécessite des ressources du serveur : L'envoi d'e-mails depuis un serveur peut consommer des ressources, surtout si vous gérez un volume élevé de soumissions.
* Problèmes de sécurité accrus : Vous devez soigneusement valider et nettoyer les entrées des utilisateurs pour éviter les failles de sécurité (par exemple, les scripts intersites).
* Dépendance à la configuration du serveur : Vous devez vous assurer que votre serveur est correctement configuré pour envoyer des e-mails (par exemple, avec un serveur SMTP valide).
Quelle option choisir ?
* Pour des sites Web rapides, simples et à faible trafic : Le lien `mailto:` est généralement suffisant. Soyez simplement conscient des risques de spam et envisagez les techniques d’obscurcissement (voir ci-dessous).
* Pour les sites Web qui nécessitent plus de contrôle, traitent des informations sensibles ou nécessitent une meilleure protection anti-spam : Un formulaire avec gestion des e-mails côté serveur est le meilleur choix. Ceci est courant pour les formulaires de contact et les demandes d’assistance.
Atténuer la récolte de spam avec les liens `mailto:` :
Si vous choisissez l'option « mailto :», voici quelques techniques pour rendre plus difficile la collecte de l'adresse e-mail par les robots :
* Obfuscation avec JavaScript :
```html
Envoyez-nous un e-mail
```
Cette technique s'appuie sur JavaScript pour décoder l'adresse e-mail juste avant le déclenchement du lien « mailto :». Les robots qui n'exécutent pas JavaScript auront des difficultés à extraire l'e-mail. Cependant, les utilisateurs dont JavaScript est désactivé ne pourront pas utiliser le lien. Il existe des méthodes d’obscurcissement plus sophistiquées.
* Utiliser une image : Affichez l'adresse e-mail sous forme d'image au lieu de texte brut. Cela rend plus difficile l’extraction du texte par les robots, mais oblige les utilisateurs à saisir manuellement l’adresse.
* Inversion de direction CSS : Utilisez CSS pour inverser l'ordre de l'adresse e-mail, puis utilisez HTML pour l'afficher dans le bon ordre. Cela rend l'analyse difficile pour les robots simples, mais elle est facilement vaincue.
```html
moc.elpmaxe@ofni
```
* Obscurcissement de l'adresse e-mail Cloudflare : Si vous utilisez Cloudflare, il dispose d'une fonction d'obscurcissement automatique des adresses e-mail. Activez-le dans vos paramètres Cloudflare.
* Filtres anti-spam : Utilisez des filtres anti-spam comme Akismet ou Mollom côté serveur pour filtrer les spams soumis via des formulaires.
Considérations importantes :
* Confidentialité : Soyez conscient des réglementations en matière de confidentialité (par exemple, RGPD, CCPA) lors de la collecte et du traitement des données des utilisateurs via des formulaires. Énoncez clairement votre politique de confidentialité et obtenez le consentement si nécessaire.
* Sécurité : Mettez en œuvre des mesures de sécurité robustes pour vous protéger contre le spam, les scripts intersite (XSS) et d'autres vulnérabilités. Utilisez la validation et la désinfection des entrées côté client et côté serveur.
* Expérience utilisateur : Assurez-vous que le lien ou le formulaire de courrier électronique est facile à trouver, à utiliser et à comprendre. Fournir des instructions claires et des commentaires à l’utilisateur.
En résumé, le lien « mailto :» est une solution simple pour les besoins de base, tandis qu'un formulaire avec gestion côté serveur offre plus de contrôle, de flexibilité et de sécurité, mais nécessite plus d'efforts de développement. Choisissez la méthode qui correspond le mieux aux exigences de votre site Web et à votre expertise technique. N'oubliez pas de donner la priorité à la sécurité et à la confidentialité lors du traitement des données utilisateur.
