L’emailing: la course aux mobile

« Les mobiles ont plus que jamais le vent en poupe dans le domaine de l’email marketing, principalement en raison de l’essor phénoménal de ces véritables ordinateurs de poche. Nous passons en effet désormais plus de temps sur notre téléphone à consulter nos emails, à prendre des photos ou à mettre à jour notre compte Facebook, qu’à téléphoner ! Par ailleurs, la croissance des smartphones ne connaît aucun répit, avec par exemple, pas moins de la moitié des Américains qui en possèdent désormais un. » (source: return path)

Les statistiques de l’emailing mobile

Voici quelques statistiques très intéressantes:

- En un an (mars 2011 à 2012) le nombre d’emails consultés à partir d’un mobile a augmenté de plus de 82%. Si tous cela continue, les projections permettent de prévoir que le mobile supplantera les webmails et les clients de messagerie d’ici mi-2012.

- 85% des emails mobiles sont consultés à partir d’un appareil mobile Apple. Il est donc important de prendre soin à rendre compatible votre email HTML sur les plateformes mobiles Apple. Le choix de la plateforme de lecture pour consulter ses emails varie beaucoup en fonction du jour de la semaine : l’environnement client de messagerie prévaut pendant la semaine, tandis que les interfaces mobile et webmail sont plébiscitées durant le week-end.

L’email mobile en infographie

Qu’en conclure ?

Que faut-il conclure de toutes ses statistiques ? On remarque que l’email mobile continue sa croissance exponentielle. De plus, si cette progression continue, l’email mobile supplantera les autres plateformes plus classiques (webmail et clients de messagerie) cette année.

Il est donc réellement important de prendre en compte le mobile dans vos prochaines campagne marketing. Il est conseillé de tester vos emails HTML (grâce à Litmus, CampaignMonitor ou encore Email-a-table) afin de vérifier si vos emails sont bien compatible avec les mobiles. D’ailleurs 63% des Américains et 41% des Européens ferment (voire effacent) un email non optimisé pour leur interface mobile.

Ces dernières semaines, de nombreuses personnes ont pu constater que des liens dans leurs campagnes emailing sont passés à la célèbre couleur bleue par défaut dans Gmail. D’après différents tests, il s’avérait que tout lien avec des style = style="color: #000000;" ou a { color: black; } ont perdu leurs couleurs et ont ainsi récupéré la couleur bleue par défaut.

Alors bon, c’est assez ennuyeux de voir que Gmail font des changements sans prévenir… Heureusement, il y a une solution facile et rapide. La solution est donc d’utiliser une couleur de lien qui est noir, mais pas tout à fait noir! Par exemple:

<a href="#" style="color: #000001;"> ... 

Une autre solution possible est d’utiliser ce style: color: #000000 !important;. C’est assez étonnant, mais pour l’instant, ça semble être très efficace !

Merci à Wilbert et Ben pour la solution !

Je sais ce que vous pensez: nous sommes dans l’ère de l’optimisation de nos newsletters pour les mobiles. Or tout à coup, tout le monde parle de tablettes comme l’iPad et le Fire Kindle, alors tout est-ce-que tout change ? Alors, voici les bonnes et les mauvaises nouvelles. La bonne: si vous avez déjà créé un design adapté pour l’iPhone, il est facile de l’adapter pour les iPads et les autres tablettes. La mauvaise: cette adaptation nécessitera encore quelques tests supplémentaires.

Avant de nous fournir des réponses solides sur si oui ou non, nous devons tous optimiser nos newsletters pour les tablettes, regardons les mises à jours à faire et les techniques de bases de conception pour les petits écrans.

Pourquoi optimiser pour les appareils tablette?

L’adaptation des campagnes emailing pour les tablettes devient de plus en plus populaire ! Je suis sûr que vous savez que de nombreuses personnes ont reçu des tablettes à Noël. Return Path a récemment fait une étude assez intéressant à ce sujet:

«Dans notre dernière étude, nous signalons une augmentation de 15% d’utilisation des iPhones/Ipads… Ce qui est le plus remarquable, c’est l’explosion de l’utilisation des iPads – avec une augmentation de 73% de la consultation de ses emails via des appareils iPad entre avril et Septembre de 2011. Les vues via un iPad ont fait un bond de 12% entre Mars et avril, puis a poursuivi son ascension régulièrement à la hausse. ».
- ‘Mobile, Webmail, Desktops: Where Are We Viewing Email Now?’, Return Path, 2011

En juin 2011, Campaign Monitor remarquait que les iPads constituaient près de 15% des ouvertures de mails sur appareils mobiles et près de 3% des ouvertures globales. On devine que la croissance de la part des iPads va continuer. Où va-t-elle s’arrêter? Bonne question! Dès que je trouve d’autres informations sur la toile, je n’hésiterai pas à le partager ici.

Adapter le code mobile pour des écrans légèrement plus grande

Comme mentionné précédemment, si vous avez déjà l’habitude d’optimiser vos campagnes emailing pour les mobiles alors bonne nouvelle: vous avez déjà fait le plus dur! Il reste à ajouter un @media afin de spécifier les dimensions des tablettes. Voici quelques exemples:

L’équipe d’EmailOnAcid a également fait un article où ils exposent une liste de @media pour les tablettes.

Dois-je remanier les designs de mes newsletters pour les tablettes ?

En fin de compte, cette décision devrait être prise en lien avec les taux de consultation d’emails via les tablettes de vos campagnes emailing. Par exemple, 4,9% de toutes les ouvertures de la newsletter de décembre dernier de Campaign Monitor ont été fait avec un iPad. En Mars (où l’iPad 2 a été lancé), ce chiffre était de 2,7%. En 9 mois, la part de l’iPad a été presque doublé. Cela nous indique que même si l’iPad est un acteur mineur sur la scène des client de messagerie à l’heure actuelle, il est probable que cela ne va pas rester comme ça.

Email à table fait peau neuve

Comme vous avez pu voir, Email à table a décidé de faire peau neuve. J’ai modifié toute l’interface graphique. J’ai utilisé un template wordpress que j’ai légèrement modifié.

Le template que j’ai utilisé est TheJournalCrunch. Vous pouvez le télécharger gratuitement ici

N’hésitez pas à me dire ce que vous en pensez !

Campaign monitor nous a livré une nouvelle version de son guide CSS. Ce guide CSS a pour but de présenter les propriétés CSS compatible sur tel ou tel client de messagerie. Je vous ai mis à disposition ce guide sur la page Ressources Techniques/Guide CSS. Ce guide est très pratique lors de l’intégration d’un email, alors gardez le sous la main !
]]> http://www.email-a-table.fr/mise-a-jour-du-guide-css,551/feed 0 http://www.email-a-table.fr/valider-votre-email-htmlcss-avec-fractal,543 http://www.email-a-table.fr/valider-votre-email-htmlcss-avec-fractal,543#comments Fri, 22 Jul 2011 12:18:46 +0000 jdrean http://www.email-a-table.fr/?p=543 Voyez exactement les lignes de code non supportés dans plus de 24 clients de messagerie avec Fractal.

Je ne sais pas si vous vous souvenez du guide CSS qui présente les propriétés supportées ou non par les clients de messagerie. Apprendre ce guide par cœur peut être un peu délicat, il est vrai. C’est ici qu’intervient Fractal.

Qu’est-ce-que Fractal ?

Fractal est une application web pour valider votre code CSS sur 24 des clients de messagerie les plus populaires. Il est également très facile à utiliser. Il suffit de copier-coller le code HTML de votre email et Fractal fait le reste du travail. Ce dernier vous génère un rapport détaillé sur la compatibilité CSS, il signale les styles CSS qui sont soit non supportées, ou soit que partiellement pris en charge. De plus, point important, Fractal vous fait des suggestions pour corriger les éventuelles problèmes.

Fractal est très utile pour les débutants, mais aussi pour les plus anciens intégrateurs emailing. Pour les gens qui commencent la difficile transition du web aux emails HTML, Fractal est un excellent moyen de s’habituer à ce qui fonctionne et ce qui, hélas, ne fonctionne pas sur la plupart des clients e-mail. Pour le reste, il répond à des questions subtiles qui sont susceptibles de surgir lors d’une conception conséquente ou des tests de mails, telles que les border ne figurant pas dans Lotus Notes ou les padding/margin mal géré par Outlook. On peut aussi remarquer que les propriétés CSS3 ne sont que encore rarement acceptées.

Où retrouver Fractal ?

Fractal est gratuit et s’utilise en ligne. Donc, pour l’utiliser, rien de plus simple, il vous suffit d’aller sur la page: getfractal.com.

Lorsque vous visualisez des emails dans différents clients de messagerie, nous ne pouvons pas garantir le jeu de caractères que chaque site utilise. L’encodage des caractères nous permet donc d’être certain que tous les caractères seront affichés comme ils le devraient. Par exemple, des problèmes sont régulièrement relevés sur le webmail d’Orange.

Content-Type ignoré par les webmail

De plus, le Content-Type, défini dans votre balise méta, joue un rôle majeur dans la façon dont un email sera affichée, en particulier pour les caractères spéciaux dans des langues non latines ou lorsque qu’on copie du texte à partir d’un éditeur de texte comme Microsoft Word.

En résumé, tous les clients de messagerie ignorent le Content-Type défini dans votre balise meta. Au lieu de cela, ils lisent la valeur du Content-Type qui est dans l’entête de votre email. Cependant, le type d’encoding des caractères dans l’en-tête est automatiquement défini par le serveur d’envoi de votre email. Cette valeur peut être modifiée, mais vous aurez besoin d’un accès direct au serveur de messagerie. La solution la plus sûre est de convertir tous vos caractères spéciaux en entités HTML et pour cela je vous met à disposition des outils gratuits pour encoder vos caractères.

Les solutions

Il existe de nombreuses solutions pour encoder vos caractères. Je vous met à disposition deux outils très utiles:
- Character converter par EmailOnAcid.com
- Convert_HTML par Soft Chris

Aujourd’hui, je vais vous présenter le double opt-in. Quelles sont les différences avec le simple opt-in ? Puis, je vous expliquerai comment mettre en place cette solution et ce quelle peut vous apporter en terme d’amélioration de votre délivrabilité.

Qu’est-ce que le simple opt-in ?

Opt In est un terme marketing ou légal qualifiant une adresse email. Un email Opt In a fait l’objet d’un consentement préalable (case à cocher, défilement d’un menu déroulant…) du propriétaire, pour utilisation de cette adresse dans un cadre précis. Dans la pratique, c’est souvent une case à cocher « Acceptez-vous de recevoir notre newsletter ? » dans un formulaire, par exemple celui d’inscription. Le terme Opt-in fait opposition au terme opt-out qui désigne les personnes qui n’ont pas donné leur accord pour recevoir vos emails marketing.

Sur un plan un peu plus légal, je rappelle qu’en France il est interdit d’envoyer des emails à une personne opt-out dans un contexte BtoC. Dans un contexte, BtoB, il est cependant possible d’envoyer des emails sans un accord préalable.

Qu’est-ce que l’opt-in négatif ?

L’opt-in négatif désigne les personnes qui ont été automatiquement inscrit à la liste de diffusion d’une newsletter ou d’emails commerciaux alors qu’ils n’ont fait que remplir un formulaire pour une demande d’information. Il s’agit par exemple de cases pré-cochées qui donnent l’accord de l’internaute. Cette pratique est également interdite en France sur les adresses nominatives.

Qu’est-ce que le double opt-in ?

Ceci est la façon la plus difficile, mais le plus sûr en définitive, de construire une liste d’email. On constate généralement un meilleur retour sur investissement car elle crée une liste de prospects qualifiés. Avec cette méthode, une personne acceptent l’utilisation de son email via une case à cocher, par exemple. Elle reçoit alors un e-mail de votre part avec un lien sur lequel elle doit cliquer pour être ajouté à la liste d’email. Même si elle a fourni une adresse email valide et coché une case impliquant qu’elle vous permet d’utiliser son adresse email, elle doit cliquer sur le lien dans l’e-mail afin de prouver qu’ils ont vraiment adhéré à votre liste d’email.

L’image suivante résume, en Anglais, les étapes du double opt-in.

Source: junowebdesign.com

Le problème avec ce type de liste d’email, comme vous pouvez l’imaginer, c’est qu’il est plus lent de construire votre liste d’email. De plus, certaines personnes peuvent être rebutées par cette double étape.

Quelles sont les avantages du double opt-in ?

Les avantages de ce type de construction de liste sont réelles. Vous êtes vraiment sûr que vous allez envoyer des mails aux personnes qui veulent recevoir votre courriel. Bien que ça n’aura pas complètement éliminer les courriers indésirables ou des problèmes de délivrabilité, il va cependant sensiblement les réduire. Si vous payez vos envois au nombre de mails envoyés, cela signifie aussi que vous aurez un retour sur investissement bien plus élevé sur chaque envoi parce que votre liste aura moins d’adresses indésirables. Enfin, si vous recevez des plaintes, vous pouvez plus efficacement vous défendre en prouvant que la personne est en double opt-in. Il est bon de créer votre lien de confirmation afin de pouvoir conserver l’adresse email connecté, l’IP et la date du clic.

Et voici la troisième et dernière partie du tutoriel vidéo sur la création d’emails HTML. Dans cette vidéo, Mohammad nous montre comment tester ses emails avec Litmus et Campaign Monitor. Il n’est pas obligatoire de rappeler que tester son email est une étape obligatoire avant tout envoi en masse.

Source: http://beautifulemails.com/3-how-to-create-html-email-testing/

Cet article est la suite de l’article « Tutoriel vidéo – Comment créer un email HTML ? (Photoshop – 1/3) ». Dans cette vidéo, Mohammad montre en détail comment intégrer un email HTML à partir d’un modèle designé sous Photoshop. Cette vidéo est en anglais, mais bien compréhensible. Je vous invite par ailleurs à consulter le site de Mohammad : beautifulemails.com.

Source: http://beautifulemails.com/2-how-to-create-html-email-html/