Les courriels sont maintenant de plus en plus accessibles sur les smartphones, c’est pourquoi il est important de veiller à ce que les mailings et les newsletters s’affichent correctement sur les appareils mobiles.
Si vous envoyez un mailing avec l’éditeur rapidmail, il assure automatiquement un affichage responsive dans les programmes de courrier électronique les plus courants. Cela signifie que votre newsletter est « mobile friendly » et s’adapte automatiquement à la largeur d’écran correspondante du smartphone ou de la tablette de vos destinataires. Toutefois, si vous avez vous-même programmé le mailing au format HTML, nous ne pouvons pas garantir un affichage correct sur les appareils mobiles. Néanmoins, nous aimerions vous montrer comment vous pouvez améliorer l’affichage mobile de vos envois à l’aide de quelques conseils.
1. mesurer la proportion d’ouvertures avec des appareils mobiles
Avant d’investir beaucoup de travail pour rendre votre mailing HTML « mobile », vous devez d’abord mesurer si et combien de vos destinataires ouvrent effectivement la newsletter avec un appareil mobile. Avec rapidmail, cela est automatiquement affiché dans les statistiques générées après l’envoi. Ainsi, vous saurez directement si l’optimisation de l’affichage mobile par rapport à vos destinataires est vraiment utile.
2. Utilisez un objet concis
Pour que les destinataires puissent voir toutes les informations importantes de l’objet sur les appareils mobiles, il est important que l’objet soit aussi court que possible. Pour les destinataires qui lisent leurs e-mails sur leur smartphone, nous recommandons de ne pas dépasser 35 caractères pour la ligne d’objet. Cela garantit que l’objet est affiché en entier sur tous les clients de messagerie et sur tous les appareils.
Pour compléter votre sujet, vous pouvez utiliser le preheader. Il est affiché directement sous le sujet du mailing sur de nombreux appareils mobiles et programmes de messagerie électronique. Ici aussi, plus c’est court, mieux c’est. En effet, plus le sujet et le pré-en-tête sont longs, plus ils prennent de la place sur le petit écran mobile. Cela peut avoir pour conséquence de pousser des informations importantes dans la zone du courriel qui n’est pas visible au premier coup d’œil.
3. Sélectionnez la taille de police appropriée
Pour que vos lettres d’information puissent également être lues sans problème sur les écrans plus petits des smartphones, vous devez régler la taille de la police à 22 px pour les titres et au moins 12 px pour le corps du texte. Pour faciliter la lecture à vos abonnés, vous devez également respecter un interligne d’environ 17px.
4. Rendre la newsletter accessible
Pour une présentation « mobile » de vos lettres d’information, vous devez vous assurer que vous permettez à vos destinataires de naviguer facilement dans l’e-mail. Cela signifie que vos lecteurs devraient pouvoir facilement taper sur tous les liens et éléments interactifs avec leur doigt sans ouvrir par inadvertance un autre lien. La zone dite tactile doit être d’au moins 38x38px à cet effet.
Si vous souhaitez insérer un numéro de téléphone dans votre courrier, vous devez toujours l’insérer sous forme de texte et non d’image. En créant un lien sur le numéro de téléphone correspondant, il est même possible de le composer directement sur le téléphone portable avec certains clients de messagerie électronique.
5. Choisir des couleurs très contrastées
Comme les courriers électroniques envoyés à l’aide d’appareils mobiles sont souvent lus à l’extérieur, il convient d’utiliser des couleurs très contrastées dans le courrier afin que le contenu soit facilement reconnaissable. La couleur des liens intégrés doit également se distinguer clairement du reste du texte continu afin que les destinataires remarquent immédiatement le lien.
6. Ne pas ajouter trop d’images
Surtout si vos destinataires consultent leurs e-mails sur smartphone et en dehors de la WIFI, il y a un inconvénient si une newsletter contient trop d’images. Ces dernières ont souvent un temps de chargement très long ou ne sont pas téléchargées du tout. Vous devez donc limiter votre envoi à quelques petites images.
Pour les images, les appels à l’action et les graphiques que vous incluez dans votre envoi, vous devez définir un texte alternatif qui résume ou décrit l’image. Ce texte est alors au moins toujours affiché dans l’e-mail, même si l’image correspondante n’est pas affichée.
7. Afficher le contenu dans une colonne
Pour éviter à vos destinataires de devoir constamment faire défiler l’écran de leur smartphone à gauche et à droite, nous vous conseillons d’éviter une disposition en plusieurs colonnes ou d’afficher les colonnes les unes en dessous des autres sur les appareils mobiles.
8. Tester l’affichage avant l’envoi
Avant d’envoyer votre mailing, qui est basé sur votre propre HTML, vous devez vérifier soigneusement si le courriel s’affiche correctement sur les appareils mobiles. L’affichage peut varier considérablement en fonction du programme de courrier électronique, de l’appareil mobile et de l’application utilisés. Avec rapidmail, vous pouvez utiliser le test d’affichage, l’aperçu et l’envoi test à cette fin.