Si vous utilisez Gmail, Yahoo Mail, Outlook.com, Thunderbird ou un autre client de messagerie moderne, vous avez probablement déjà voulu ajouter une signature HTML un peu plus propre qu’un simple bloc de texte.
Une signature HTML permet d’ajouter une mise en page, des liens, un logo, un numéro de téléphone, une adresse de site, des icônes sociales ou un petit appel à l’action.
À l’époque, je recommandais l’extension WiseStamp. Elle faisait très bien le travail, notamment sous Firefox, avec un éditeur WYSIWYG et plusieurs signatures. Mais WiseStamp est aujourd’hui devenu un outil largement commercial. Pour une signature personnelle ou professionnelle simple, on peut très bien faire mieux : gratuit, open-source, portable et sans extension propriétaire.
La bonne méthode consiste à créer une signature HTML légère, compatible email, puis à la copier dans l’éditeur de signature de votre webmail.
Pourquoi les signatures HTML sont pénibles dans les webmails
Une signature HTML n’est pas une mini-page web moderne. Les clients email sont beaucoup plus stricts, plus capricieux, et parfois franchement archaïques.
Ce qui fonctionne dans un navigateur peut être cassé dans Gmail, Outlook ou Yahoo Mail. Les clients email filtrent le HTML, retirent certains styles, modifient les images, réécrivent les liens, ou ignorent des propriétés CSS modernes.
Pour cette raison, il faut privilégier :
- du HTML simple ;
- des styles inline ;
- des tableaux HTML pour la mise en page si nécessaire ;
- des images hébergées en HTTPS ;
- des liens absolus ;
- une largeur raisonnable ;
- peu de couleurs ;
- aucun JavaScript ;
- aucune police exotique indispensable.
MDN rappelle que les styles inline s’appliquent directement à l’élément via l’attribut style. Dans l’email HTML, c’est souvent la méthode la plus fiable, car beaucoup de clients email filtrent ou réécrivent les styles dans <style>. MDN : attribut style
