{"id":71086,"date":"2024-10-28T07:00:00","date_gmt":"2024-10-28T14:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=71086"},"modified":"2025-05-26T09:09:46","modified_gmt":"2025-05-26T16:09:46","slug":"jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/","title":{"rendered":"Jouw Gids voor E-mailontwerp: 15 Beste Praktijken voor E-mailmarketing"},"content":{"rendered":"\n<p>Misschien heb je al eens gehoord dat <a target=\"_blank\" href=\"https:\/\/www.litmus.com\/resources\/email-marketing-roi\" rel=\"noopener\">e-mail meer dan $30 oplevert<\/a> voor elke uitgegeven dollar.<\/p>\n\n\n<p>Dat is een behoorlijk krachtig rendement op investering voor iets \u2014 maar <em>vooral<\/em> voor een marketingcampagne.<\/p>\n\n\n<p>Hiermee wordt het belang van e-mailmarketing voor het succes van kleine bedrijven eigenlijk benadrukt.<\/p>\n\n\n<p>Maar helaas, e-mails kunnen geen invloed hebben als niemand ze opent of leest!<\/p>\n\n\n<p>Wanneer heeft een e-mail voor het laatst echt je aandacht getrokken of je hart veroverd?<\/p>\n\n\n<p>Heeft het je aan een merk verknocht?<\/p>\n\n\n<p>Heb ik je aan het lachen gemaakt?<\/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=\"voorbeeld e-mailinbox die wijst op twee interessante onderwerpregels: &quot;Professioneel ge\u00efnspecteerd, Fender goedgekeurd&quot; en &quot;Nee!&quot; \" 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>Of, misschien wel het belangrijkste: heeft je ertoe geleid om te klikken, te converteren en een trouwe klant te worden?<\/p>\n\n\n<p>We zijn er zeker van dat het niet alleen ging om wat er gezegd werd, maar <em>hoe<\/em> het gezegd werd.<\/p>\n\n\n<p>Hier komt het e-mailontwerp aan bod.<\/p>\n\n\n<p>Door trucjes te gebruiken zoals het optimaliseren van laadsnelheid, steunen op kleurtheorie, het bouwen van een stroom die inspeelt op de natuurlijke manier waarop mensen lezen, en het cre\u00ebren van een lay-out die vriendelijk is op alle apparaten en voor alle vaardigheidsniveaus <em>natuurlijk<\/em> onweerstaanbare e-mails cre\u00ebert.<\/p>\n\n\n<p>En onweerstaanbare e-mails worden geopend, gelezen en zorgen voor de betrokkenheid die je nodig hebt om het werk van e-mailmarketing de moeite waard te maken.<\/p>\n\n\n<p>Hier is waarom en hoe je je eigen e-mails kunt ontwerpen.<\/p>\n\n\n<h2 id=\"h-what-do-we-mean-by-email-newsletter-design\" class=\"wp-block-heading\">Wat Bedoelen We Met E-mailnieuwsbrief Ontwerp?<\/h2>\n\n\n<p>We hebben het allemaal weleens gedaan. Een e-mail schrijven is simpel, toch? (Meestal tenminste.)<\/p>\n\n\n<p>Niet zo snel.<\/p>\n\n\n<p><a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/email-marketing-guide\/\" rel=\"noopener\">Effectieve e-mailmarketing<\/a> houdt <em>veel<\/em> meer in dan alleen een bericht typen en op verzenden drukken.<\/p>\n\n\n<p>Als je e-mail geen opvallende onderwerpregel, relevante inhoud, een slimme indeling en visueel aantrekkelijke elementen bevat \u2014 dan is het heel makkelijk voor ontvangers om deze te negeren in de lawine die hun inbox is.<\/p>\n\n\n<p><strong>E-mailontwerp is het proces van zorgvuldig vormgeven en structureren van e-mails om ervoor te zorgen dat ze visueel aantrekkelijk zijn, makkelijk te lezen en actie inspireren.<\/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=\"screenshot van een Currents nieuwsbrief met het onderwerp &quot;woorden die je nooit meer moet zeggen&quot; en andere belangrijke elementen zoals afbeeldingen en een link om in de browser te bekijken\" 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>In wezen richt het ontwerp van marketing-e-mails zich meer op de visuele indeling van je e-mails dan op de inhoud zelf. Het omvat het organiseren en optimaliseren van tekst, afbeeldingen en belangrijke informatie op een manier die de e-mail onmisbaar maakt. Aangezien mensen doorgaans snel door e-mails heen bladeren, zorgt een goed ontworpen e-mail ervoor dat je boodschap merkconsistent, duidelijk en zelfs boeiend is.<\/p>\n\n\n<p>En een goed ontworpen e-mailontwerp <em>gids<\/em> kan je leren hoe je al het bovenstaande tot leven brengt om je stem te versterken, nieuwe klanten aan te trekken en langdurige relaties met je publiek op te bouwen.<\/p>\n\n\n<p>Dat is wat je nu gaat lezen.<\/p>\n\n\n<h2 id=\"h2_why-email-design-matters\" class=\"wp-block-heading\">Waarom E-mailontwerp Belangrijk Is<\/h2>\n\n\n<p>We hebben al besproken waarom kleine bedrijfseigenaren en marketeers zich moeten richten op het <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/grow-your-email-list\/\" rel=\"noopener\">uitbreiden van hun e-maillijsten<\/a> \u2014 e-mailmarketing heeft een geweldige ROI!<br><br>Wat is specifiek zo belangrijk aan het ontwerp van je e-mails? Het heeft een manier om het openen van e-mails en de betrokkenheid te verhogen.<\/p>\n\n\n<p>We laten je zien hoe.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Maximaliseer Leesbaarheid<\/h3>\n\n\n<p>Een goed gestructureerde e-mail met een duidelijke hi\u00ebrarchie, voldoende witruimte, zorgvuldig gekozen lettertypen en doordachte ontwerpelementen zorgt ervoor dat ontvangers snel, gemakkelijk en zelfs enthousiast kunnen lezen wat je met hen wilt delen. Geen saai marketing slaapfeest hier!<\/p>\n\n\n<h3 class=\"wp-block-heading\">Genereer Meetbare Acties<\/h3>\n\n\n<p>Uiteindelijk leiden goed ontworpen e-mails hun ontvangers naar een duidelijke volgende stap, of het nu gaat om het aanmelden voor een evenement, het doen van een aankoop of het bezoeken van een website.<\/p>\n\n\n<p>Wanneer ontwerp en inhoud perfect op elkaar zijn afgestemd, wordt het makkelijk voor ontvangers om te handelen naar jouw boodschap, en voor jou om meetbare doelen rondom conversies te stellen en te bereiken.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Bouw Merkvertrouwen Op<\/h3>\n\n\n<p>Het consequent gebruiken van de kleuren, lettertypen en logo&#8217;s van je merk in e-mailontwerp versterkt je merkidentiteit. Wanneer ontvangers een e-mail zien die visueel overeenkomt met een merk dat ze al kennen, schept dat vertrouwen, waardoor ze in de toekomst eerder geneigd zijn om e-mails te openen!<\/p>\n\n\n<p>We houden van die heerlijke, zoete marketingmomentum.<\/p>\n\n\n<h3 class=\"wp-block-heading\">Verwelkom Alle Lezers Door Toegankelijkheid<\/h3>\n\n\n<p>E-mail <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/great-web-accessibility-examples\/\" rel=\"noopener\">ontwerp moet altijd toegankelijkheid in overweging nemen<\/a>, zodat het voor zoveel mogelijk mensen gemakkelijk te begrijpen is.<\/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>Toegankelijkheid<\/h3>\n    <p>Toegankelijkheid is de praktijk van het toegankelijk maken van een website voor zoveel mogelijk gebruikers. Toegankelijke websites kunnen door iedereen op elk apparaat worden bekeken.<\/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                            Lees Meer                    <\/a>\n\n<\/div>\n\n\n<p>Doordachte ontwerpkeuzes die we in de volgende sectie uitgebreid zullen behandelen \u2014 zoals geschikte lettergroottes, kleurcontrast en alt-tekst voor afbeeldingen \u2014 garanderen dat meer mensen welkom zijn om met jouw inhoud te interageren, ongeacht hoe ze jouw e-mail benaderen.<\/p>\n\n\n<h2 id=\"h2_15-email-design-best-practices\" class=\"wp-block-heading\">15 Beste Praktijken Voor E-mailontwerp<\/h2>\n\n\n<p>Neem een kijkje naar je huidige marketingstatistieken.<\/p>\n\n\n<p>Ontwerp je e-mails die elke keer raak zijn?<\/p>\n\n\n<p>Zo niet, dan is het tijd om te stoppen met het verspillen van je middelen en effectiever te worden.<\/p>\n\n\n<p>Het volgende onderdeel laat je kennismaken met enkele van de beste praktijken voor het cre\u00ebren van een e-mailervaring die aandacht trekt, waarde levert en tot actie aanzet.<\/p>\n\n\n<h3 class=\"wp-block-heading\">1. E\u00e9n Kolom Houdt Het Simpel<\/h3>\n\n\n<p>We raden meestal aan om te kiezen voor een lay-out met \u00e9\u00e9n kolom in je marketing-e-mails om verschillende redenen:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>E\u00e9n, het is gewoon <strong>gemakkelijker voor jou om te ontwerpen<\/strong>!<\/li>\n\n\n\n<li>Een andere reden is dat het veel <strong>gemakkelijker wordt voor lezers om snel te scannen en actie te ondernemen<\/strong>, wat veel mensen werkelijk willen als het gaat om het verwerken van e-mails in hun inbox. Deze vereenvoudigde lay-out is ook beter te verwerken door hulptechnologie, waardoor het toegankelijker wordt.<\/li>\n\n\n\n<li>En last but not least, <strong>emails met \u00e9\u00e9n kolom zijn beter aanpasbaar aan verschillende schermgroottes<\/strong>, waardoor ze mobielvriendelijker zijn. (Een belangrijke factor waar we later meer over zullen praten.)<\/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=\"naast elkaar met een enkele kolom lay-out en een dubbele kolom lay-out met een kruis erdoor gelabeld &quot;meerdere kolommen&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. Raak Vertrouwd Met Het Veelvoorkomende F Leespatroon<\/h3>\n\n\n<p>Ge\u00efdentificeerd door de Nielsen Norman Group via een oogvolgstudie, is het <a target=\"_blank\" href=\"https:\/\/www.nngroup.com\/articles\/f-shaped-pattern-reading-web-content\/\" rel=\"noopener\">F-vormig leespatroon<\/a> een van de meest voorkomende manieren waarop lezers blokken inhoud scannen.<\/p>\n\n\n<p>Het patroon werkt als volgt:<\/p>\n\n\n<ol class=\"wp-block-list\">\n<li>De lezer begint met een horizontale scan over de bovenkant van de inhoud, waarmee de bovenste lijn van de letter &#8220;F&#8221; wordt gevormd.<\/li>\n\n\n\n<li>Vervolgens gaan ze naar beneden en scannen ze de volgende horizontale sectie die hun aandacht trekt, deze onderste lijn van de &#8220;F&#8221; is meestal korter dan de eerste.<\/li>\n\n\n\n<li>Ten slotte volgen ze een verticaal pad langs de linkerkant van de inhoud, waarmee de &#8220;F&#8221;-vorm wordt voltooid!<\/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=\"voorbeeld van een F-leespatroon dat het concept naast een echte e-mail toont om te illustreren hoe onze ogen van nature e-mails scannen in een 'F'-patroon\" 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>Bij het ontwerpen van je e-mails, hier is hoe je kunt optimaliseren met dit scan-gedrag in gedachten:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Plaats de belangrijkste informatie waar lezers waarschijnlijk zullen focussen, langs het F-patroon.<\/li>\n\n\n\n<li>Begin nieuwe alinea&#8217;s of secties met aandachttrekkende woorden om de aandacht te blijven vangen terwijl het oog naar beneden beweegt.&nbsp;<\/li>\n\n\n\n<li>Zorg ervoor dat het meest prominente element in je e-mail meteen opvalt, en probeer het te plaatsen op het pad van het oog terwijl het door het patroon stroomt. Later in dit artikel zullen we bespreken hoe je het beste lettertype en -grootte kunt kiezen, alsook hoe contrast effectief toe te passen om aandacht te trekken.<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">3. Neem Een Voorbeeld Aan Schrijvers Met De Omgekeerde Piramide<\/h3>\n\n\n<p>De omgekeerde piramide-layout is een krachtige ontwerpstrategie overgenomen van schrijvers en journalisten. In de e-mailwereld gaat het erom de meest cruciale informatie eerst te plaatsen en lezers dan snel naar een <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/call-to-action-examples\/\" rel=\"noopener\">duidelijke call-to-action (CTA)<\/a> te leiden in de vorm van een omgekeerde driehoek.<\/p>\n\n\n<p>De structuur is eenvoudig:<\/p>\n\n\n<p>Begin met een opvallende kop of haak, gevolgd door bondige ondersteunende informatie, en eindig met een duidelijke CTA.<\/p>\n\n\n<p>En het gaat niet alleen om de woorden die je gebruikt. Wees slim met creatieve lettertypen, kleuren en ontwerp! En gebruik witruimte strategisch om de lezer echt te betrekken.<\/p>\n\n\n<p>Door afleidingen te minimaliseren en de inhoud gestroomlijnd en boeiend te houden, leidt de omgekeerde piramide-indeling het oog van de lezer op natuurlijke wijze naar de CTA, waardoor het waarschijnlijker wordt dat ze ermee zullen interageren.<\/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=\"voorbeeldontwerp met een omgekeerde piramide die het bedrijf toont, enkele bovenste links en vervolgens smaller wordend door een afbeelding naar de &quot;nu kopen&quot; knop\" 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. Overweeg Emoji&#8217;s (Echt Waar!)<\/h3>\n\n\n<p>Of het nu gaat om minachting over te brengen (?) of spannend nieuws te delen zonder een woord te schrijven (?): emoji&#8217;s zijn een krachtige en moderne communicatieoptie.<\/p>\n\n\n<p>Anekdotes terzijde, emoji&#8217;s zijn zelfs effectief gebleken om de <a target=\"_blank\" href=\"https:\/\/www.wordstream.com\/blog\/ws\/2015\/11\/19\/twitter-emoji\" rel=\"noopener\">betrokkenheid op sociale media te vergroten<\/a>. Dus, waarom probeer je ze niet te gebruiken om hetzelfde te doen in je marketing-e-mails?<\/p>\n\n\n<p>Wanneer zorgvuldig gebruikt (dit is cruciaal!), <strong>kunnen emoji&#8217;s persoonlijkheid en visuele interesse toevoegen aan je e-mails<\/strong>, waardoor ze opvallen en ontvangers blijven lezen. Ze cre\u00ebren een directe emotionele connectie en maken je bericht boeiender.<\/p>\n\n\n<p>Het belangrijkste onderdeel van deze best practice is het begrijpen van je publiek en de boodschap die je wilt overbrengen, om te zorgen dat de emoji&#8217;s die je gebruikt passend zijn en deze versterken, in plaats van afleiden.<\/p>\n\n\n<h3 class=\"wp-block-heading\">5. Optimaliseer Afbeeldingsgrootte<\/h3>\n\n\n<p>De e-mailmarketingprofessionals bij Campaign Monitor hebben hun e-mailsjablonen ontworpen om 600 pixels breed te zijn op desktop en 320 pixels op mobiel. Daarnaast zijn de bovenste 300-500 pixels meestal wat mensen kunnen zien in een e-mail voordat ze moeten scrollen. Met dit alles in gedachten, mogen de afbeeldingen die je gebruikt in marketingmails deze parameters niet overschrijden.<\/p>\n\n\n<p>Maar het gaat niet alleen om metingen, het gaat ook om &#8220;gewicht&#8221; \u2014 wat de laadtijd be\u00efnvloedt. <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/optimize-images-for-web\/\" rel=\"noopener\">Comprimeer afbeeldingen om hun bestandsgrootte te minimaliseren<\/a> zodat ze sneller laden en voldoen aan de regelgeving van e-mailclients.<\/p>\n\n\n<p>Heb je vragen over welk bestandsformaat je moet gebruiken voor je afbeeldingen?<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>JPEGs zijn scherp en klein en nog steeds ideaal voor professionele foto&#8217;s.<\/li>\n\n\n\n<li>PNGs comprimeren goed.<\/li>\n\n\n\n<li>En SVG-bestanden zijn licht en blijven scherp op elke schaal, waardoor ze goed zijn voor iconen en logo&#8217;s.<\/li>\n\n\n<\/ul>\n\n\n<p>Een belangrijke opmerking is dat hoe je ook omgaat met afbeeldingen, ze <strong>altijd in je e-mail ingesloten moeten worden.<\/strong> Waarom?<\/p>\n\n\n<p>Omdat bijlagen tegenwoordig te gemakkelijk als spam worden gemarkeerd.<\/p>\n\n\n<h3 class=\"wp-block-heading\">6. Houd De Branding Consistent<\/h3>\n\n\n<p>Een grote reden waarom e-mails niet worden geopend, of snel worden verwijderd zodra ze dat wel zijn, is dat ze aanvoelen alsof ze uit het niets komen. Vaak is dit het gevolg van slechte branding.<\/p>\n\n\n<p>Het integreren van de visuele identiteit van je merk in elke e-mail is essentieel om merkherkenning te versterken. Zonder dit kunnen ontvangers denken dat ze Spam ontvangen waarvoor ze zich niet hebben ingeschreven \u2014 waardoor je bounce- en afmeldingspercentages toenemen.<\/p>\n\n\n<p>Het trucje hier is om ervoor te zorgen dat jouw e-mails sleutelelementen van jouw merk bevatten door:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Het Uitlichten Van Kernonderdelen Van Je Merk<\/strong>, zoals lettertypen, kleuren en afbeeldingen in alle e-mailcommunicatie.<\/li>\n\n\n\n<li><strong>Zorgen Dat Het Ontwerp Van Je E-mails Synchroon Loopt<\/strong> met je website, <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/build-lead-generating-landing-pages-wordpress\/\" rel=\"noopener\">landingspagina&#8217;s<\/a>, sociale media-aanwezigheid, etc., om een uniform front te cre\u00ebren.<\/li>\n\n\n\n<li><strong>Je Logo Prominent Plaatsen<\/strong> in de kop- of voettekst van elke e-mail om de merkidentiteit te versterken.<\/li>\n\n\n\n<li><strong>Hergebruikbare Sjablonen Maken<\/strong> zodra je de juiste sfeer hebt getroffen, om toekomstige e-mailcampagnes te stroomlijnen en consistentie te waarborgen.<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">7. Geef Prioriteit aan de Mobiele Ervaring<\/h3>\n\n\n<p>Aan het einde van 2023 vond meer dan de helft van al het webverkeer over de hele wereld <a target=\"_blank\" href=\"https:\/\/www.statista.com\/statistics\/277125\/share-of-website-traffic-coming-from-mobile-devices\/\" rel=\"noopener\">plaats op mobiele apparaten<\/a>.<\/p>\n\n\n<p>Met andere woorden, je kunt die kleine, slimme schermen niet negeren als het om e-mailontwerp gaat.<\/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=\"Responsief ontwerp toont een e-mail van Six Flags op desktop en de aanpassing van dat ontwerp op mobiel met enige herindeling om de ruimte te benutten\" 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>Een ontwerp dat zich aanpast aan het schermformaat en type wordt responsief ontwerp genoemd. Gelukkig zijn de meeste e-mailontwerptools \u2014 zoals Mailchimp, Stripo, Unlayer en tientallen anderen \u2014 responsief en zullen automatisch e-mails herschalen en herorganiseren om <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/how-to-optimize-your-site-for-mobile\/\" rel=\"noopener\">ervoor te zorgen dat ze mobielvriendelijk zijn<\/a>.<\/p>\n\n\n<p>Echter, er zijn verschillende dingen die je kunt doen om ervoor te zorgen dat dit niet misgaat en je e-mailnieuwsbrieven er altijd vlekkeloos uitzien:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Zoals we hier en daar hebben vermeld, is een <strong>eenvoudig en strak ontwerp<\/strong> vaak het beste voor e-mails, vooral als je denkt aan leesbaarheid op handapparaten. Ook zijn eenvoudige lay-outs sneller te laden, wat we allemaal willen als we onderweg zijn.<\/li>\n\n\n\n<li><strong>Knoppen moeten groot genoeg zijn om gemakkelijk met een duim aan te tikken<\/strong>. De regel is <strong>44&#215;44 pixels<\/strong>. Er moet ook voldoende ruimte rond de knoppen zijn zodat gebruikers kunnen klikken zonder per ongeluk nabijgelegen links aan te tikken.<\/li>\n\n\n\n<li><strong>Witruimte<\/strong> is belangrijker dan ooit voor de leesbaarheid op mobiele apparaten, dus gebruik het royaal maar verstandig.<\/li>\n\n\n\n<li>Plaats je <strong>belangrijkste inhoud bovenaan je e-mail<\/strong> zodat het zichtbaar is voordat men moet scrollen.<\/li>\n\n\n\n<li>Mobiele apparaten tonen typisch <strong>kortere onderwerpregels<\/strong> (ongeveer 30 tot 40 tekens), dus houd het kort maar krachtig.<\/li>\n\n\n\n<li>De <strong>totale grootte van de e-mail moet onder de 100KB zijn<\/strong>, anders duurt het te lang om te laden of wordt het afgekapt door de e-mailclient.<\/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. Geef Me Wat Ruimte, Alsjeblieft!<\/h3>\n\n\n<p>In ontwerp verwijst witruimte naar de lege of negatieve ruimte rond elementen.<\/p>\n\n\n<p>Het speelt een cruciale rol in het ontwerp van e-mails door te helpen bij het organiseren van inhoud op basis van belangrijkheid, het verbeteren van de leesbaarheid en zichtbaarheid, en het richten van aandacht op belangrijke componenten.<\/p>\n\n\n<p>Eerlijk gezegd is witruimte een van die dingen die je herkent als je het ziet \u2014 wanneer het goed gedaan is, maakt het het verschil tussen een aangename, rustige interactie en een die verouderd, benauwd en moeilijk te verteren aanvoelt.<\/p>\n\n\n<p>Gezegd zijnde, hier zijn enkele basistips om in gedachten te houden bij het implementeren van witruimte in e-mails:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Laat voldoende ruimte<\/strong> (oftewel padding) rondom paragrafen, afbeeldingen en andere secties om te voorkomen dat de e-mail rommelig aanvoelt.<\/li>\n\n\n\n<li><strong>Egaliseer de marges<\/strong> tussen al je tekstblokken, om de lezer soepel van de ene sectie naar de andere te leiden.<\/li>\n\n\n\n<li><strong>Vergroot de afstand tussen regels tekst<\/strong> om de leesbaarheid te verbeteren.<\/li>\n\n\n\n<li><strong>Voeg meer ruimte toe rond belangrijke gebieden<\/strong> om op natuurlijke wijze aandacht naar deze gebieden te trekken, zonder extra ontwerpelementen.<\/li>\n\n\n\n<li><strong>Weersta de neiging om te veel inhoud in \u00e9\u00e9n e-mail te proppen<\/strong>. Door tekst en afbeeldingen goed te spreiden, verminder je visuele rommel en maak je je boodschap beter verteerbaar.<\/li>\n\n\n\n<li>Onthoud, <strong>minder is vaak meer<\/strong> als het gaat om de indeling van e-mails!<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">9. Cre\u00eber E-mails Met Een Duidelijke Hi\u00ebrarchie<\/h3>\n\n\n<p>Een hi\u00ebrarchie cre\u00ebren \u2014 elementen rangschikken op een manier die het niveau van belangrijkheid aangeeft \u2014 in een marketing-e-mail zorgt ervoor dat je ontvangers de inhoud gemakkelijk kunnen navigeren, belangrijke informatie kunnen opnemen en gewenste acties kunnen ondernemen.<\/p>\n\n\n<p>Net zoals het toepassen van witruimte, is het beheersen van hi\u00ebrarchie iets dat komt met observatie en oefening. Maar, als je het eenmaal doorhebt, <em>heb<\/em> je het.<\/p>\n\n\n<p>Toch zijn er enkele vrij eenvoudige trucs die je kunt gebruiken bij het opstellen van e-mails om de aandacht van de lezer te leiden en je boodschap effectief over te brengen:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Gebruik Koppen<\/strong> bij het introduceren van belangrijke punten. Koppen moeten groter en vetter zijn dan alle andere tekst, om de belangrijkste delen van je boodschap duidelijk aan te geven. Subkoppen kunnen ondersteunende informatie introduceren.<\/li>\n\n\n\n<li><strong>Gebruik grotere en vetgedrukte tekst<\/strong> om op natuurlijke wijze aandacht te trekken. Kleinere tekst kan zo nodig context toevoegen.<\/li>\n\n\n\n<li><strong>Contrasterende kleuren<\/strong> laten belangrijke elementen opvallen. Markeer je belangrijkste CTA met je vetste kleur die contrasteert met de achtergrond. En gebruik deze kleur niet te veel, anders verlies je kracht.&nbsp;<\/li>\n\n\n\n<li><strong>Afbeeldingen en witruimte<\/strong> kunnen de aandacht van een lezer richten op belangrijke informatie.<\/li>\n\n\n\n<li><strong>Pictogrammen met pijlen<\/strong> kunnen ook helpen lezers te begrijpen waar ze eerst of vervolgens naar moeten kijken.<\/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=\"voorbeeld van koppenhi\u00ebrarchie die de H1 bovenaan toont met een H2 daaronder en vervolgens een H3\" 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. Kies Je Lettertypen Zorgvuldig<\/h3>\n\n\n<p>Het is belangrijk om een balans te vinden tussen branding en leesbaarheid wanneer je <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/best-google-fonts\/\" rel=\"noopener\">lettertypen kiest<\/a> voor je e-mails. Over het algemeen zouden we waarschijnlijk de voorkeur geven aan leesbaarheid \u2014 die sterk wordt be\u00efnvloed door de keuze van lettertypen.<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Voor Koppen En Korte Tekstblokken<\/strong>, kies voor schreefloze lettertypen die schoon, modern zijn en duidelijk weergegeven worden op de meeste schermen. Deze lettertypen zijn meestal het meest leesbaar in kleine hoeveelheden en grote formaten, waardoor ze ideaal zijn voor titels en andere aandachttrekkende fragmenten.<\/li>\n\n\n\n<li><strong>Voor Langere Paragrafen<\/strong>, zijn lettertypen met schreef doorgaans gemakkelijker te lezen. Daarom gebruiken veel kranten en tijdschriften schreeflettertypen voor langere stukken tekst.<\/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 die de krullende delen van de letter &quot;A&quot; tonen die een lettertype een serif maken\" 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>Naast het kiezen van de juiste stijl, wil je ook <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/web-safe-fonts\/\" rel=\"noopener\">web-safe fonts prioriteren<\/a>, die breed ondersteund worden door de meeste webbrowsers, e-mailclients en besturingssystemen. Het gebruik van web-safe fonts garandeert dat jouw e-mails eruitzien zoals je bedoeld hebt, of ze nu geopend worden in Gmail, Outlook of andere populaire diensten.<\/p>\n\n\n<p>Populaire webveilige sans-serif lettertypen zijn onder andere:<\/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>Gangbare websafe schreeflettertypen zijn onder andere:<\/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. Lettergrootte Tussen 10 en 16 Punten<\/h3>\n\n\n<p>Lettergrootte is net zo belangrijk als lettertype. Het gaat ook om branding gecombineerd met balans.<\/p>\n\n\n<p>Hoewel er geen strikte normen zijn voor lettergroottes in e-mails, is het <strong>het beste om je lettergrootte boven de 10-punts te houden, <\/strong>omdat alles kleiner moeilijk te lezen kan zijn.<\/p>\n\n\n<p>Aan de andere kant is 16 punten een mooi groot formaat, maar alles daarboven kan potentieel vervormd lijken of je ontwerp &#8220;breken&#8221; op bepaalde e-mailplatforms.<\/p>\n\n\n<p>Het is belangrijk te onthouden dat toegankelijkheidsrichtlijnen een lettergrootte van minimaal 16 punten aanbevelen. Om de beste pasvorm te vinden, raden we je ten zeerste aan te experimenteren met de grootte om te zien wat het beste werkt voor jouw typische e-mailstijl op verschillende platforms, apparaten en schermlezers.<\/p>\n\n\n<h3 class=\"wp-block-heading\">12. Overweeg De Impact Van Kleuren<\/h3>\n\n\n<p>Kleur be\u00efnvloedt natuurlijk de manier waarop jouw e-mails worden waargenomen.<\/p>\n\n\n<p>Kleuren helpen niet alleen bij het uitdragen van je merk, ze kunnen ook <strong>de leesbaarheid be\u00efnvloeden en ontvangers informeren over de hi\u00ebrarchie van de inhoud.<\/strong><\/p>\n\n\n<p>Overweeg de toon die je wilt uitstralen bij het gebruik van kleur in e-mails. Terwijl het blauw dat veel websites beroemd gebruiken (Facebook, Dell, enz.) vertrouwen kan opwekken, kan geel de stemming verbeteren, kan groen vrede introduceren, en kan zwart je helpen een meer ingetogen (of luxueuze) boodschap over te brengen.<\/p>\n\n\n<p>Hoe je kleuren samen gebruikt is ook belangrijk. Voor 40 verschillende idee\u00ebn over hoe je kleuren kunt combineren om je boodschap luid en duidelijk over te brengen, mag je onze recente gids voor <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/website-color-schemes\/\" rel=\"noopener\">website kleurenschema&#8217;s<\/a> niet missen.<\/p>\n\n\n<h3 class=\"wp-block-heading\">13. Vergeet De Donkere Modus Niet<\/h3>\n\n\n<p>Het e-mailplatform Litmus ontdekte dat ongeveer <a target=\"_blank\" href=\"https:\/\/www.litmus.com\/blog\/email-client-market-share-infographic\" rel=\"noopener\">35% van hun abonnees<\/a> (en dat aantal groeit) die Apple e-mail gebruiken, hun e-mails bekijken in dark mode: een instelling die het kleurenschema van alles wat een ontvanger op hun apparaat ziet, verdonkert.<\/p>\n\n\n<p>Veel e-mailclients proberen e-mails automatisch aan te passen voor de donkere modus, maar dit proces verloopt niet altijd vlekkeloos. Om ervoor te zorgen dat jouw e-mails er zowel in lichte als donkere instellingen geweldig uitzien, overweeg het volgende:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Gebruik transparante PNG&#8217;s<\/strong> omdat deze afbeeldingen geen achtergrond hebben. Door transparante PNG\u2019s te gebruiken, voorkom je onhandige achtergrondcontrasten wanneer je e-mail overgaat van licht naar donker.<\/li>\n\n\n\n<li><strong>Omlijn zwarte logo&#8217;s in wit<\/strong> omdat, als een deel van je logo zwart is, dit kan samensmelten met een donkere achtergrond en er snel slecht uitzien. Om dit te voorkomen, voeg je een kleine witte rand toe rond de zwarte elementen. Dit maakt ze zichtbaar in de donkere modus, terwijl ze nog steeds naadloos kunnen samengaan als de achtergrond wit is.<\/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=\"linkerkant toont een logo in donkere modus zonder rand en nauwelijks leesbaar vs een logo met een witte rand zodat het te zien is in donkere modus\" 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>Kleuren Optimaliseren Voor Beide Paletten<\/strong> betekent dat kleuren op je knoppen, links, iconen en elders er totaal anders uit kunnen zien in donkere modus dan je gewend bent. Om slecht contrast, schreeuwerige kleuren of leesbaarheidsproblemen te vermijden, overweeg je tinten licht te dempen om te zorgen dat ze prettig zijn voor de ogen in alle modi.<\/li>\n\n\n\n<li><strong>Test! Test! Test! <\/strong>Eenmaal je e-mail voor de donkere modus hebt ontworpen, is het belangrijk om te testen hoe deze wordt weergegeven. Stuur een testmail naar jezelf en controleer het uiterlijk in zowel lichte als donkere modus op verschillende e-mailclients.&nbsp;<\/li>\n\n\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\">14. Toegankelijke E-mailtekst Is Essentieel<\/h3>\n\n\n<p>Omdat e-mail een verlengstuk van je merk is, is het ontwerp van e-mailtoegankelijkheid net zo belangrijk als <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/make-your-website-accessible\/\" rel=\"noopener\">website toegankelijkheidsontwerp<\/a>.<\/p>\n\n\n<p>Hier is een spiekbriefje om ervoor te zorgen dat je e-mails mooi en toegankelijk zijn voor alle publieksleden:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Zorg ervoor dat belangrijke informatie<\/strong> \u2014 promotiecodes, data, tijden en oproepen tot actie \u2014 ten minste eenmaal als tekst wordt gepresenteerd, in plaats van alleen in afbeeldingen te zijn ingebed. Dit garandeert dat alle ontvangers, inclusief degenen die schermlezers gebruiken of afbeeldingen hebben uitgeschakeld, toch toegang hebben tot cruciale inhoud.<\/li>\n\n\n\n<li><strong>Gebruik alt-tekst voor afbeeldingen<\/strong>. Als een abonnee afbeeldingen heeft uitgeschakeld, zal de alternatieve tekst nog steeds context bieden en de boodschap overbrengen.&nbsp;<\/li>\n\n\n\n<li><strong>Een minimale lettergrootte van 16 punten<\/strong> wordt aanbevolen voor leesbaarheid.<\/li>\n\n\n\n<li><strong>Aligneer tekst links<\/strong>, omdat links uitgelijnde tekst gemakkelijker te lezen is dan gecentreerde alinea&#8217;s, die de stroom voor lezers kunnen verstoren.<\/li>\n\n\n\n<li><strong>Letters en regels die te dicht bij elkaar staan<\/strong> kunnen de leesbaarheid verminderen, dus zorg voor voldoende ruimte ertussen.<\/li>\n\n\n\n<li><strong>Alleen vertrouwen op kleur om al je betekenis over te brengen kan verwarrend zijn<\/strong> voor mensen met kleurenblindheid. Bovendien interpreteren de meeste schermlezers geen kleuren. Gebruik in plaats daarvan naast kleur ook tekst en iconen om informatie over te brengen.<\/li>\n\n\n\n<li><strong>Laat tekst duidelijk uitkomen<\/strong> tegen de achtergrond door een sterk kleurcontrast te cre\u00ebren. Een contrastverhouding van minstens 4.5:1 wordt aanbevolen om leesbaarheid voor alle gebruikers te garanderen.<\/li>\n\n\n<\/ul>\n\n\n<p>Als je nog nooit eerder het contrast van een ontwerp hebt moeten controleren, zijn er veel nuttige, gratis tools online \u2014 <a target=\"_blank\" href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" rel=\"noopener\">zoals deze van 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=\"contrastverhoudingen van laag naar hoog waarbij de hogere verhoudingen beter zijn, 5:1, 6:1, en 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. A\/B-test en Itereer<\/h3>\n\n\n<p>Een van de meest cruciale stappen om een succesvol e-mailontwerp te garanderen, is het <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/a-b-testing\/\" rel=\"noopener\">uitvoeren van A\/B-tests<\/a>.<\/p>\n\n\n<p>Dit proces omvat het cre\u00ebren van twee versies van een e-mail en het versturen ervan naar verschillende segmenten van je abonneelijst. Door de resultaten te analyseren \u2014 zoals openratio&#8217;s, doorklikratio&#8217;s of conversies \u2014 kun je bepalen welke versie meer resonantie heeft met je publiek.<\/p>\n\n\n<p>Laten we de snelle en eenvoudige stappen doornemen om een e-mail A\/B-test uit te voeren:<\/p>\n\n\n<p><strong>Stap 1: Bepaal wat je gaat testen<\/strong>. Focus op \u00e9\u00e9n element tegelijk, zoals de lay-out van de e-mailtekst, het aantal afbeeldingen, of de kleur van de CTA-knop. Dit stelt je in staat om de impact van elke verandering te isoleren.<\/p>\n\n\n<p><strong>Stap 2: Segmenteren<\/strong>. Verdeel je abonneelijst in twee gelijke groepen voor een eerlijke vergelijking. Zorg dat beide groepen representatief zijn voor je gehele publiek.<\/p>\n\n\n<p><strong>Stap 3: Stel Doelen<\/strong>. Bepaal hoe succes eruitziet. Streef je naar meer opens, hogere doorklikratio&#8217;s of verhoogde conversies? Het hebben van een duidelijk doel zal je analyse sturen.<\/p>\n\n\n<p><strong>Stap 4: Analyseer Resultaten<\/strong>. Nadat de e-mails zijn verzonden, vergelijk je de statistieken op basis van je doelen. Bepaal welke versie beter presteerde en waarom.<\/p>\n\n\n<p><strong>Stap 5: Implementeer Leerprocessen<\/strong>. Pas de winnende elementen toe op toekomstige e-mailontwerpen en blijf andere componenten testen, om de verbeteringen door te voeren.<\/p>\n\n\n<h2 id=\"h2_4-more-resources-for-website-and-email-marketing-success\" class=\"wp-block-heading\">4 Extra Bronnen voor Succes met Website en E-mailmarketing<\/h2>\n\n\n<p>Op zoek naar meer manieren om uitmuntendheid in e-mail en websiteontwerp te bereiken?<\/p>\n\n\n<p>We hebben enkele van onze favoriete bronnen samengebracht om nog meer succes te behalen wanneer je de wereld van online marketing verkent:<\/p>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Voor een opfrissing van webontwerp of een eerste stoomcursus<\/strong>, mis de <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" rel=\"noopener\">Top 7 Basis Elementen Van Webdesign<\/a> niet.&nbsp;<\/li>\n\n\n\n<li><strong>Twijfel je of het tijd is om te investeren in een digitale upgrade?<\/strong> Bekijk <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/time-for-website-redesign\/\" rel=\"noopener\">Tijd Voor Een Website Redesign? 7 Manieren Om Dat Te Weten<\/a>.&nbsp;<\/li>\n\n\n\n<li><strong>Besloten dat je website een renovatie nodig heeft?<\/strong> Sta ons toe je gids te zijn in <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/blog\/website-redesign-checklist\/\" rel=\"noopener\">Je Website Redesign Checklist Voor Een Ongelooflijke Opknapbeurt<\/a>.&nbsp;<\/li>\n\n\n\n<li><strong>Ontwerp is niet <em>alles<\/em>. De leverbaarheid is ook essentieel voor succes met e-mailmarketing.<\/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> verhoogt de betrouwbaarheid van e-mail voor WordPress gebruikers.<\/li>\n\n\n<\/ul>\n\n\n<h2 id=\"h2_which-best-practices-for-email-campaigns-will-you-try\" class=\"wp-block-heading\">Welke Beste Praktijken Voor E-mailcampagnes Ga Jij Proberen?<\/h2>\n\n\n<p>Zo, dat was het dan (ok\u00e9, het was een beetje lang, sorry!), je hebt nu 15 bewezen e-mailontwerp beste praktijken in je toolkit, van optimaliseren voor mobiel en het cre\u00ebren van duidelijke hi\u00ebrarchie\u00ebn tot het kiezen van de juiste lettertypen, het leren van de ins en outs van witruimte, en natuurlijk, A\/B-testen.<\/p>\n\n\n<p>De volgende stap is eenvoudig genoeg \u2014 ga eropuit en begin deze tips toe te passen op je e-mailcampagnes en zie zelf de resultaten!<\/p>\n\n\n<p>Voel je nu meer dan ooit de druk? Vertraag, we hebben precies de oplossing.<\/p>\n\n\n<p>Voor de lezers die meer abonnees, bezoekers en verkopen nodig hebben, maar simpelweg <em>niet<\/em> de tijd hebben om hun website en marketingcampagnes te upgraden, bekijk ons <a target=\"_blank\" href=\"https:\/\/www.dreamhost.com\/pro-services\/marketing\/\" rel=\"noopener\">team van Professionele Diensten<\/a>.<\/p>\n\n\n<p>Van SEO tot sociale media en verder, onze diverse en bekwame experts kunnen precies doen wat je nodig hebt om de marketingervaring te verbeteren en je kleine onderneming te helpen groeien.<\/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>Wil je je publiek boeien met foutloos ontworpen e-mails? Deze 15 beste ontwerppraktijken voor e-mails kunnen krachtige resultaten opleveren \u2014 probeer ze en zie zelf!<\/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":"Wil je je publiek boeien met perfect ontworpen e-mails? Deze 15 beste praktijken voor e-mailontwerp kunnen krachtige resultaten opleveren \u2014 probeer ze en zie het zelf!","toc_headlines":"[[\"h-what-do-we-mean-by-email-newsletter-design\",\"Wat Bedoelen We Met E-mailnieuwsbrief Ontwerp?\"],[\"h2_why-email-design-matters\",\"Waarom E-mailontwerp Belangrijk Is\"],[\"h2_15-email-design-best-practices\",\"15 Beste Praktijken Voor E-mailontwerp\"],[\"h2_4-more-resources-for-website-and-email-marketing-success\",\"4 Extra Bronnen voor Succes met Website en E-mailmarketing\"],[\"h2_which-best-practices-for-email-campaigns-will-you-try\",\"Welke Beste Praktijken Voor E-mailcampagnes Ga Jij Proberen?\"]]","hide_toc":false,"footnotes":""},"categories":[14928],"tags":[],"class_list":["post-71086","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-nl"],"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>Jouw Gids voor E-mailontwerp: 15 Beste Praktijken voor E-mailmarketing - DreamHost Blog<\/title>\n<meta name=\"description\" content=\"Wil je je publiek boeien met perfect ontworpen e-mails? Deze 15 beste praktijken voor e-mailontwerp kunnen krachtige resultaten opleveren \u2014 probeer ze en zie het zelf!\" \/>\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\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jouw Gids voor E-mailontwerp: 15 Beste Praktijken voor E-mailmarketing\" \/>\n<meta property=\"og:description\" content=\"Wil je je publiek boeien met perfect ontworpen e-mails? Deze 15 beste praktijken voor e-mailontwerp kunnen krachtige resultaten opleveren \u2014 probeer ze en zie het zelf!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/\" \/>\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-26T16:09:46+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=\"19 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Jouw Gids voor E-mailontwerp: 15 Beste Praktijken voor E-mailmarketing - DreamHost Blog","description":"Wil je je publiek boeien met perfect ontworpen e-mails? Deze 15 beste praktijken voor e-mailontwerp kunnen krachtige resultaten opleveren \u2014 probeer ze en zie het zelf!","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\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/","og_locale":"en_US","og_type":"article","og_title":"Jouw Gids voor E-mailontwerp: 15 Beste Praktijken voor E-mailmarketing","og_description":"Wil je je publiek boeien met perfect ontworpen e-mails? Deze 15 beste praktijken voor e-mailontwerp kunnen krachtige resultaten opleveren \u2014 probeer ze en zie het zelf!","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/","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-26T16:09:46+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":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/"},"author":{"name":"Justin Lorenc","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/a90bf07c44c60e052befbc7cffb482eb"},"headline":"Jouw Gids voor E-mailontwerp: 15 Beste Praktijken voor E-mailmarketing","datePublished":"2024-10-28T14:00:00+00:00","dateModified":"2025-05-26T16:09:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/"},"wordCount":3901,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/#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\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/","name":"Jouw Gids voor E-mailontwerp: 15 Beste Praktijken voor E-mailmarketing - DreamHost Blog","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/#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-26T16:09:46+00:00","description":"Wil je je publiek boeien met perfect ontworpen e-mails? Deze 15 beste praktijken voor e-mailontwerp kunnen krachtige resultaten opleveren \u2014 probeer ze en zie het zelf!","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/#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\/nl\/jouw-gids-voor-e-mailontwerp-15-beste-praktijken-voor-e-mailmarketing-nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Jouw Gids voor E-mailontwerp: 15 Beste Praktijken voor E-mailmarketing"}]},{"@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":"nl","translations":{"nl":71086,"en":50449,"es":50432,"de":52163,"pl":52169,"pt":56831,"ru":56841,"uk":56844,"it":68738,"fr":71050},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71086","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=71086"}],"version-history":[{"count":2,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71086\/revisions"}],"predecessor-version":[{"id":71088,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/71086\/revisions\/71088"}],"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=71086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=71086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=71086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}