Centre d'Assistance Benchmark Email

Accueil Point d'informations aero-right Envois aero-right Les emails HTML affichent des erreurs dans différentes boîte de réception de clients

Les emails HTML affichent des erreurs dans différentes boîte de réception de clients

Envois Actualisé le octobre 13, 2022

Les ISPs comme Orange, Gmail, Yahoo et bien d’autres, peuvent afficher les emails avec des aspects différents dans les boîtes de réception. Les différents navigateurs peuvent aussi modifier l’apparence d’un email. Benchmark s’efforce de fournir à ses clients, des emails de qualité. Cependant, des erreurs peuvent s’afficher dans les différentes messageries de client, découvrez comment y remédier. Par exemple, un outil Contrôleur de Boîte de Réception est à votre disposition pour avoir une idée de l’apparence de votre email dans la boîte de réception de chaque fournisseur d’email.

Astuces pour créer des campagnes email

Certains emails de clients ont des restrictions que les ESP ne peuvent pas toujours surmonter. Voici des astuces pour vous assurez que vos emails apparaissent de la même manière sur tous les fournisseurs de messagerie ou dispositifs:

  • Utilisez notre Éditeur Drag & Drop: Tous les modèles proposés sont adaptés à tout type de dispositif et de messagerie
  • Le lien de la version web dans l’email: Vous pouvez inclure ce lien dans vos emails. Certaines messagerie de clients ne sont pas conforment aux standard d’internet et peuvent afficher votre email de manière décadrée. Vous pourrez activer ce lien dans l’étape 1 de la création d’email. Vous pourrez activer ce lien dans l’étape 1 de la création d’email.
  • Image d’arrière-plan: L’arrière-plan de votre image sera affiché quand le fournisseur d’email ne pourra pas l’afficher. Modifiez la couleur d’arrière-plan pour faire ressortir le couleur de la police, de cette manière si votre est mal affiché, le texte sera affiché.
  • Ajouter un texte alternatif aux images: Le texte alternatif est utilisé pour décrire les images se trouvant dans la campagne car la plupart des messageries de clients n’affichent pas automatiquement les images. Les images contenant un texte alternatif sont moins sujettes au blocage.
  • Alignement des images: Dans certains cas, les images sont trop larges et recouvrent le texte ou semble être compressées. Alignez vos images et réduisez leur taille pour éviter tout formatage. Si vous utilisez notre éditeur Drag & Drop, il réajustera vos images automatiquement.
  • Évitez d’utiliser de longues URL directement dans le bloc de texte : Un texte excessivement long et sans espace, tel qu’une longue URL, ajouté directement à un bloc de texte peut dépasser la largeur de l’email. Pour éviter que votre email ne se casse, veuillez utiliser notre Outil de Lien dans la barre d’outils de l’éditeur afin de lier un mot, une phrase ou une image. Pour en savoir plus sur nos options de lien, cliquez ici.

Une fois ces points appliqués lors de la construction de votre email, vous pouvez vous envoyer ou à vos collègues un email test. Ouvrez votre email test sur plusieurs dispositifs et messageries pour voir son apparence. Vous pouvez aussi utiliser le contrôleur de boîte de réception vous visualiser votre email sur plusieurs dispositifs.

Listes des erreurs communes aux différentes messageries:

Email Client
Supporte HTML
Erreurs Communes
AOL 4.0 and 5.0

Non

  • Seulement le texte
  • Les formes sont altérées
AOL 6.0, 7.0, and 8.0

Oui

  • HTML Standard
  • Les formes sont altérées
  • Rejette les liens email à des feuilles de style externes
AOL 9.0

Partiellement

  • Désactive les images HTML et liens hypertexte
  • Les formes sont altérées
  • Les emails lourd peuvent être compressés sous fichier .zip
AOL Webmail

Partiellement

  • Ne ‘as pas tous les requis XHTML
  • Altère les étiquettes <br />
  • Les balises d’ancrage ne sont pas supportées – Au lieu d’aller directement à la section d’ancrage de l’email lorsqu’on clique sur la balise, une nouvelle fenêtre est ouverte.
Apple Mail

Oui

  • HTML Standard
  • Étiquettes de police pas autorisées et sont remplacée par une étiquette <span>
  • Il faut cliquer deux fois sur le lien d’ancrage pour qu’il fonctionne.
  • Dans El Capitan OSX, les liens d’ancrage ne fonctionnent pas.
Compuserve

Non

  • Seulement le texte
Comcast Smartzone

Oui

  • HTML Standard
  • Les images d’arrière-plan sont bloquée.
  • Les balises d’ancrage ne sont pas supportées – Au lieu d’aller directement à la section d’ancrage de l’email lorsqu’on clique sur la balise, une nouvelle fenêtre est ouverte.
Comcast XFinity

Partiellement

  • Coupe les longues lettres – utilise la version web ou raccourci l’email.
  • Les balises d’ancrage ne sont pas supportées – Au lieu d’aller directement à la section d’ancrage de l’email lorsqu’on clique sur la balise, une nouvelle fenêtre est ouverte.
Entourage (Mac)

Oui

  • HTML Standard
Entourage 2008 (Mac)

Partiellement

  • Les images d’arrière-plan sont bloquée.
  • Supporte les formulaires, Flash ou autre plugin, flotteurs CSS, positions CSS et GIFs animés.
  • Dans les listes numérotées, les points importants sont remplacés par des images.
Earthlink

Partiellement

  • Le texte est parfois souligné
Eudora 3.1

Non

  • Seulement le texte
Eudora 4.0, 4.2, 4.3, and 5.0

No

  • HTML standard supporté si utilisé avec Internet Explorer.
  • Faible support HTML dans la visionneuse Eudora.
Gmail

Partiellement

  • N’affiche pas les signets d’ancrage.
  • Coupe les longues lettres – utilise la version web ou raccourci l’email.
  • Hyperliens des numéros de téléphone dans les emails
Hotmail

Partiellement

  • Bloque les images par défaut
  • Altère les étiquettes <head>, <title>, <meta>, et <body> – des styles en ligne doivent être utilisés.
  • Désactive les liens hypertexte après +/ 4 minutes et altère les images d’arrière-plan et l’authentification doit être activée.
  • Problème CSS
  • Le texte est souligné
  • Des espaces en plus sont ajoutés entre les lignes de texte entourées par les étiquettes <p> – Vous devrez changer l’étiquette <p> par <div> dans le bloc du code. Visualisez ou créez un nouveau bloc et retapez le texte sans copier/coller les styles.
Juno 4.0, and 5.0

Oui

  • Proche du HTML standard
  • Problèmes de CSS
Lotus Notes 4.6

Non

  • Pas de polices ou liens colorés
Lotus Notes 5.0

Oui

  • Proche du HTML standard
  • Problèmes de CSS
Novell GroupWise 5.5

Oui

  • HTML standard
Office 365

Partiellement

  • HTML standard

Les images sont bloquées par défaut

  • Problèmes de CSS
  • Les liens d’ancrage et table de contenu ne fonctionne pas.
  • Les images sont affichées dans leurs tailles d’origine, sauvegardées dans la galerie, ce qui dénature l’email – vous devez redimensionner l’image dans la galerie et la réinsérer.
Outlook 97

Partiellement

  • Pas de polices ou liens colorés
  • Problème d’alignement
Outlook 98 and 2000

Oui

  • HTML standard
  • Ne supporte pas complètement CSS
Outlook 98 and 2001 (Mac)

Non

  • Seulement texte au format RTF
Outlook 2003

Partiellemeçnt

  • Les images HTML sont bloquées par défaut.
Outlook 2007 and 2010

Partiellement

  • N’accepte pas les formulaires, Flash ou autre plugin, flotteurs CSS, positions CSS et GIFs animés.
  • Dans les listes numérotées, les points importants sont remplacés par des images.
  • Les fins de pages sont insérées dans des emails  allongés ce qui causent des brèches.
  • N’accepte pas les bords d’images.
  • L’affichage haute définition supérieur au format 1920px par 1080px formate le texte mais ne formate pas les images.
  • Le style des légendes d’images est écrasé par le style d’Outlook.
  • Les images de taille supérieure à 1728 px sont coupées.
  • Ajoute des espaces en plus entre les paragraphes ou double les espaces texte
  • En fonction de l’affichage du dispositif, les images peuvent être déformées.

Note: Microsoft a mis en place un outil pour valider votre HTML sur Outlook 2007.

Outlook 2007 and 2010 (Mac)

Partielleçment

  • Les liens d’ancrage ou table de contenu ne sont pas acceptés.
  • Les GIFs animés ne sont pas supporté.
Outlook 2013 and 2016

Partiellement

  • Les fins de pages sont insérées dans des emails  allongés ce qui causent des brèches.
  • Si le texte se trouvant dans le dernier bloc est une puce, elle sera remplacée par un point vide – dans ce cas, enlever la puce du point ou ajoutez l’étiquette <div style= »display:none; »>&nbsp;</div> avant l’étiquette de fermeture </ul> dans l’aperçu du bloc de code.
  • L’affichage haute définition supérieur à 1920 px par 1080 px échelonne le texte mais pas les images.
  • En fonction de l’affichage du dispositif, les images peuvent être déformées.
  • Les GIFs animés ne sont pas supportés.
Outlook 2016 (Mac)

Partiellement

  • Les liens d’ancrage ou table de contenu ne sont pas acceptés.
Outlook 365

Partiellement

  • Les liens colorés apparaissent en bleu par défaut sauf si le texte les précédent est formaté sous une couleur – vous devez englober le lien avec l’étiquette <span> et l’étiquette <td> et <div> doivent avoir une couleur texte différente.
  • Lorsqu’un lien d’ancrage ou une table contenu sont cliqués, les liens au lieu d’aller à la section d’ancrage de l’email, sont ouverts dans une page vide.
  • Le texte est aligné par défaut is justified by default, même s’il est aligné sur la gauche dans l’email.
  • La fenêtre image est extraite.
Outlook Web Access

Partiellement

  • HTML standard
  • Les images sont bloquées par défaut.
  • Les liens d’ancrage et table de liens de contenu ne fonctionnent pas.
  • Les images sont affichées dans leurs tailles d’origine, sauvegardées dans la galerie, ce qui dénature l’email – vous devez redimensionner l’image dans la galerie et la réinsérer.
Outlook Express- PC or Mac

Oui

  • HTML standard
Pegasus Mail 3.1- Windows

Oui

  • HTML standard
  • Liens colorés non supportés
Smartphones Android, iPhone, etc.

Oui

  • Les numéros de téléphone peuvent être transformé en hyperliens (cliquer-pour-appeler)
  • Les dates peuvent être ajoutées comme un évènement sur le calendrier du téléphone en utilisant l’adresse physique depuis le bas de page de l’email.
Verizon

Oui

  • HTML standard
  • Les liens d’ancrage et table de liens de contenu ne fonctionnent pas.
Yahoo!

Oui

  • HTML standard
  • Les liens d’ancrage et table de liens de contenu ne fonctionnent pas dans tous les navigateurs – une fois cliqué, l’email se ferme et l’utilisateur est ramené sur la boîte de réception.
  • Coupe dans les emails trop longs, utilise la version web ou raccourci l’email.

Source: StudioCloud

Si vous avez des questions et désirez en savoir plus sur l’affichage de vos emails, n’hésitez pas à contacter notre équipe support par Email ou LiveChat.