Aider! Mon e-mail est cassé : erreurs courantes + correctifs

Le monde du courrier électronique regorge d'embûches potentielles. La prise en charge des techniques peut disparaître sans avertissement, et les changements soudains apportés aux moteurs de rendu des clients de messagerie rendent difficile pour les spécialistes du marketing par e-mail de comprendre ce qui va fonctionner où. Ce qui peut sembler bien dans Apple Mail peut devenir un cauchemar dans Outlook ou Gmail. Ce qui semblait parfait aujourd'hui pourrait être brisé demain. En plus de cela, les versions de la boîte de réception, les mises à jour des applications et les modifications du navigateur peuvent avoir un impact sur l'apparence d'un e-mail.

La première étape de la conception d'une échéance consiste à se préparer au pire. Ayez des protections intégrées dans vos modèles pour couvrir tous les problèmes majeurs que vous pourriez rencontrer. —Logan Baird, Emma

Nous avons compilé quelques problèmes courants que vous pourriez rencontrer et comment incorporer des mesures de protection dans votre prochaine campagne par e-mail. Généralement, cela revient à…

HTML ou CSS non pris en charge dans les clients de messagerie

Il n'est pas surprenant que chaque client de messagerie soit différent. Mais lorsque vous travaillez sur 10 000 autres choses à la fois, suivre les changements soudains est le cadet de vos soucis. Même lorsque le support ne change pas, les clients de messagerie interprètent votre code différemment. Voyez par vous-même à quel point un e-mail standard peut être remarquablement différent d'un client à l'autre dans cet aperçu de Litmus Checklist.

Si vous n'êtes pas sûr que votre technique fonctionne ou non dans votre client de messagerie, utilisez l'outil d'analyse de code de Litmus.

Disponible dans Litmus Builder, l'analyse du code vous montrera toutes les propriétés HTML ou CSS non prises en charge dans ce client de messagerie spécifique, vous épargnant des heures de dépannage.

Les erreurs courantes dues au changement de support incluent :

Les images ne s'affichent pas

Il y a plusieurs raisons pour lesquelles les images peuvent ne pas apparaître dans vos e-mails. Le plus courant ? De nombreux programmes de messagerie bloquent les images par défaut, jusqu'à ce que l'utilisateur clique sur « Afficher les images ». Si vous n'êtes pas sûr, voici la liste actuelle du support.

Le correctif : pour vous assurer que vos utilisateurs bénéficient toujours d'une excellente expérience, même si les images ne s'affichent pas, incluez du texte ALT. Il s'agit d'une ligne de texte conçue pour résumer le contexte de l'image dans l'e-mail. Inclure du texte ALT pour toutes vos images, même si vous n'optimisez pas pour chaque client, est une bonne pratique générale. Cela garantit que votre message passe même si vous utilisez du texte dans vos images, et cela rend également vos e-mails plus accessibles à ceux qui utilisent des lecteurs d'écran.

D'autres problèmes moins courants peuvent être :

• Votre image n'est pas hébergée sur un serveur accessible au public
• Votre image utilise un chemin d'URL relatif au lieu d'un absolu
• Votre format de fichier image n'est pas JPEG, GIF ou PNG
• Des lacunes apparaissent sous vos images

Vérifiez que les images fonctionnent et à quoi ressemble votre e-mail avec les images désactivées, dans la liste de contrôle Litmus.

Prévisualisez vos e-mails avec images-off Prévisualisez les e-mails sans images et soyez averti s'il manque du texte ALT à l'une de vos images avec Litmus Checklist. Voyez par vous-même ce que Checklist peut faire ! Jetez un œil à cet e-mail cassé dans la liste de contrôle Litmus Voir plus →

Les polices personnalisées ne s'affichent pas

Vous avez peut-être travaillé avec votre concepteur pour créer une police personnalisée étonnante, pour qu'elle ne s'affiche pas dans votre courrier électronique. Cela peut être dû au fait que vous n'utilisez pas une police sécurisée pour le Web ou système, qui est prise en charge par tous les clients et qui est généralement installée sur la plupart des ordinateurs.

Le correctif : si vous souhaitez utiliser une police personnalisée, assurez-vous d'inclure une police de remplacement et qu'elle est du même type que votre police personnalisée, par exemple en utilisant une police sans empattement pour les deux, ce qui vous aidera à conserver votre la conception de l'e-mail dans différents clients de messagerie.

Pour plus de conseils sur la typographie, consultez notre guide ultime.

L'e-mail a l'air génial sur mobile

La taille de l'écran peut faire une grande différence en ce qui concerne le rendu de vos e-mails. Avec plus de 50 % des e-mails ouverts depuis 2015 provenant d'un mobile, il est important d'optimiser vos e-mails pour les écrans plus petits. Tester vos e-mails sur iPhone, iPad et Android est facile avec Litmus Instant Previews.

Le design réactif est la nouvelle norme, surtout maintenant que Gmail le prend en charge. Les e-mails réactifs reposent sur des requêtes multimédias (ou des règles @media dans le code) pour fonctionner correctement. Les requêtes média sont un ensemble spécial de styles CSS qui agissent comme des instructions conditionnelles ou des règles dynamiques. Soigneusement planifiés, ils peuvent aider à rendre les e-mails plus utilisables sur différentes tailles d'écran. Les requêtes multimédias ne sont pas prises en charge partout, alors gardez cela à l'esprit lors de la conception.

La solution : même si vous n'avez pas choisi d'utiliser un design réactif, il existe des moyens de vous assurer que votre e-mail est lisible et exploitable pour l'ensemble de votre audience d'abonnés.

Penser à:

• Agrandissement des polices : nous recommandons un minimum de 14 pixels pour le corps du texte et de 22 pixels pour les titres afin que votre e-mail soit lisible sur de petits écrans.
• Utilisation d'un CTA convivial : vos abonnés ne cliquent plus, ils tapent aussi ! Nous recommandons que les boutons soient d'au moins 44 x 44 pixels.
• Simplification de votre mise en page : utilisez une approche à une colonne ou une conception réactive pour permettre l'affichage sur des écrans plus petits et augmenter la lisibilité.
• Rationalisation de votre contenu : évaluez le contenu de votre e-mail et supprimez les liens, textes et images moins utiles ou non pertinents. Soyez concis, mais toujours convaincant.

Rupture de liens + suivi

Lors de la création d'un e-mail, vous recherchez non seulement les ouvertures, mais également les ouvertures converties. Et pour que vos abonnés se convertissent, ils doivent pouvoir agir, généralement sous la forme d'un bouton d'appel à l'action. Si le lien de votre bouton (ou de tout autre lien, d'ailleurs) est rompu, vous avez perdu une énorme opportunité et peut avoir nui à votre réputation auprès de vos abonnés. Vous ne voulez jamais qu'ils voient un écran comme celui-ci :

De même, si vos liens n'ont pas de suivi, vous n'aurez pas gâché l'expérience utilisateur, mais vous ne pourrez pas dire ce qui fonctionne et ce qui ne fonctionne pas. Quelqu'un a-t-il cliqué sur votre lien ?

Le correctif : vérifiez chacun de vos liens avec Litmus Checklist pour vous assurer qu'ils fonctionnent.

Ensuite, assurez-vous d'avoir ajouté des codes de suivi à chacun de vos liens avec Tracking Manager dans Litmus Builder afin de pouvoir mesurer le succès de votre campagne par e-mail.

GIF animés + vidéo ne fonctionnent pas

Les GIF animés et les vidéos ajoutent un peu de piquant à votre e-mail. Ils peuvent être amusants et attrayants, ou fournir des démonstrations rapides de votre produit en action. Quelle que soit la façon dont vous utilisez l'une ou l'autre technique, elles peuvent être difficiles à inclure dans un e-mail.

Premièrement, les grands GIF animés et les vidéos ont tendance à augmenter la vitesse de chargement de votre courrier électronique et peuvent frustrer vos abonnés car ils ne verront pas l'intégralité du récit que vous essayez de faire passer lorsque des images lourdes sont toujours en cours de chargement. Les choses deviennent encore plus compliquées sur mobile où le chargement d'images peut donner l'impression que vous avez envoyé un e-mail vide.

Le correctif : étant donné que tous les clients ne prennent pas en charge les GIF animés ou les vidéos, optimisez la première image de votre GIF et incluez une image de secours pour votre vidéo. Pour les deux, assurez-vous que l'image capture fidèlement votre message.

L'ajout de vidéo est une technique puissante pour encourager l'engagement. L'ajout d'une icône de lecture à cette image encouragera un clic. Hébergez votre vidéo sur une autre page, de préférence une page de destination désignée pour suivre davantage l'engagement de vos abonnés qui ont cliqué sur la vidéo à partir de l'e-mail.

En ce qui concerne la vitesse de chargement, équilibrez votre création avec vos données : utilisez la liste de contrôle Litmus pour déterminer la vitesse de chargement de votre e-mail avec votre vidéo ou votre GIF. Nous avons rassemblé dans ce guide tout ce que vous devez savoir sur la taille du fichier, y compris comment la réduire.

Soyez conscient de la fréquence de cette technique. Utilisés avec parcimonie, les GIF et vidéos animés peuvent surprendre et ravir les abonnés. Utilisés trop fréquemment, les mêmes abonnés peuvent s'en lasser et devenir moins susceptibles de s'engager dans vos campagnes.

Ensuite, il y a les petites choses…

Problèmes de syntaxe

Il peut être tellement frustrant de ne pas savoir pourquoi les choses ont l'air géniales. Il y a de fortes chances qu'il y ait une balise de fermeture erronée, une table mal imbriquée ou une autre faute de frappe cachée dans votre code.

Le correctif : pour détecter les erreurs, exécutez votre courrier électronique via la liste de contrôle Litmus pour voir instantanément ce qui ne fonctionne pas.

Liens bleus

Apple convertit les numéros de téléphone, les adresses, les dates et les mots d'invitation tels que « ce soir » en liens bleus soulignés dans les e-mails. En effet, les informations peuvent déclencher des événements liés à l'application, comme l'ajout de quelque chose à votre calendrier ou le lancement d'une carte.

Bien que cela puisse être idéal pour les utilisateurs qui ouvrent des e-mails personnels, en HTML, cela peut rendre difficile la lecture ou l'action sur votre e-mail. Les liens bleus peuvent réduire la lisibilité (pensez : liens bleus sur fond bleu) et peuvent également entrer en conflit avec le design de votre marque.

Le correctif : Heureusement, il existe plusieurs façons de résoudre ce problème.

Dépannez vos e-mails

L'assurance qualité est l'une des parties les plus chronophages du processus de conception d'e-mails et l'une des plus frustrantes, mais ce n'est pas obligatoire. Rationalisez votre processus de test avec Litmus, pour voir si vous rencontrez des problèmes de rendu dans plus de 70 clients de messagerie, ainsi que le suivi des liens, l'analyse de code et d'autres fonctionnalités qui facilitent le dépannage avant d'appuyer sur envoyer.

Commencez à tester maintenant →