Logo

Le superblog de l'email marketing Le blog emailing de référence par Sarbacane: retrouvez toute l'info de l'email marketing sur emailing.biz
Newsletter Man
Par
Prêt à tout pour préserver l’emailing du mauvais goût et du design raté, ce super-héros vous prodiguera ses meilleurs conseils pour réussir vos newsletters.
le 6 juin 2014 | 4 commentaires

Comment styliser les balises ALT de mon emailing ?

24% des internautes français reçoivent leurs emails sans l’affichage des images*. Par défaut, Yahoo, Outlook, Zimbra et Thunderbird n’affichent pas les images à l’ouverture d’un email. Autant de destinataires qui manqueront vos informations si votre email n’est pas lisible ni compréhensible sans les images. Les balises ALT des images vous serviront à apporter des informations supplémentaires.

Qu’est-ce que la balise ALT ?

La balise ALT est la description de votre image, paramétrée dans le logiciel emailing. Cette description s’affichera à la place de l’image quand celle-ci est bloquée par les messageries.
C’est une bonne nouvelle pour apporter des informations supplémentaires aux 24% des internautes qui ne verront pas vos images à l’ouverture de l’email.

Cette balise est à renseigner lorsque vous importez votre image dans un logiciel de messagerie :

Legende

Ou directement dans la balise <img> de votre code :

alt= »votredescription »

A quoi ressemble la balise ALT ?

Avant sur Yahoo :

BaliseALT_sansbalise

Après :

BaliseALT_classique

La balise est intégrée en texte dans l’encadré de l’image.

Il est possible de styliser la balise ALT

Pour changer des balises ALT classique, qui ne rendent pas forcément service à la création, sachez qu’il est possible de styliser la balise ALT en lui définissant une couleur, une typographie, une taille… comme un texte présent dans votre email.

Pour cela, vous devez intégrer dans la balise de l’image :

alt= »votredescription » style= »font-family: Arial; color: # 85d62d; font-style: italic; font-size: 25px; »

Et voici comment sera interprétée la balise en boîte de réception :

BaliseALT_style2

 

N’oubliez plus dorénavant de styliser vos balises ALT pour avoir un email lisible dans toutes les messageries, même sans l’affchage des images.

*Source : SNCD

——————————————————

Astuce

Vous pouvez préciser dans la balise <img> de votre code la hauteur et la largeur de l’image pour que le non-affichage de l’image n’altère pas la mise en page de votre email.

Exemple d’un email qui ne précise pas le gabarit de l’image :

EMarketing

  Cliquez sur l’image pour l’agrandir

Mots recherchés pour arriver sur cette page :

  • email image balise alt

Tags:

réponses to “Comment styliser les balises ALT de mon emailing ?”

  1. Avatar

    1 juillet 2014

    Rémi Répondre

    Bonjour,

    Petite précision : on parle d’un attribut alt, et non d’une balise alt.

    • La Team Emailing.biz

      17 septembre 2014

      team emailing.biz Répondre

      Bonjour,
      je vous remercie pour cette remarque et le note pour mes prochains articles.
      Cordialement,
      CaptainInbox

  2. Ce sera fort utile pour les prochaines campagnes, nous avons eu ce souci !

  3. Avatar

    5 novembre 2015

    Cedreek Répondre

    Bonjour,

    Votre article est très intéressant et je l’utilise depuis quelques mois.
    J’ai cependant un soucis avec Outlook, qui n’affiche pas le Alt. Sachant que j’utilise la version 2007.

    Est-il possible de contourner ce comportement ?

    Merci

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués *


*