{"id":71050,"date":"2024-10-28T07:00:00","date_gmt":"2024-10-28T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71050"},"modified":"2025-05-26T07:38:43","modified_gmt":"2025-05-26T14:38:43","slug":"ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/","title":{"rendered":"Ton Guide du Design d\u2019Email : 15 Meilleures Pratiques pour le Marketing par Email"},"content":{"rendered":"\n<p>Tu as peut-\u00eatre d\u00e9j\u00e0 entendu dire que <a target=\"_blank\" href=\"https:\/\/www.litmus.com\/resources\/email-marketing-roi\" rel=\"noopener\">l&#8217;email rapporte plus de 30 $<\/a> pour chaque dollar d\u00e9pens\u00e9.<\/p>\n\n\n<p>C&#8217;est un retour sur investissement assez puissant pour n&#8217;importe quoi \u2014 mais <em>surtout<\/em> pour une campagne de marketing.<\/p>\n\n\n<p>En tant que tel, cela consolide pratiquement l&#8217;importance de l&#8217;email marketing pour le succ\u00e8s des petites entreprises.<\/p>\n\n\n<p>Mais h\u00e9las, les emails ne peuvent pas avoir cette influence si personne ne les ouvre ou ne les lit !<\/p>\n\n\n<p>Quand est-ce que la derni\u00e8re fois qu&#8217;un email a vraiment retenu ton attention ou captur\u00e9 ton c\u0153ur ?<\/p>\n\n\n<p>T&#8217;a-t-il rendu attach\u00e9 \u00e0 une marque ?<\/p>\n\n\n<p>Je t&#8217;ai fait rire ?<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"750\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line.webp\" alt=\"exemple de bo\u00eete de r\u00e9ception email montrant deux lignes d'objet int\u00e9ressantes : \u00ab Inspect\u00e9 professionnellement, approuv\u00e9 par Fender \u00bb et \u00ab Non ! \u00bb \" class=\"wp-image-50455 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-300x141.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1024x480.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-768x360.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1536x720.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-600x281.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1200x563.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-730x342.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1460x684.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-784x368.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-1568x735.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/01_subject_line-877x411.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/750;\" \/><\/figure>\n\n\n<p>Ou, peut-\u00eatre le plus important : t&#8217;a conduit \u00e0 cliquer, \u00e0 te convertir et \u00e0 devenir un client fid\u00e8le ?<\/p>\n\n\n<p>Nous sommes s\u00fbrs que ce n&#8217;\u00e9tait pas seulement ce qui a \u00e9t\u00e9 dit, mais <em>comment<\/em> cela a \u00e9t\u00e9 dit.<\/p>\n\n\n<p>C&#8217;est l\u00e0 que le design d&#8217;email intervient.<\/p>\n\n\n<p>Utiliser des astuces telles que l&#8217;optimisation de la vitesse de chargement, s&#8217;appuyer sur la th\u00e9orie des couleurs, construire un flux qui exploite la mani\u00e8re inn\u00e9e dont les gens lisent, et cr\u00e9er une mise en page qui est conviviale sur tous les appareils et \u00e0 tous les niveaux de capacit\u00e9s <em>naturellement<\/em> cr\u00e9e des emails irr\u00e9sistibles.<\/p>\n\n\n<p>Et les emails irr\u00e9sistibles sont ouverts, lus et t&#8217;apportent l&#8217;engagement n\u00e9cessaire pour rendre le travail du marketing par email rentable.<\/p>\n\n\n<p>Voici pourquoi et comment concevoir tes propres emails.<\/p>\n\n\n<h2 id=\"h-what-do-we-mean-by-email-newsletter-design\" class=\"wp-block-heading\">Que Voulons-Nous Dire Par Conception De Newsletter Par Email ?<\/h2>\n\n\n<p>Nous l&#8217;avons tous fait auparavant. \u00c9crire un email, c&#8217;est simple, n&#8217;est-ce pas ? (Pour la plupart, du moins.)<\/p>\n\n\n<p>Pas si vite.<\/p>\n\n\n<p><a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/email-marketing-guide\/\" rel=\"noopener\">Un marketing par email efficace<\/a> implique <em>bien<\/em> plus que de simplement taper un message et appuyer sur envoyer.<\/p>\n\n\n<p>Si ton email manque d&#8217;une ligne de sujet accrocheuse, de contenu pertinent, d&#8217;une mise en page intelligente, et d&#8217;\u00e9l\u00e9ments visuellement attractifs \u2014 il est bien trop facile pour les destinataires de le n\u00e9gliger et de l&#8217;ignorer dans l&#8217;avalanche qu&#8217;est leur bo\u00eete de r\u00e9ception.<\/p>\n\n\n<p><strong>La conception d&#8217;email est le processus de cr\u00e9ation et de structuration r\u00e9fl\u00e9chies des emails pour s&#8217;assurer qu&#8217;ils sont visuellement engageants, faciles \u00e0 lire et inspirent \u00e0 l&#8217;action.<\/strong><\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1350\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design.webp\" alt=\"capture d'\u00e9cran d'une newsletter Currents avec pour sujet &quot;des mots que tu ne devrais jamais r\u00e9p\u00e9ter&quot; et d'autres \u00e9l\u00e9ments importants comme des images, et un lien pour visualiser dans le navigateur\" class=\"wp-image-50457 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-300x253.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1024x864.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-768x648.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1536x1296.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-600x506.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1200x1013.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-730x616.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1460x1232.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-784x662.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-1568x1323.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/02_email_newsletter_design-877x740.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1350;\" \/><\/figure>\n\n\n<p>En substance, la conception des emails marketing se concentre davantage sur la disposition visuelle de vos emails que sur le contenu lui-m\u00eame. Elle implique d&#8217;organiser et d&#8217;optimiser le texte, les images et les informations cl\u00e9s de mani\u00e8re \u00e0 rendre l&#8217;email incontournable. \u00c9tant donn\u00e9 que les gens parcourent g\u00e9n\u00e9ralement les emails rapidement, un email bien con\u00e7u garantit que votre message est conforme \u00e0 la marque, clair et m\u00eame captivant.<\/p>\n\n\n<p>Et un guide de <em>design<\/em> d&#8217;email bien con\u00e7u peut t&#8217;apprendre comment donner vie \u00e0 tout ce qui pr\u00e9c\u00e8de pour renforcer ta voix, attirer de nouveaux clients et construire des relations \u00e0 long terme avec ton audience.<\/p>\n\n\n<p>C\u2019est ce que tu es sur le point de lire, maintenant.<\/p>\n\n\n<h2 id=\"h2_why-email-design-matters\" class=\"wp-block-heading\">Pourquoi La Conception Des Emails Est Importante<\/h2>\n\n\n<p>Nous avons d\u00e9j\u00e0 abord\u00e9 pourquoi les propri\u00e9taires de petites entreprises et les marketeurs devraient se concentrer sur <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/grow-your-email-list\/\" rel=\"noopener\">l&#8217;augmentation de leurs listes d&#8217;emails<\/a> \u2014 le marketing par email a un excellent retour sur investissement !<br><br>Qu&#8217;est-ce qui est sp\u00e9cifiquement si important \u00e0 propos de la conception de vos emails ? Cela a un moyen d&#8217;augmenter les ouvertures et l&#8217;engagement des emails.<\/p>\n\n\n<p>Nous te montrerons comment faire.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Maximiser La Lisibilit\u00e9<\/h3>\n\n\n<p>Un email bien structur\u00e9 avec une hi\u00e9rarchie claire, suffisamment d&#8217;espace blanc, des polices soigneusement choisies, et des \u00e9l\u00e9ments de design r\u00e9fl\u00e9chis garantit que les destinataires peuvent lire rapidement, facilement, et m\u00eame avec enthousiasme tout contenu que tu souhaites partager avec eux. Pas de festival d&#8217;ennui marketing ici !<\/p>\n\n\n<h3 class=\"wp-block-heading\">D\u00e9clenchez Des Actions Mesurables<\/h3>\n\n\n<p>En fin de compte, les emails bien con\u00e7us guident leurs destinataires vers une prochaine \u00e9tape claire, que ce soit pour s&#8217;inscrire \u00e0 un \u00e9v\u00e9nement, effectuer un achat, ou visiter un site web.<\/p>\n\n\n<p>Lorsque le design et le contenu s&#8217;alignent parfaitement, cela facilite l&#8217;action des destinataires sur ton message, et te permet de d\u00e9finir et d&#8217;atteindre des objectifs mesurables en mati\u00e8re de conversions.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Construis Ta Confiance De Marque<\/h3>\n\n\n<p>Utiliser de mani\u00e8re consistante les couleurs, les polices et les logos de ta marque dans la conception des emails renforce ton identit\u00e9 de marque. Lorsque les destinataires voient un email qui s&#8217;aligne visuellement avec une marque qu&#8217;ils connaissent d\u00e9j\u00e0, cela cr\u00e9e de la confiance, les rendant plus susceptibles d&#8217;ouvrir les emails futurs !<\/p>\n\n\n<p>Nous adorons cet \u00e9lan marketing si doux.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Accueillez Tous Les Lecteurs Par L&#8217;accessibilit\u00e9<\/h3>\n\n\n<p>Le <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/great-web-accessibility-examples\/\" rel=\"noopener\">design d\u2019un email<\/a> devrait toujours prendre en compte l\u2019accessibilit\u00e9, le rendant facile \u00e0 comprendre pour le plus grand nombre possible de personnes.<\/p>\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>Accessibilit\u00e9<\/h3>\n    <p>L&#8217;accessibilit\u00e9 est la pratique consistant \u00e0 rendre un site web accessible au plus grand nombre d&#8217;utilisateurs possible. Les sites accessibles peuvent \u00eatre consult\u00e9s par quiconque, sur n&#8217;importe quel appareil.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/accessibility\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Lire plus                    <\/a>\n\n<\/div>\n\n\n<p>Des choix de conception r\u00e9fl\u00e9chis que nous allons approfondir dans la prochaine section \u2014 comme les tailles de police appropri\u00e9es, le contraste des couleurs et le texte alternatif pour les images \u2014 garantissent que plus de personnes sont invit\u00e9es \u00e0 interagir avec ton contenu, peu importe comment elles acc\u00e8dent \u00e0 ton email.<\/p>\n\n\n<h2 id=\"h2_15-email-design-best-practices\" class=\"wp-block-heading\">15 Meilleures Pratiques de Conception d&#8217;Email<\/h2>\n\n\n<p>Jette un \u0153il \u00e0 tes m\u00e9triques de marketing actuelles.<\/p>\n\n\n<p>Con\u00e7ois-tu des emails qui atteignent la cible \u00e0 chaque fois ?<\/p>\n\n\n<p>Si ce n&#8217;est pas le cas, il est temps d&#8217;arr\u00eater de gaspiller tes ressources et de commencer \u00e0 \u00eatre plus efficace.<\/p>\n\n\n<p>La section suivante te guidera \u00e0 travers certaines des meilleures pratiques pour cr\u00e9er une exp\u00e9rience email qui capte l&#8217;attention, apporte de la valeur et encourage l&#8217;action.<\/p>\n\n\n<h3 class=\"wp-block-heading\">1. Une Colonne Unique Pour La Simplicit\u00e9<\/h3>\n\n\n<p>Nous recommandons g\u00e9n\u00e9ralement d&#8217;opter pour une mise en page \u00e0 une seule colonne dans tes emails marketing pour plusieurs raisons :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Un, c\u2019est tout simplement <strong>plus facile pour toi de concevoir<\/strong> !&nbsp;<\/li>\n\n\n\n<li>Une autre raison est que cela rend <strong>plus facile pour les lecteurs de parcourir rapidement et d&#8217;agir<\/strong>, ce qui est en v\u00e9rit\u00e9 ce que beaucoup souhaitent lorsqu&#8217;ils traitent les emails dans leur bo\u00eete de r\u00e9ception. Cette pr\u00e9sentation simplifi\u00e9e est \u00e9galement plus infaillible pour les technologies d&#8217;assistance \u00e0 traiter, la rendant plus accessible.<\/li>\n\n\n\n<li>Et enfin, mais non des moindres, <strong>les emails en colonne unique sont plus adaptables \u00e0 diff\u00e9rentes tailles d&#8217;\u00e9cran<\/strong>, les rendant plus adapt\u00e9s aux mobiles. (Un facteur important dont nous parlerons plus tard.)<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1000\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple.webp\" alt=\"c\u00f4te \u00e0 c\u00f4te avec une mise en page \u00e0 une seule colonne et une mise en page \u00e0 double colonne avec un x \u00e0 travers elle \u00e9tiquet\u00e9e &quot;colonnes multiples&quot; \" class=\"wp-image-50458 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1024x640.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-768x480.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1536x960.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-600x375.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1200x750.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-730x456.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1460x913.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-784x490.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-1568x980.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/03_single_column_keeps_it_simple-877x548.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1000;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">2. Familiarise-Toi Avec Le Sch\u00e9ma De Lecture En Forme De F<\/h3>\n\n\n<p>Identifi\u00e9 par le Nielsen Norman Group via une \u00e9tude de suivi du regard, le <a target=\"_blank\" href=\"https:\/\/www.nngroup.com\/articles\/f-shaped-pattern-reading-web-content\/\" rel=\"noopener\">mod\u00e8le de lecture en forme de F<\/a> est l&#8217;une des mani\u00e8res les plus courantes dont les lecteurs parcourent les blocs de contenu.<\/p>\n\n\n<p>Le mod\u00e8le fonctionne ainsi :<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>Le lecteur commence par une balayage horizontal en haut du contenu, formant la ligne sup\u00e9rieure de la lettre &#8220;F&#8221;.<\/li>\n\n\n\n<li>Ensuite, il descend et balaye la section horizontale suivante qui attire son regard, cette ligne inf\u00e9rieure du &#8220;F&#8221; est g\u00e9n\u00e9ralement plus courte que la premi\u00e8re.<\/li>\n\n\n\n<li>Enfin, il suit un chemin vertical le long du c\u00f4t\u00e9 gauche du contenu, compl\u00e9tant la forme du &#8220;F&#8221; !<\/li>\n\n\n<\/ol>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern.webp\" alt=\"exemple de motif de lecture en F montrant le concept \u00e0 c\u00f4t\u00e9 d'un email r\u00e9el pour illustrer comment nos yeux parcourent naturellement les emails dans un motif en \u00ab F \u00bb\" class=\"wp-image-50459 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1536x965.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-600x377.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1200x754.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-730x459.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1460x917.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-1568x985.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/04_design_tip_create_an_f_reading_pattern-877x551.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1005;\" \/><\/figure>\n\n\n<p>Lorsque tu con\u00e7ois tes emails, voici comment optimiser en tenant compte de ce comportement de scan :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Place les informations les plus importantes l\u00e0 o\u00f9 les lecteurs sont susceptibles de se concentrer, le long du motif en F.<\/li>\n\n\n\n<li>Commence les nouveaux paragraphes ou sections avec des mots captivants pour continuer \u00e0 attirer l&#8217;\u0153il au fur et \u00e0 mesure qu&#8217;il descend.&nbsp;<\/li>\n\n\n\n<li>Assure-toi que l&#8217;\u00e9l\u00e9ment le plus pro\u00e9minent de ton email ressorte imm\u00e9diatement et essaie de le placer sur le chemin du regard alors qu&#8217;il suit le motif. Plus tard dans cet article, nous parlerons de comment choisir le meilleur type et la taille de la police, ainsi que de comment appliquer le contraste efficacement pour attirer l&#8217;attention.<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">3. S&#8217;inspirer des \u00e9crivains avec la pyramide invers\u00e9e<\/h3>\n\n\n<p>La disposition en pyramide invers\u00e9e est une strat\u00e9gie de conception puissante emprunt\u00e9e aux \u00e9crivains et journalistes. Dans le monde de l&#8217;email, il s&#8217;agit de placer les informations les plus critiques en premier, puis de guider rapidement les lecteurs vers un <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/call-to-action-examples\/\" rel=\"noopener\">appel \u00e0 l&#8217;action (CTA) clair<\/a> sous forme de triangle invers\u00e9.<\/p>\n\n\n<p>La structure est simple :<\/p>\n\n\n<p>Commencez par un titre accrocheur ou une accroche, suivi d&#8217;informations concises, et terminez avec un appel \u00e0 l&#8217;action bien visible.<\/p>\n\n\n<p>Et ce n&#8217;est pas seulement une question de mots utilis\u00e9s. Sois cr\u00e9atif avec des polices, des couleurs et des designs originaux ! Et utilise l&#8217;espace blanc de mani\u00e8re strat\u00e9gique pour vraiment captiver le lecteur.<\/p>\n\n\n<p>En minimisant les distractions et en gardant le contenu \u00e9pur\u00e9 et captivant, la disposition en pyramide invers\u00e9e guide naturellement le regard du lecteur vers le CTA, augmentant ainsi les chances qu&#8217;il interagisse avec.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid.webp\" alt=\"exemple de design utilisant une pyramide invers\u00e9e montrant l'entreprise, quelques liens principaux puis se r\u00e9tr\u00e9cissant \u00e0 travers une image vers le bouton &quot;achetez maintenant&quot;\" class=\"wp-image-50460 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-267x300.webp 267w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-910x1024.webp 910w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-768x864.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1365x1536.webp 1365w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-600x675.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1200x1350.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-730x821.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1460x1643.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-784x882.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-1568x1764.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/05_design_tip_structure_elements_within_an_inverted_pyramid-877x987.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1800;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">4. Pensez Aux Emojis (Vraiment !)<\/h3>\n\n\n<p>Qu&#8217;il s&#8217;agisse de transmettre du m\u00e9pris (?) ou de partager des nouvelles excitantes sans \u00e9crire un seul mot (?): les emojis sont une option de communication puissante et moderne.<\/p>\n\n\n<p>Anecdotes \u00e0 part, il a m\u00eame \u00e9t\u00e9 constat\u00e9 que les emojis <a target=\"_blank\" href=\"https:\/\/www.wordstream.com\/blog\/ws\/2015\/11\/19\/twitter-emoji\" rel=\"noopener\">augmentent l&#8217;engagement sur les r\u00e9seaux sociaux<\/a>. Alors, pourquoi ne pas essayer de les utiliser pour faire de m\u00eame dans tes emails marketing ?<\/p>\n\n\n<p>Lorsqu&#8217;ils sont utilis\u00e9s de mani\u00e8re r\u00e9fl\u00e9chie (c&#8217;est crucial !), <strong>les emojis peuvent ajouter de la personnalit\u00e9 et un int\u00e9r\u00eat visuel \u00e0 tes emails<\/strong>, les aidant \u00e0 se d\u00e9marquer et \u00e0 garder l&#8217;int\u00e9r\u00eat des destinataires. Ils cr\u00e9ent une connexion \u00e9motionnelle instantan\u00e9e et rendent ton message plus captivant.<\/p>\n\n\n<p>La partie la plus importante de cette meilleure pratique est de comprendre ton public et le message en question pour garantir que les emojis utilis\u00e9s soient appropri\u00e9s et le renforcent, plut\u00f4t que de le distraire.<\/p>\n\n\n<h3 class=\"wp-block-heading\">5. Optimiser La Taille Des Images<\/h3>\n\n\n<p>Les pros du marketing par email chez Campaign Monitor ont con\u00e7u leurs mod\u00e8les d&#8217;emails pour \u00eatre de 600 pixels de large sur desktop et de 320 pixels sur mobile. De plus, les 300 \u00e0 500 pixels sup\u00e9rieurs sont g\u00e9n\u00e9ralement ce que les gens peuvent voir dans un email avant de devoir faire d\u00e9filer. Avec tout cela \u00e0 l&#8217;esprit, les images que tu utilises dans les emails marketing ne devraient pas d\u00e9passer ces param\u00e8tres.<\/p>\n\n\n<p>Mais il ne s&#8217;agit pas seulement de mesures, il s&#8217;agit aussi de \u00ab poids \u00bb \u2014 qui influence le temps de chargement. <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/optimize-images-for-web\/\" rel=\"noopener\">Compresse les images pour minimiser leur taille de fichier<\/a> afin qu&#8217;elles se chargent plus rapidement et respectent les r\u00e9glementations des clients d&#8217;email.<\/p>\n\n\n<p>Tu as des questions sur le format de fichier \u00e0 utiliser pour tes images ?<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Les JPEG sont nets et petits, toujours id\u00e9aux pour pr\u00e9senter des photographies professionnelles.<\/li>\n\n\n\n<li>Les PNG se compressent bien.<\/li>\n\n\n\n<li>Et les fichiers SVG sont l\u00e9gers et restent nets \u00e0 n&#8217;importe quelle \u00e9chelle, les rendant bons pour les ic\u00f4nes et les logos.&nbsp;<\/li>\n\n\n<\/ul>\n\n\n<p>Une note importante est que, quelle que soit votre approche des images, elles doivent <strong>toujours \u00eatre int\u00e9gr\u00e9es dans ton email.<\/strong> Pourquoi ?<\/p>\n\n\n<p>Parce que les pi\u00e8ces jointes sont aujourd&#8217;hui trop facilement marqu\u00e9es comme spam.<\/p>\n\n\n<h3 class=\"wp-block-heading\">6. Maintenir une Coh\u00e9rence de la Marque<\/h3>\n\n\n<p>Une grande raison pour laquelle les emails ne sont pas ouverts, ou sont rapidement supprim\u00e9s une fois qu&#8217;ils le sont, est qu&#8217;ils semblent venir de nulle part. Souvent, cela est d\u00fb \u00e0 un mauvais branding.<\/p>\n\n\n<p>Int\u00e9grer l&#8217;identit\u00e9 visuelle de ta marque dans chaque email est essentiel pour renforcer la reconnaissance de la marque. Sans cela, les destinataires pourraient penser qu&#8217;ils re\u00e7oivent du spam pour lequel ils ne se sont pas inscrits, augmentant ainsi tes taux de rebond et de d\u00e9sabonnement.<\/p>\n\n\n<p>L&#8217;astuce ici est de s&#8217;assurer que tes emails mettent en avant les \u00e9l\u00e9ments de design cl\u00e9s de ta marque en :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mettre en avant les \u00e9l\u00e9ments essentiels de ta marque<\/strong>, comme les polices, couleurs et images, dans toutes les communications par email.<\/li>\n\n\n\n<li><strong>Assurer l&#8217;harmonie du design de tes emails<\/strong> avec ton site web, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/build-lead-generating-landing-pages-wordpress\/\" rel=\"noopener\">pages d&#8217;atterrissage<\/a>, pr\u00e9sence sur les r\u00e9seaux sociaux, etc., pour cr\u00e9er un front uni.<\/li>\n\n\n\n<li><strong>Placer ton logo de mani\u00e8re bien visible<\/strong> dans l&#8217;en-t\u00eate ou le pied de page de chaque email pour renforcer l&#8217;identit\u00e9 de la marque.<\/li>\n\n\n\n<li><strong>Cr\u00e9er des mod\u00e8les r\u00e9utilisables<\/strong> une fois que tu as trouv\u00e9 le bon style, pour rationaliser les futures campagnes d&#8217;email et garantir la coh\u00e9rence.<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">7. Priorise L&#8217;exp\u00e9rience Mobile<\/h3>\n\n\n<p>\u00c0 la fin de 2023, plus de la moiti\u00e9 de tout le trafic web dans le monde <a target=\"_blank\" href=\"https:\/\/www.statista.com\/statistics\/277125\/share-of-website-traffic-coming-from-mobile-devices\/\" rel=\"noopener\">a eu lieu sur des appareils mobiles<\/a>.<\/p>\n\n\n<p>En d&#8217;autres termes, il est impossible d&#8217;ignorer ces petits \u00e9crans intelligents lorsqu&#8217;il s&#8217;agit de conception d&#8217;email.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1800\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design.webp\" alt=\"Design r\u00e9actif montrant un email de Six Flags sur un ordinateur et l'adaptation de ce design sur mobile avec quelques r\u00e9arrangements pour capitaliser sur l'espace\" class=\"wp-image-50461 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-267x300.webp 267w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-910x1024.webp 910w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-768x864.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1365x1536.webp 1365w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-600x675.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1200x1350.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-730x821.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1460x1643.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-784x882.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-1568x1764.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/06_design_tip_use_responsive_design-877x987.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1800;\" \/><\/figure>\n\n\n<p>Un design qui s&#8217;adapte en fonction de la taille et du type d&#8217;\u00e9cran est connu sous le nom de design r\u00e9actif. Heureusement, la plupart des outils de conception d&#8217;email \u2014 comme Mailchimp, Stripo, Unlayer et des dizaines d&#8217;autres \u2014 sont r\u00e9actifs, et redimensionneront et r\u00e9organiseront automatiquement les emails pour <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/how-to-optimize-your-site-for-mobile\/\" rel=\"noopener\">s&#8217;assurer qu&#8217;ils sont adapt\u00e9s aux mobiles<\/a>.<\/p>\n\n\n<p>Cependant, il y a plusieurs choses que tu peux faire pour t&#8217;assurer que cela ne tourne pas mal et que tes newsletters par email soient toujours impeccables :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Comme nous l\u2019avons mentionn\u00e9 ici et l\u00e0, un <strong>design \u00e9pur\u00e9 et simple<\/strong> est souvent le meilleur pour les emails, particuli\u00e8rement quand tu penses \u00e0 la lisibilit\u00e9 sur les appareils portatifs. De plus, les mises en page simples sont plus rapides \u00e0 charger, ce que nous d\u00e9sirons tous lorsque nous sommes en d\u00e9placement.<\/li>\n\n\n\n<li><strong>Les boutons doivent \u00eatre assez grands pour \u00eatre facilement tap\u00e9s avec un pouce<\/strong>. La r\u00e8gle, eh bien, du pouce est de <strong>44&#215;44 pixels<\/strong>. Il doit \u00e9galement y avoir suffisamment d&#8217;espace autour des boutons pour que les utilisateurs puissent cliquer sans appuyer accidentellement sur des liens proches.<\/li>\n\n\n\n<li>L&#8217;<strong>espace blanc<\/strong> est plus important que jamais pour la lisibilit\u00e9 sur les appareils mobiles, donc utilise-le g\u00e9n\u00e9reusement mais judicieusement.<\/li>\n\n\n\n<li>Place ton <strong>contenu le plus important en haut de ton email<\/strong> afin qu\u2019il soit visible avant de faire d\u00e9filer.<\/li>\n\n\n\n<li>Les appareils mobiles affichent g\u00e9n\u00e9ralement des <strong>objets d&#8217;email plus courts<\/strong> (environ 30 \u00e0 40 caract\u00e8res), donc garde-le court et attrayant.<\/li>\n\n\n\n<li>La <strong>taille totale de l&#8217;email doit \u00eatre inf\u00e9rieure \u00e0 100KB<\/strong>, sinon il prendra trop de temps \u00e0 charger ou sera tronqu\u00e9 par le client de messagerie.<\/li>\n\n\n<\/ul>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n<h3 class=\"wp-block-heading\">8. Donne-Moi De L&#8217;espace, S&#8217;il Te Pla\u00eet !<\/h3>\n\n\n<p>Dans le design, l&#8217;espace blanc fait r\u00e9f\u00e9rence \u00e0 l&#8217;espace vide ou n\u00e9gatif autour des \u00e9l\u00e9ments.<\/p>\n\n\n<p>Il joue un r\u00f4le crucial dans la conception d&#8217;email en aidant \u00e0 organiser le contenu selon l&#8217;importance, en am\u00e9liorant la lisibilit\u00e9 et la lisibilit\u00e9, et en dirigeant l&#8217;attention vers les composants cl\u00e9s.<\/p>\n\n\n<p>En v\u00e9rit\u00e9, l&#8217;espace blanc est une de ces choses que tu reconnais d\u00e8s que tu le vois \u2014 quand il est bien utilis\u00e9, c&#8217;est ce qui fait la diff\u00e9rence entre une interaction agr\u00e9able et calme et une qui semble d\u00e9pass\u00e9e, \u00e9touffante et difficile \u00e0 assimiler.<\/p>\n\n\n<p>Cela dit, voici quelques conseils de base \u00e0 garder \u00e0 l&#8217;esprit concernant l&#8217;impl\u00e9mentation de l&#8217;espace blanc dans les emails :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Laisse suffisamment de marge<\/strong> (alias espace) autour des paragraphes, images et autres sections pour \u00e9viter que l&#8217;email ne semble encombr\u00e9.<\/li>\n\n\n\n<li><strong>\u00c9galise les marges<\/strong> entre tous tes blocs de texte, pour aider \u00e0 guider le regard du lecteur de mani\u00e8re fluide d&#8217;une section \u00e0 l&#8217;autre.<\/li>\n\n\n\n<li><strong>Augmente l&#8217;espacement entre les lignes de texte<\/strong> pour am\u00e9liorer la lisibilit\u00e9.<\/li>\n\n\n\n<li><strong>Ajoute plus d&#8217;espace autour des zones cl\u00e9s<\/strong> pour attirer naturellement l&#8217;attention sur elles, sans fioritures de design suppl\u00e9mentaires.<\/li>\n\n\n\n<li><strong>R\u00e9siste \u00e0 l&#8217;envie de mettre trop de contenu dans un seul email<\/strong>. En gardant le texte et les images espac\u00e9s, tu r\u00e9duis l&#8217;encombrement visuel et rends ton message plus digestible.<\/li>\n\n\n\n<li>Rappelle-toi, <strong>moins c&#8217;est souvent plus<\/strong> en ce qui concerne la mise en page des emails !<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">9. Cr\u00e9e Des Emails Avec Une Hi\u00e9rarchie Claire<\/h3>\n\n\n<p>Cr\u00e9er une hi\u00e9rarchie \u2014 organiser les \u00e9l\u00e9ments de mani\u00e8re \u00e0 indiquer le niveau d&#8217;importance \u2014 dans un email marketing assure que tes destinataires peuvent facilement naviguer dans le contenu, absorber les informations cl\u00e9s et prendre les actions souhait\u00e9es.<\/p>\n\n\n<p>Comme l&#8217;application d&#8217;espaces blancs, ma\u00eetriser la hi\u00e9rarchie est quelque chose qui vient avec l&#8217;observation et la pratique. Mais, une fois que tu l&#8217;as, tu l&#8217;<em>as<\/em>.<\/p>\n\n\n<p>Tout de m\u00eame, il existe quelques astuces assez simples que tu peux utiliser lors de la r\u00e9daction d&#8217;emails pour aider \u00e0 guider le regard du lecteur et transmettre ton message efficacement :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>En-t\u00eates De Fonctionnalit\u00e9 <\/strong>lors de l&#8217;introduction de points cl\u00e9s. Les titres doivent \u00eatre plus grands et plus audacieux que tout autre texte, signalant clairement les parties les plus importantes de votre message. Les sous-titres peuvent introduire des informations de soutien.<\/li>\n\n\n\n<li><strong>Utilise un texte plus grand et plus audacieux<\/strong> pour attirer naturellement l&#8217;attention. Un texte plus petit peut ajouter du contexte au besoin.<\/li>\n\n\n\n<li><strong>Des couleurs contrast\u00e9es<\/strong> permettent de faire ressortir les \u00e9l\u00e9ments importants. Mets en \u00e9vidence ton appel \u00e0 l&#8217;action le plus important avec ta couleur la plus audacieuse qui contraste avec l&#8217;arri\u00e8re-plan. Et n\u2019utilise pas trop cette couleur ou tu perdras en impact.&nbsp;<\/li>\n\n\n\n<li><strong>Des images ainsi que des espaces blancs<\/strong> peuvent diriger l&#8217;attention d&#8217;un lecteur vers des informations importantes.<\/li>\n\n\n\n<li><strong>Une iconographie comportant des fl\u00e8ches<\/strong> peut \u00e9galement aider les lecteurs \u00e0 comprendre quoi regarder en premier, ou ensuite.<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1759\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy.webp\" alt=\"exemple de hi\u00e9rarchie d'en-t\u00eates indiquant le H1 en haut, suivi d\u2019un H2 puis d\u2019un H3 en dessous\" class=\"wp-image-50462 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-273x300.webp 273w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-931x1024.webp 931w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-768x844.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1397x1536.webp 1397w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-600x660.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1200x1319.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-730x803.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1460x1605.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-784x862.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-1568x1724.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/07_design_tip_create_header_hierarchy-877x964.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1759;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">10. Choisis Tes Polices Avec Soin<\/h3>\n\n\n<p>Il est important de trouver un \u00e9quilibre entre la marque et la lisibilit\u00e9 lors de la <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/best-google-fonts\/\" rel=\"noopener\">s\u00e9lection des polices<\/a> pour tes emails. Cependant, nous donnerions probablement la priorit\u00e9 \u00e0 la lisibilit\u00e9, qui est fortement influenc\u00e9e par le choix des polices.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pour les en-t\u00eates et les blocs de texte courts<\/strong>, opte pour des polices sans serif qui sont \u00e9pur\u00e9es, modernes et s&#8217;affichent clairement sur la plupart des \u00e9crans. Ces polices ont tendance \u00e0 \u00eatre les plus lisibles en petites doses et en grandes tailles, ce qui les rend id\u00e9ales pour les titres et autres extraits accrocheurs.<\/li>\n\n\n\n<li><strong>Pour les paragraphes plus longs<\/strong>, les polices avec serif sont g\u00e9n\u00e9ralement plus faciles \u00e0 lire. C\u2019est pour cela que de nombreux journaux et magazines utilisent des polices serif pour des textes plus \u00e9tendus.<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"1005\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts.webp\" alt=\"sans serif versus serif montrant les petites boucles de la lettre \u00ab A \u00bb qui caract\u00e9risent une police serif\" class=\"wp-image-50463 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-300x188.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1024x643.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-768x482.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1536x965.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-600x377.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1200x754.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-730x459.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1460x917.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-784x492.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-1568x985.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/08_design_tip_use_readable_fonts-877x551.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1005;\" \/><\/figure>\n\n\n<p>En plus de choisir le bon style, tu veux \u00e9galement <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/web-safe-fonts\/\" rel=\"noopener\">prioriser les polices web-safe<\/a>, qui sont largement prises en charge par la plupart des navigateurs web, clients email et syst\u00e8mes d&#8217;exploitation. Utiliser des polices web-safe garantit que tes emails auront l&#8217;apparence que tu as pr\u00e9vue, qu&#8217;ils soient ouverts dans Gmail, Outlook ou tout autre service populaire.<\/p>\n\n\n<p>Les polices sans-serif courantes et s\u00fbres pour le web incluent :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-family: Arial;\">Arial<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Helvetica;\">Helvetica<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Verdana;\">Verdana<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Tahoma;\">Tahoma<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Lucida Sans;\">Lucida Sans<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Geneva;\">Geneva<\/span><\/li>\n\n\n<\/ul>\n\n\n<p>Les polices serif courantes et s\u00fbres pour le web incluent :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-family: Times New Roman;\">Times New Roman<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Garamond;\">Garamond<\/span><\/li>\n\n\n\n<li><span style=\"font-family: Georgia;\">Georgia<\/span><\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">11. Taille de Police Entre 10 et 16 Points<\/h3>\n\n\n<p>La taille de la police est tout aussi importante que le style de la police. Il s&#8217;agit \u00e9galement de marque associ\u00e9e \u00e0 l&#8217;\u00e9quilibre.<\/p>\n\n\n<p>Bien qu&#8217;il n&#8217;y ait pas de normes strictes pour les tailles de police dans les emails, il est <strong>pr\u00e9f\u00e9rable de garder votre police au-dessus de la taille de 10 points, <\/strong>car tout ce qui est plus petit peut \u00eatre difficile \u00e0 lire.<\/p>\n\n\n<p>De l&#8217;autre c\u00f4t\u00e9, 16 points est une taille agr\u00e9ablement grande, mais tout ce qui est au-dessus peut sembler d\u00e9form\u00e9 ou \u00ab casser \u00bb ton design sur certaines plateformes d&#8217;email.<\/p>\n\n\n<p>Il est important de se rappeler que les directives d&#8217;accessibilit\u00e9 recommandent une police d&#8217;au moins 16 points. Pour trouver ce qui te convient le mieux, nous te recommandons fortement d&#8217;exp\u00e9rimenter avec la taille pour voir ce qui fonctionne le mieux pour ton style d&#8217;email habituel \u00e0 travers les plateformes, les appareils et les lecteurs d&#8217;\u00e9cran.<\/p>\n\n\n<h3 class=\"wp-block-heading\">12. Pense \u00e0 L&#8217;impact Des Couleurs<\/h3>\n\n\n<p>La couleur, bien s\u00fbr, influence la perception de tes emails.<\/p>\n\n\n<p>Non seulement les couleurs aident \u00e0 repr\u00e9senter ta marque, elles peuvent \u00e9galement <strong>impacter la lisibilit\u00e9 et informer les destinataires de la hi\u00e9rarchie du contenu.<\/strong><\/p>\n\n\n<p>Pense \u00e0 l&#8217;effet que tu veux transmettre quand tu utilises des couleurs dans les emails. Alors que le bleu que de nombreux sites web utilisent c\u00e9l\u00e8brement (Facebook, Dell, etc.) peut susciter la confiance, le jaune peut am\u00e9liorer l&#8217;humeur, le vert peut introduire la paix, et le noir peut t&#8217;aider \u00e0 transmettre un message plus sombre (ou luxueux).<\/p>\n\n\n<p>La mani\u00e8re dont tu utilises les couleurs ensemble est \u00e9galement importante. Pour 40 id\u00e9es diff\u00e9rentes sur la fa\u00e7on de combiner les couleurs pour transmettre ton message haut et fort, ne manque pas notre guide r\u00e9cent sur les <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/website-color-schemes\/\" rel=\"noopener\">schemes de couleurs de sites web<\/a>.<\/p>\n\n\n<h3 class=\"wp-block-heading\">13. N&#8217;oublie Pas Le Mode Sombre<\/h3>\n\n\n<p>La plateforme email Litmus a d\u00e9couvert qu&#8217;environ <a target=\"_blank\" href=\"https:\/\/www.litmus.com\/blog\/email-client-market-share-infographic\" rel=\"noopener\">35% de leurs abonn\u00e9s<\/a> (et ce chiffre augmente) utilisant l&#8217;email Apple consultent leurs emails en mode sombre : un r\u00e9glage qui assombrit la palette de couleurs de tout ce qu&#8217;un destinataire voit sur son appareil.<\/p>\n\n\n<p>De nombreux clients email tentent d&#8217;ajuster automatiquement les emails pour le mode sombre, mais ce processus n&#8217;est pas toujours parfait. Pour t&#8217;assurer que tes emails sont superbes tant dans les param\u00e8tres clairs que sombres, envisage ce qui suit :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Utilise des PNG transparents<\/strong> car ces images n&#8217;ont pas d&#8217;arri\u00e8re-plan. En utilisant des PNG transparents, tu \u00e9vites les contrastes de fond g\u00eanants lorsque ton email passe du clair au fonc\u00e9.<\/li>\n\n\n\n<li><strong>Contoure les logos noirs en blanc<\/strong> car si une partie de ton logo est noire, elle peut se fondre dans un fond sombre et para\u00eetre mauvais, tr\u00e8s rapidement. Pour \u00e9viter cela, ajoute un petit bord blanc autour des \u00e9l\u00e9ments noirs. Cela les rend visibles en mode sombre tout en leur permettant de se fondre sans probl\u00e8me si le fond est blanc.<\/li>\n\n\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode.webp\" alt=\"le c\u00f4t\u00e9 gauche montre un logo apparaissant en mode sombre sans bordure et \u00e0 peine lisible contre un logo avec une bordure blanche pour qu'il soit visible en mode sombre\" class=\"wp-image-50465 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-300x169.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1024x576.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-768x432.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1536x864.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-600x338.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1200x675.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-730x411.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1460x821.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-784x441.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-1568x882.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/09_design_tip_optimize_for_dark_mode-877x493.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optimiser les couleurs pour les deux palettes<\/strong> signifie que les couleurs sur vos boutons, liens, ic\u00f4nes et ailleurs peuvent sembler totalement diff\u00e9rentes en mode sombre que ce \u00e0 quoi vous \u00eates habitu\u00e9. Pour \u00e9viter un contraste m\u00e9diocre, des couleurs criardes ou des probl\u00e8mes de lisibilit\u00e9, envisage de l\u00e9g\u00e8rement att\u00e9nuer tes teintes pour qu&#8217;elles soient agr\u00e9ables \u00e0 regarder dans tous les modes.<\/li>\n\n\n\n<li><strong>Teste! Teste! Teste!<\/strong> Une fois que tu as con\u00e7u ton email pour le mode sombre, il est important de tester comment il s&#8217;affiche. Envoie un email de test \u00e0 toi-m\u00eame et v\u00e9rifie son apparence en mode clair et sombre sur diff\u00e9rents clients email.&nbsp;<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">14. Une Copie d&#8217;Email Accessible Est Cl\u00e9<\/h3>\n\n\n<p>Puisque l&#8217;email est une extension de ta marque, la conception de l&#8217;accessibilit\u00e9 des emails est tout aussi importante que la <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/make-your-website-accessible\/\" rel=\"noopener\">conception de l&#8217;accessibilit\u00e9 du site web<\/a>.<\/p>\n\n\n<p>Voici une feuille de triche pour t&#8217;assurer que tes emails sont beaux et consommables pour tous les membres de l&#8217;audience :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Assure-toi que les informations importantes<\/strong> \u2014 codes promo, dates, heures et appels \u00e0 l&#8217;action \u2014 soient pr\u00e9sent\u00e9es en texte au moins une fois, plut\u00f4t que d&#8217;\u00eatre uniquement int\u00e9gr\u00e9es dans des images. Cela garantit que tous les destinataires, y compris ceux utilisant des lecteurs d&#8217;\u00e9cran ou avec des images d\u00e9sactiv\u00e9es, peuvent toujours acc\u00e9der au contenu crucial.<\/li>\n\n\n\n<li><strong>Utilise un texte alternatif pour les images<\/strong>. Si un abonn\u00e9 a d\u00e9sactiv\u00e9 les images, le texte alternatif fournira toujours un contexte et transmettra le message.<\/li>\n\n\n\n<li><strong>Une taille de police minimale de 16 points<\/strong> est recommand\u00e9e pour la lisibilit\u00e9.<\/li>\n\n\n\n<li><strong>Aligne le texte \u00e0 gauche<\/strong> car le texte align\u00e9 \u00e0 gauche est plus facile \u00e0 lire que les paragraphes centr\u00e9s, ce qui peut perturber la fluidit\u00e9 pour les lecteurs.<\/li>\n\n\n\n<li><strong>Les lettres et les lignes trop rapproch\u00e9es<\/strong> peuvent r\u00e9duire la lisibilit\u00e9, donc assure-toi de fournir suffisamment d&#8217;espacement entre elles.<\/li>\n\n\n\n<li><strong>Se fier uniquement \u00e0 la couleur pour transmettre tout ton message peut \u00eatre d\u00e9routant<\/strong> pour ceux qui sont daltoniens. De plus, la plupart des lecteurs d&#8217;\u00e9cran n&#8217;interpr\u00e8tent pas les couleurs. Utilise plut\u00f4t du texte et des ic\u00f4nes en plus de la couleur pour transmettre les informations.<\/li>\n\n\n\n<li><strong>Fais ressortir le texte<\/strong> clairement sur l&#8217;arri\u00e8re-plan en cr\u00e9ant un fort contraste de couleur. Un rapport de contraste d&#8217;au moins 4,5:1 est recommand\u00e9 pour garantir la lisibilit\u00e9 pour tous les utilisateurs.<\/li>\n\n\n<\/ul>\n\n\n<p>Si tu n&#8217;as jamais eu \u00e0 v\u00e9rifier le contraste d&#8217;un design auparavant, il existe beaucoup d&#8217;outils gratuits et utiles en ligne \u2014 <a target=\"_blank\" href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" rel=\"noopener\">comme celui-ci de WebAIM<\/a>.<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"997\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios.webp\" alt=\"rapports de contraste de faible \u00e0 \u00e9lev\u00e9 montrant que les rapports plus \u00e9lev\u00e9s sont meilleurs, 5:1, 6:1, et 21:1\" class=\"wp-image-50466 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios.webp 1600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-300x187.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1024x638.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-768x479.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1536x957.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-600x374.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1200x748.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-730x455.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1460x910.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-784x489.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-1568x977.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/10_contrast_ratios-877x546.webp 877w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/997;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\">15. Test A\/B et It\u00e9ration<\/h3>\n\n\n<p>Une des \u00e9tapes les plus cruciales pour assurer une conception d&#8217;email r\u00e9ussie est <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/a-b-testing\/\" rel=\"noopener\">la r\u00e9alisation de tests A\/B<\/a>.<\/p>\n\n\n<p>Ce processus consiste \u00e0 cr\u00e9er deux versions d&#8217;un email et \u00e0 envoyer chacune \u00e0 diff\u00e9rents segments de ta liste d&#8217;abonn\u00e9s. En analysant les r\u00e9sultats \u2014 tels que les taux d&#8217;ouverture, les taux de clics ou les conversions \u2014 tu peux d\u00e9terminer quelle version r\u00e9sonne le plus avec ton audience.<\/p>\n\n\n<p>Couvrions les \u00e9tapes rapides et efficaces pour r\u00e9aliser un test A\/B d\u2019email :<\/p>\n\n\n<p><strong>\u00c9tape 1 : D\u00e9finis Ce Que Tu Vas Tester<\/strong>. Concentre-toi sur un \u00e9l\u00e9ment \u00e0 la fois, tel que la mise en page du texte de l&#8217;email, le nombre d&#8217;images, ou la couleur du bouton d&#8217;appel \u00e0 l&#8217;action. Cela te permet d&#8217;isoler l&#8217;impact de chaque changement.<\/p>\n\n\n<p><strong>\u00c9tape 2 : Segmenter<\/strong>. Divise ta liste d&#8217;abonn\u00e9s en deux groupes \u00e9gaux pour une comparaison \u00e9quitable. Assure-toi que les deux groupes repr\u00e9sentent bien ton audience globale.<\/p>\n\n\n<p><strong>\u00c9tape 3 : D\u00e9finir des objectifs<\/strong>. D\u00e9termine \u00e0 quoi ressemble le succ\u00e8s. Cherches-tu \u00e0 obtenir plus d&#8217;ouvertures, des taux de clics plus \u00e9lev\u00e9s ou des conversions accrues ? Avoir un objectif clair guidera ton analyse.<\/p>\n\n\n<p><strong>\u00c9tape 4 : Analyser les r\u00e9sultats<\/strong>. Une fois les emails envoy\u00e9s, compare les m\u00e9triques en fonction de tes objectifs. Identifie quelle version a mieux perform\u00e9, et pourquoi.<\/p>\n\n\n<p><strong>\u00c9tape 5 : Mettre En Pratique Les Apprentissages<\/strong>. Applique les \u00e9l\u00e9ments gagnants aux futurs designs d&#8217;email et continue de tester d&#8217;autres composants, pour maintenir l&#8217;\u00e9volution.<\/p>\n\n\n<h2 id=\"h2_4-more-resources-for-website-and-email-marketing-success\" class=\"wp-block-heading\">4 Ressources Suppl\u00e9mentaires Pour Le Succ\u00e8s Du Site Web Et Du Marketing Par Email<\/h2>\n\n\n<p>\u00c0 la recherche de plus de moyens pour atteindre l&#8217;excellence en mati\u00e8re d&#8217;email et de design de site web ?<\/p>\n\n\n<p>Nous avons rassembl\u00e9 certaines de nos ressources pr\u00e9f\u00e9r\u00e9es pour atteindre encore plus de succ\u00e8s lorsque tu navigues dans le monde du marketing en ligne :<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pour un rafra\u00eechissement de design web ou un premier cours intensif<\/strong>, ne manque pas les <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" rel=\"noopener\">7 \u00e9l\u00e9ments de base du design web<\/a>.&nbsp;<\/li>\n\n\n\n<li><strong>Tu h\u00e9sites \u00e0 investir dans une mise \u00e0 niveau num\u00e9rique ?<\/strong> D\u00e9couvre <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/time-for-website-redesign\/\" rel=\"noopener\">Le moment est-il venu de refaire ton site web ? 7 mani\u00e8res de le savoir<\/a>.&nbsp;<\/li>\n\n\n\n<li><strong>Tu as d\u00e9cid\u00e9 que ton site web n\u00e9cessite une r\u00e9novation ?<\/strong> Laisse-nous te guider avec <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/website-redesign-checklist\/\" rel=\"noopener\">Ta checklist pour une refonte incroyable de ton site web<\/a>.&nbsp;<\/li>\n\n\n\n<li><strong>Le design n\u2019est pas <em>tout<\/em>. La d\u00e9livrabilit\u00e9 est \u00e9galement cl\u00e9 pour le succ\u00e8s du marketing par email.<\/strong> <a href=\"https:\/\/shareasale.com\/r.cfm?b=834775&amp;u=4337179&amp;m=64312&amp;urllink=wpmailsmtp%2Ecom%2Fpricing%2F&amp;afftrack=DHblog\" target=\"_blank\" rel=\"noopener\">WP Mail SMTP<\/a> augmente la fiabilit\u00e9 des emails pour les utilisateurs de WordPress.<\/li>\n\n\n<\/ul>\n\n\n<h2 id=\"h2_which-best-practices-for-email-campaigns-will-you-try\" class=\"wp-block-heading\">Quelles Meilleures Pratiques Pour Les Campagnes D&#8217;Email Vas-Tu Essayer ?<\/h2>\n\n\n<p>Comme \u00e7a (OK, c&#8217;\u00e9tait un peu long, d\u00e9sol\u00e9!), tu as maintenant 15 pratiques \u00e9prouv\u00e9es de conception d&#8217;email dans ton toolkit, depuis l&#8217;optimisation pour mobile et la cr\u00e9ation de hi\u00e9rarchies claires jusqu&#8217;au choix des bonnes polices, l&#8217;apprentissage des subtilit\u00e9s de l&#8217;espace blanc, et bien s\u00fbr, les tests A\/B.<\/p>\n\n\n<p>La prochaine \u00e9tape est assez simple \u2014 lance-toi et commence \u00e0 appliquer ces conseils \u00e0 tes campagnes d&#8217;email et vois les r\u00e9sultats par toi-m\u00eame !<\/p>\n\n\n<p>Sens-tu la pression plus que jamais ? Ralentis, nous avons juste la solution.<\/p>\n\n\n<p>Pour ceux qui ont besoin d&#8217;obtenir plus d&#8217;abonn\u00e9s, de visiteurs et de ventes mais qui n&#8217;ont tout simplement <em>pas<\/em> le temps d&#8217;am\u00e9liorer leur site web et leurs campagnes de marketing, d\u00e9couvrez notre <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/pro-services\/marketing\/\" rel=\"noopener\">\u00e9quipe de Services professionnels<\/a>.<\/p>\n\n\n<p>De l&#8217;optimisation pour les moteurs de recherche au m\u00e9dia social et au-del\u00e0, nos experts vari\u00e9s et comp\u00e9tents peuvent faire exactement ce dont tu as besoin pour dynamiser l&#8217;exp\u00e9rience marketing et aider \u00e0 d\u00e9velopper ta petite entreprise.<\/p>\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>","protected":false},"excerpt":{"rendered":"<p>Veux-tu captiver ton audience avec des emails con\u00e7us sans d\u00e9fauts ? Ces 15 meilleures pratiques de conception d&#8217;email peuvent entra\u00eener des r\u00e9sultats puissants \u2014 essaie-les et vois !<\/p>\n","protected":false},"author":1061,"featured_media":50445,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Tu veux captiver ton audience avec des emails impeccablement con\u00e7us ? Ces 15 meilleures pratiques de conception d\u2019email peuvent g\u00e9n\u00e9rer des r\u00e9sultats puissants \u2014 essaie-les et vois !","toc_headlines":"[[\"h-what-do-we-mean-by-email-newsletter-design\",\"Que Voulons-Nous Dire Par Conception De Newsletter Par Email ?\"],[\"h2_why-email-design-matters\",\"Pourquoi La Conception Des Emails Est Importante\"],[\"h2_15-email-design-best-practices\",\"15 Meilleures Pratiques de Conception d'Email\"],[\"h2_4-more-resources-for-website-and-email-marketing-success\",\"4 Ressources Suppl\u00e9mentaires Pour Le Succ\u00e8s Du Site Web Et Du Marketing Par Email\"],[\"h2_which-best-practices-for-email-campaigns-will-you-try\",\"Quelles Meilleures Pratiques Pour Les Campagnes D'Email Vas-Tu Essayer ?\"]]","hide_toc":false,"footnotes":""},"categories":[14991],"tags":[],"class_list":["post-71050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-fr"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Ton Guide du Design d\u2019Email : 15 Meilleures Pratiques pour le Marketing par Email - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Tu veux captiver ton audience avec des emails impeccablement con\u00e7us ? Ces 15 meilleures pratiques de conception d\u2019email peuvent g\u00e9n\u00e9rer des r\u00e9sultats puissants \u2014 essaie-les et vois !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ton Guide du Design d\u2019Email : 15 Meilleures Pratiques pour le Marketing par Email\" \/>\n<meta property=\"og:description\" content=\"Tu veux captiver ton audience avec des emails impeccablement con\u00e7us ? Ces 15 meilleures pratiques de conception d\u2019email peuvent g\u00e9n\u00e9rer des r\u00e9sultats puissants \u2014 essaie-les et vois !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-28T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-26T14:38:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"1095\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Justin Lorenc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Justin Lorenc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ton Guide du Design d\u2019Email : 15 Meilleures Pratiques pour le Marketing par Email - DreamHost Blog","description":"Tu veux captiver ton audience avec des emails impeccablement con\u00e7us ? Ces 15 meilleures pratiques de conception d\u2019email peuvent g\u00e9n\u00e9rer des r\u00e9sultats puissants \u2014 essaie-les et vois !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/","og_locale":"en_US","og_type":"article","og_title":"Ton Guide du Design d\u2019Email : 15 Meilleures Pratiques pour le Marketing par Email","og_description":"Tu veux captiver ton audience avec des emails impeccablement con\u00e7us ? Ces 15 meilleures pratiques de conception d\u2019email peuvent g\u00e9n\u00e9rer des r\u00e9sultats puissants \u2014 essaie-les et vois !","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-10-28T14:00:00+00:00","article_modified_time":"2025-05-26T14:38:43+00:00","og_image":[{"width":1460,"height":1095,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","type":"image\/jpeg"}],"author":"Justin Lorenc","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Justin Lorenc","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/"},"author":{"name":"Justin Lorenc","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/a90bf07c44c60e052befbc7cffb482eb"},"headline":"Ton Guide du Design d\u2019Email : 15 Meilleures Pratiques pour le Marketing par Email","datePublished":"2024-10-28T14:00:00+00:00","dateModified":"2025-05-26T14:38:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/"},"wordCount":4791,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","articleSection":["Marketing"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/","name":"Ton Guide du Design d\u2019Email : 15 Meilleures Pratiques pour le Marketing par Email - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","datePublished":"2024-10-28T14:00:00+00:00","dateModified":"2025-05-26T14:38:43+00:00","description":"Tu veux captiver ton audience avec des emails impeccablement con\u00e7us ? Ces 15 meilleures pratiques de conception d\u2019email peuvent g\u00e9n\u00e9rer des r\u00e9sultats puissants \u2014 essaie-les et vois !","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/10\/1460x1095-BLOG-HERO-Your-Guide-to-Email-Design.jpg","width":1460,"height":1095},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/fr\/ton-guide-du-design-demail-15-meilleures-pratiques-pour-le-marketing-par-email-fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Ton Guide du Design d\u2019Email : 15 Meilleures Pratiques pour le Marketing par Email"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/a90bf07c44c60e052befbc7cffb482eb","name":"Justin Lorenc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-27-at-10.26.05-AM-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-27-at-10.26.05-AM-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-27-at-10.26.05-AM-150x150.png","caption":"Justin Lorenc"},"description":"Justin is a Digital Marketing Email Specialist based in Boston, MA. He is responsible for improving the value and success of our email marketing campaigns here at DreamHost. In his free time, he enjoys playing guitar, running, reading, and eating a good meal. Connect with him on LinkedIn.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/justinlorenc\/"}]}},"lang":"fr","translations":{"fr":71050,"en":50449,"es":50432,"de":52163,"pl":52169,"pt":56831,"ru":56841,"uk":56844,"it":68738,"nl":71086},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1061"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=71050"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71050\/revisions"}],"predecessor-version":[{"id":71052,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71050\/revisions\/71052"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/50445"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=71050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=71050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=71050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}