Comprendre l’optimisation des e-mails sur mobile
Objectif de cet article
Découvrez les paramètres d’optimisation mobile par défaut proposés par Klaviyo pour les e-mails, ainsi que des outils pour personnaliser l’affichage de votre message sur différents appareils. Vous pouvez également choisir de désactiver toutes les optimisations mobiles en accédant à l’onglet Styles de votre modèle d’e-mail.
Options générales d’optimisation pour mobile
Si vous choisissez d’activer les optimisations pour mobile, certains ajustements seront effectués automatiquement afin d’optimiser l’apparence de votre e-mail lorsqu’il est consulté sur un appareil mobile.
Si vous préférez que votre e-mail ne soit pas optimisé pour les appareils mobiles, désactivez les optimisations dans la section mobile de l’onglet Styles de votre modèle.
Il existe un certain nombre d’autres paramètres qui vous permettent d’effectuer des ajustements spécifiques à l’affichage sur mobile, notamment :
- Ajuster les marges du contenu
- Ajuster les tailles du texte et des titres sur mobile
- Ajuster l’espacement du texte et des titres sur mobile
- Ajuster la marge intérieure du bloc sur mobile
Disposition de la barre d’en-tête/de liens sur mobile
Pour tout bloc d’en-tête/lien, faites défiler jusqu’au menu Mise en page mobile dans l’onglet Styles afin de sélectionner une mise en page mobile. Par défaut, l’option est Tout empiler, et vous pouvez la modifier en fonction de vos besoins.
Masquer sur mobile ou sur ordinateur
Vous pouvez choisir si vous souhaitez qu’un bloc apparaisse sur mobile, sur ordinateur, ou sur les deux. Vous pouvez personnaliser cela pour n’importe quel bloc en accédant à l’onglet Options d’affichage du bloc.
Option d’étirement de l’image
Pour un bloc d’image, vous pouvez choisir d’étirer une image sur toute la largeur du cadre lors de l’affichage sur mobile. Vous verrez cette option dans l’onglet Styles pour tout bloc d’image dans les paramètres Bloc. Activez ou désactivez Prendre toute la largeur sur mobile.
Les colonnes s’empilent sur mobile
Empiler des colonnes (créées avec la mise en page Colonnes ou les options de bloc fractionnement ) sur les appareils mobiles permet d’obtenir du texte et des images plus grands, plus faciles à lire sur un petit écran. Si vous préférez que vos colonnes s’affichent côte à côte sur mobile, désactivez ce paramètre dans l’onglet Styles de cette section. Si vous le faites, les colonnes resteront côte à côte, mais seront redimensionnées pour s’adapter à un écran mobile.
Marges internes du bloc de texte sur mobile
Par défaut, tous les blocs de texte ont au moins 18 px de marge intérieure sur mobile. Pour supprimer ce remplissage :
- Ouvrez le menu Styles.
- Faites défiler jusqu’à la section Texte et titres sur mobile.
- Désactivez le bouton (bascule) Remplacer les marges internes de la zone de texte.
Compatibilité des clients e-mail avec l’optimisation mobile
De nombreuses applications d’e-mail offrent des niveaux de prise en charge variables pour les optimisations mobiles.
Pour avoir un aperçu de votre e-mail sur différents clients de messagerie et appareils, vous pouvez utiliser un outil de test d’e-mail tiers.
Nous vous recommandons un outil comme Litmus, qui propose une version d’essai gratuite ainsi que des abonnements mensuels payants. Vous pouvez également utiliser d’autres outils gratuits qui vous permettent de tester et de prévisualiser le rendu de vos e-mails sur différents clients de messagerie et appareils.
Déterminer combien d’abonnés ouvrent sur mobile
Dans l'onglet Délivrabilité d'une campagne donnée, faites défiler vers le bas jusqu'à la section Performance par client de messagerie pour voir la répartition du nombre de destinataires qui ont ouvert votre e-mail sur un navigateur mobile par rapport à un navigateur de bureau. Cela peut vous donner une indication sur la façon dont votre public interagit avec vos e-mails. Vous pouvez également segmenter sur la base de ces informations en ajoutant un filtre à la condition Ce que la personne a fait (ou n'a pas fait) > Email ouvert.
