Gabarits (templates)Trucs marketing par courriel

Faire afficher correctement son infolettre dans Outlook

Par octobre 27, 2016 Aucun commentaire

La plupart des fournisseurs offrent des gabarits testés sur différentes plateformes pour s’assurer que l’affichage de votre message soit le plus similaire possible pour tous vos destinataires. Nous vous recommandons d’utiliser ces gabarits pour vous assurer de l’apparence professionnelle et uniforme de votre infolettre. Si vous avez déjà vos propres gabarits, voici quelques conseils pour vous simplifier la vie avec Outlook. Ce logiciel pose en effet un véritable défi pour l’affichage des courriels, même pour les spécialistes du design.

Il est vrai qu’alors que la grande majorité des outils de courriel s’appuient sur des normes pour harmoniser l’affichage, il semble qu’Outlook persiste à vouloir n’en faire qu’à sa tête, non seulement pour le rendu des couleurs mais aussi pour les texte et les images.

Quelques conseils pour régler les enjeux de design majeurs:

Utilisez la balise Alt

Comme Outlook peut bloquer les images par défaut, n’oubliez pas d’utiliser la balise Alt pour donner une description alternative du texte. Cela permettra au moins au lecteur d’avoir une idée de ce qui (pourrait) s’afficher sur la page. Cette recommandation est aussi valide pour d’autres lecteurs comme Gmail qui, lui non plus, n’affiche pas les images par défaut pour les courriels dont il n’identifie pas l’expéditeur.

Image qui ne s'affiche pas

À gauche, une image sans texte alernatif (Alt), à droite, l’importance de mettre un texte alternatif (Alt).

Incitez-les à vous ajouter à leur carnet d’adresse

Encouragez vos lecteurs à vous ajouter dans leur carnet d’adresse / dans leur liste d’expéditeurs de confiance. En plus de régler de nombreux problèmes de livrabilité, cela fera afficher les images dès l’ouverture. Vous pouvez ajouter un message dans votre entête de courriel pour leur rappeler.

Limitez la largeur

Outlook limite la possibilité de redimensionner un courriel. Limitez la largeur de votre courriel à 600 px, comme nous le faisons pour nos gabarits. Vous éviterez une césure à droite avec l’affichage d’un message d’erreur. Encore mieux : si vous pouvez créer des gabarits redimensionnables, vous servirez à la fois votre communauté d’utilisateurs sur téléphone intelligent en plus de vos clients sur Outlook!

Limitez la longueur aussi!

Ce qui est problématique avec certaines versions d’Outlook c’est qu’il limite aussi la taille en longueur pour faciliter l’impression. Le problème : un courriel trop long sera coupé lors de l’affichage et nuira à l’aspect professionnel de vos communications. Il faut limiter la longueur de vos courriels à 1700 pixels, soit environ 3 fois la largeur.

image tronquee dans Outlook

À gauche, une image trop longue tronquée dans Outlook 7, 10 et 13, à droite, l’image qui s’affiche normalement.

Utilisez les tables

Dans tous les cas, il est bon d’utiliser les tables pour assurer la cohésion de l’affichage. Les tables vous permettront d’adresser certains problèmes comme l’affichage des images, le retour du texte les images et les espacements. Il permettent d’éviter certains problèmes que les DIV ne peuvent adresser car ils ne sont souvent pas interprétés correctement par Outlook.

Évaluez les versions d’Outlook les plus utilisées par votre lectorat

En regardant vos statistiques dans vos rapports de campagne, vous pourrez voir quelles sont les versions d’Outlook les plus utilisées par vos lecteurs. Vous évaluerez si vous avez besoin d’adresser certains problèmes spécifiques à certaines versions d’Outlook en créant des gabarits spécifiques pour ces versions.

Dans tous les cas, il est important de tester votre gabarit dans le plus de lecteurs de courriels possibles pour vous permettre de corriger un maximum d’erreurs d’affichage. Vous pouvez ouvrir des comptes de courriels dans plusieurs services gratuits et installer des logiciels de courriel différents mais le plus simple reste d’utiliser un service tel Litmus ($) qui vous permettra de voir de tester votre infolettre sur une multitude de plateformes différentes.

Please wait...