Wil je je e-mails optimaliseren voor mobiel? Hier zijn 7 essentiële tips:
- Gebruik responsive design
- Houd onderwerpsregels kort (20-40 tekens)
- Kies voor een één-koloms layout
- Maak knoppen makkelijk aan te raken (42-72 pixels)
- Optimaliseer afbeeldingen voor mobiel
- Kies leesbare lettertypen (14-16px voor tekst)
- Test op verschillende apparaten
Waarom is dit belangrijk?
| Statistiek | Percentage |
|---|---|
| E-mails geopend op mobiel | 42% |
| Gebruikers die e-mail checken op smartphone | 81% |
| Niet-geoptimaliseerde e-mails verwijderd | 42,3% |
Door deze tips toe te passen, verbeter je de leesbaarheid, verhoog je de engagement en boost je je conversies op mobiele apparaten.
Related video from YouTube
1. Responsive design toepassen
Responsive design zorgt ervoor dat je e-mails er goed uitzien op elk apparaat. Maar wat is het precies?
Wat is responsive design?
Het past je e-mail automatisch aan verschillende schermformaten aan. Denk aan:
- Afbeeldingen die meeschalen
- Layouts die zich aanpassen
- Media queries voor aangepaste opmaak
Waarom zou je het gebruiken?
De cijfers liegen er niet om:
| Wat | Hoeveel |
|---|---|
| E-mails op mobiel geopend | 42% |
| Checkt e-mail op smartphone | 81% |
| Gooit niet-geoptimaliseerde e-mails weg | 42,3% |
Responsive design leidt tot minder bounces, meer opens en een betere ervaring.
Tip: Begin met een mobiel ontwerp. Zo ziet het er goed uit op zowel mobiel als desktop.
Enkele praktische tips:
- Gebruik één kolom, max 600-640 pixels breed
- Maak knoppen en links 44×44 pixels of groter
- Houd de lettergrootte minimaal 13 pixels voor iPhones
Door responsive design te gebruiken, maak je je e-mails toegankelijk voor iedereen – ongeacht hun apparaat.
2. Korte onderwerpsregels: de sleutel tot mobiele e-mails
Mobiele e-mails? Korte onderwerpsregels zijn CRUCIAAL. Waarom? Kleine schermen, korte aandachtsspanne.
Hoe lang moet je onderwerpsregel zijn?
Hangt af van het apparaat. Hier’s een snelle gids:
| Apparaat | Lengte |
|---|---|
| Mobiel | 20-40 tekens |
| Desktop | 40-50 tekens |
Let op deze limieten:
- Gmail: 70 tekens
- Yahoo Mail: 46 tekens
- Outlook: 54-73 tekens
- iPhone: 41-64 tekens
"Onderwerpsregels hoeven niet alles te vertellen. Ze moeten nieuwsgierig maken." – Laura Belgray, Talking Shrimp
Testen, testen, testen
A/B-testen is je beste vriend:
- Maak twee versies
- Stuur naar delen van je lijst
- Check de openingspercentages
- Gebruik de winnaar
Tips:
- Probeer emoji’s (kunnen opens met 56% verhogen)
- Speel met lengte (61-70 tekens worden 17% meer gelezen)
- Test persoonlijk vs. algemeen
Belangrijk: Zet kerninfo vooraan. Voorkom afkapping op mobiel.
Kort en krachtig = meer opens op mobiel. Test verschillende opties voor jouw publiek.
3. Kies voor één kolom
Een één-koloms layout maakt je e-mails mobiel-vriendelijk. Waarom? Omdat het lezen op kleine schermen veel makkelijker gaat als de inhoud gewoon van boven naar beneden loopt.
Hoe maak je zo’n layout?
Je hebt twee opties:
1. Blokniveau <td> elementen
Stabiel in verschillende e-mailclients.
2. Uitgelijnde <table> elementen
Flexibeler, maar mogelijk minder stabiel.
Welke je ook kiest, doe dit:
- Stel de breedte van kolomsjablonen in op 100% in de media query.
- Maak elke kolom
<td>een blokniveau element.
Zo stapelt je inhoud netjes op kleine schermen.
Voordelen van één kolom
- Duidelijke hiërarchie
- Mobiel-vriendelijk
- Betere leesbaarheid (ongeveer 20 woorden per regel)
| Voordeel | Waarom het werkt |
|---|---|
| Makkelijk navigeren | Gewoon naar beneden scrollen |
| Focus op de boodschap | Geen afleidende zijbalken |
| Meer clicks | Duidelijke call-to-action (CTA) |
"Eén kolom is perfect voor één CTA. Je leidt lezers direct naar de gewenste actie, zonder afleiding." – Jessica Lunk, Digital Marketing Manager
Tip: Test verschillende breedtes voor de beste leeservaring.
Bedenk: ongeveer 50% van alle e-mails wordt op mobiel geopend. Met één kolom komt je boodschap altijd goed over, op elk apparaat.
4. Maak knoppen makkelijk aan te raken
Knoppen zijn de sleutel tot actie in je e-mails. Ze moeten opvallen én makkelijk te gebruiken zijn, vooral op mobiel. Hier’s hoe je dat doet:
Ontwerp knoppen die werken
Grootte? 42-72 pixels. Vorm? Afgerond of pilvormig. Kleur? Contrasterend, maar passend bij je merk. Tekst? Kort en krachtig, minimaal 16 pixels groot.
| Wat | Hoe |
|---|---|
| Grootte | 42-72 pixels |
| Vorm | Afgerond/pilvormig |
| Kleur | Contrasterend |
| Tekst | Kort, min. 16px |
Geef je knoppen ruimte. Minstens 10 pixels rondom. Zo voorkom je miskliks.
"Een knop moet eruitzien als een knop. Punt." – Massey, Mobiel Expert
Vergeet niet te testen op verschillende apparaten. Zo weet je zeker dat je knoppen overal goed werken.
Door slim knopdesign maak je je e-mails niet alleen mooier, maar ook effectiever. En dat leidt tot betere resultaten.
sbb-itb-72f89a1
5. Mobiel-vriendelijke afbeeldingen
Afbeeldingen maken e-mails aantrekkelijk, maar kunnen problemen geven op mobiel. Hier’s hoe je ze optimaliseert:
Afbeeldingen comprimeren
Grote afbeeldingen? Trage laadtijd en stuiterende e-mails. Zo pak je het aan:
1. Kies het juiste formaat
- JPEG: foto’s
- PNG: graphics en logo’s
- GIF: simpele animaties
2. Pas de grootte aan
- Max breedte: 600px
- Bestanden onder 5MB
3. Slim comprimeren
- JPEG’s: ‘lossy’ compressie
- PNG’s: ‘lossless’ voor kwaliteit
| Type | Gebruik | Max. grootte |
|---|---|---|
| JPEG | Foto’s | 5MB |
| PNG | Graphics | 5MB |
| GIF | Animaties | 1.5MB |
"We testten bredere e-mails. Onze wekelijkse mail is max 960px breed, van 3 naar 2 naar 1 kolom, afhankelijk van schermgrootte." – Elliot Ross, Action Rocket
Slimme plaatsing
- Bovenaan: Trek aandacht
- Tussen tekst: Breek lange stukken op
- Onderaan: Sterke visuele afsluiter
Tip: Gebruik alt-tekst. Goed voor toegankelijkheid en als afbeeldingen uit staan.
Pas deze tips toe en je e-mails zien er top uit én laden snel op mobiel. Test altijd op verschillende apparaten!
6. Kies goed leesbare lettertypen
Lettertypen kunnen je e-mail maken of breken op mobiel. Hier’s hoe je ze slim gebruikt:
Beste lettergroottes voor mobiel
Op kleine schermen telt elke pixel. Zo houd je het leesbaar:
- Bodytekst: 14-16px
- Koppen: 18-20px
Kleiner? Lezers moeten inzoomen. Groter? Te weinig tekst op het scherm.
| Tekstelement | Aanbevolen grootte |
|---|---|
| Bodytekst | 14-16px |
| Koppen | 18-20px |
| Voettekst | 75% van bodytekst |
Gebruik percentages in plaats van vaste groottes. Zo past je tekst zich aan aan de instellingen van de lezer.
Verschillende lettertypes gebruiken
Variatie is goed, maar overdrijf niet:
- Max 2 lettertypes
- Sans-serif fonts voor leesbaarheid
- Geen decoratieve fonts
Arial, Verdana en Helvetica zijn goede keuzes. Ze staan op bijna alle apparaten.
"81% van de Amerikanen verkiest sans-serif boven serif fonts voor e-mails." – Mailchimp onderzoek
Test je e-mails altijd op verschillende apparaten. Wat er goed uitziet op jouw telefoon, kan er anders uitzien op andere toestellen.
7. Test e-mails op verschillende apparaten
Meer dan 60% van de e-mails wordt op mobiel geopend. Daarom is testen op verschillende apparaten CRUCIAAL.
Hoe test je?
Er zijn tools die laten zien hoe je e-mails eruitzien op verschillende apparaten:
- Email on Acid (vanaf €74/maand)
- Litmus (vanaf €99/maand, 7 dagen gratis)
- Mailchimp Inbox Preview (bij abonnementen vanaf €14,99/maand)
"Testen vóór elke verzending is de enige manier om echt met vertrouwen te verzenden." – Litmus Email Testing Team
Waarom testen?
1. Veranderingen zijn constant
De top 5 e-mailclients maken gemiddeld elke 1,2 dagen wijzigingen. Zonder testen kan je e-mail er plotseling anders uitzien.
2. Elk apparaat is anders
Wat er goed uitziet in Gmail op je laptop, kan er raar uitzien in Outlook op een smartphone.
3. Vroeg problemen oplossen
Door vroeg te testen, los je problemen op voordat je verzendt.
| Voordelen van testen | Nadelen van niet testen |
|---|---|
| Consistente weergave | Onleesbare e-mails |
| Hogere klikratio’s | Lagere conversie |
| Betere gebruikerservaring | Beschadigd merkimago |
| Minder spam-meldingen | Meer uitschrijvingen |
Door te testen, zorg je dat je e-mails er goed uitzien en werken, ongeacht waar ze worden geopend. Zo maak je je e-mailcampagnes effectiever.
Conclusie
E-mailmarketing draait om mobiel. 68% van de e-mails wordt op smartphones geopend. Mobiel-vriendelijke e-mails zijn dus een must.
Hier zijn de belangrijkste punten:
1. Responsive design
Pas je e-mails aan voor elk schermformaat. Dit zorgt ervoor dat je bericht er goed uitziet, of het nu op een telefoon, tablet of desktop wordt bekeken.
2. Korte onderwerpregel
Hou het onder 30 tekens. Waarom? Omdat dat alles is wat de meeste mobiele apparaten laten zien.
3. Eén kolom layout
Maakt scrollen en lezen makkelijker. Geen gedoe met meerdere kolommen die op een klein scherm in de war raken.
4. Grote, tappable knoppen
Zorg voor voldoende ruimte tussen klikbare elementen. Niemand wil per ongeluk op de verkeerde link klikken omdat de knoppen te dicht op elkaar staan.
5. Mobiel-vriendelijke afbeeldingen
Comprimeer en plaats ze strategisch. Grote afbeeldingen kunnen de laadtijd vertragen, en dat is een no-go voor mobiele gebruikers.
6. Leesbare lettertypen
Gebruik 14pt voor tekst, 22pt voor koppen. Je wilt niet dat je lezers moeten turen om je bericht te lezen.
7. Test op verschillende apparaten
Controleer hoe je e-mails eruitzien op diverse schermen. Wat er goed uitziet op jouw telefoon, kan er raar uitzien op een ander apparaat.
Kijk eens naar deze cijfers:
| Statistiek | Percentage |
|---|---|
| E-mails geopend op mobiel | 68% |
| Beslissing om te openen op basis van onderwerpregel | 47% |
| Toename in kliks met één duidelijke CTA | 371% |
Deze kleine aanpassingen kunnen een groot verschil maken. Begin vandaag nog met het optimaliseren van je e-mails voor mobiel. Je lezers zullen het waarderen – en je conversiecijfers ook.
Veelgestelde vragen
Hoe maak je een e-mail die er goed uitziet op mobiel?
E-mails die goed werken op mobiel? Zo doe je dat:
1. Eén kolom layout
Simpel en overzichtelijk. Perfect voor kleine schermen.
2. Korte onderwerpregel
Houd rekening met deze zichtbare lengtes:
| App | Zichtbare tekens |
|---|---|
| Android Gmail | 30 |
| iOS Gmail | 50 |
| iOS Mail | 90 |
3. Leesbare lettergroottes
22pt voor koppen, 14pt voor de tekst. Zo blijft alles goed leesbaar.
4. Minder afbeeldingen
Maximaal 3 afbeeldingen en 20 regels tekst? Dat levert de meeste kliks op.
5. Test, test, test
Check je e-mail op verschillende apparaten. Wat op jouw telefoon werkt, kan er anders uitzien op andere toestellen.
Wist je dat 43,5% van alle e-mails op mobiel wordt geopend? Met deze tips bereik je een groot deel van je publiek effectief.