Aperçu de la boîte de réception

Les trois parties d’une ligne de boîte de réception

Une boîte de réception est une liste de lignes et chaque ligne est construite à partir des trois mêmes éléments du message.

Nom de l’expéditeur

Le nom affiché dans l’en-tête From, la partie avant l’adresse : From: Harbor Books <orders@harborbooks.example>. Il vient généralement en premier ou en gras et c’est sur lui que les gens se fient pour décider s’ils vous connaissent.

Objet

L’en-tête Subject. Une seule ligne dans toutes les présentations, coupée par des points de suspension quand la place manque.

Texte d’aperçu

Celui-ci n’est pas du tout un en-tête. Le client de messagerie lit le début du corps du message et affiche les premiers mots qu’il trouve. Quand les marketeurs y mettent une phrase exprès, ils l’appellent le préheader.

Vous contrôlez directement les deux premiers. Le troisième, vous ne le contrôlez qu’en décidant quel est le premier texte de votre HTML.

La coupure dépend de la largeur, pas d’un nombre de caractères

Vous avez probablement lu que les objets devraient rester sous 50 caractères. C’est une règle empirique, car aucun client de messagerie ne compte les caractères. Chacun donne à l’objet une boîte d’une certaine largeur et laisse le texte déborder. Une rangée de lettres étroites en contient plus qu’une rangée de majuscules. « illicit little fib » est bien plus court à l’écran que « WWW MMM SUMMER » et les deux ont à peu près le même nombre de caractères.

Cette page fonctionne de la même façon. Chaque maquette est une vraie présentation HTML à une largeur typique, avec les polices que demande ce client et le navigateur coupe le texte comme le ferait le client. Le script mesure ensuite combien de vos caractères ont survécu. Prenez les chiffres comme des « environ », car votre lecteur peut avoir une taille de police plus grande, une fenêtre plus étroite ou un appareil sans cette police.

Définir le texte d’aperçu et le compléter

Pour choisir le texte d’aperçu, faites de votre phrase le premier texte du corps et cachez-la dans le message ouvert. Le bloc que génère cette page le fait avec un div qui ne prend aucune place et n’a pas de couleur visible.

Il y a un piège. Si votre phrase fait 60 caractères et que le client a la place pour 110, il continue de lire et ajoute ce qui suit : « Voir cet e-mail dans votre navigateur », le texte alternatif de votre logo, « Accueil | Boutique | Contact ». Pour l’empêcher, faites suivre votre phrase d’une longue suite de caractères qui occupent de la place dans l’aperçu mais ne dessinent rien, à savoir un antiliant de largeur nulle et une espace insécable, répétés (‌ ). Le client remplit sa zone d’aperçu avec eux et s’arrête.

Sur quoi reposent les remarques

La liste sous les maquettes vient de mesures simples sur ce que vous avez saisi :

• Points de coupure pour l’objet et le nom de l’expéditeur, tirés des dessins, avec la présentation de téléphone la plus courte citée en retour.
• Texte d’aperçu : absent, répétant l’objet (même début, ou au moins 80 % des mêmes mots), ou plus court que l’espace disponible, de sorte que du texte du corps le suit.
• Forme : plus de 70 % de majuscules, deux points d’exclamation ou plus, le nombre d’émojis, un « Re: » ou « Fwd: » sur un message qui n’est pas une réponse.
• Vocabulaire de pourriel : une courte liste en anglais (« free », « act now », « guaranteed »…), signalée à titre d’information.

Rien de tout cela ne décide où atterrit votre message. Les fournisseurs de messagerie filtrent surtout selon l’expéditeur, c’est-à-dire selon que le domaine réussit SPF, DKIM et DMARC et selon la façon dont les destinataires ont traité ses messages auparavant. Vous pouvez vérifier ce côté avec la vérification de l’authentification des e-mails. Les mots comptent pour ce qui vient après la livraison, quand une personne décide d’ouvrir ou non le message.