E-mailingen optimaliseren voor mobiel verkeer

Datum van publicatie:

Vorige keer schreef ik hoe je meer omzet kunt halen uit e-mailings. Zoals beloofd gaan we vandaag een stapje verder. Namelijk het optimaliseren van e-mailingen voor mobiel verkeer.
 
Om jouw e-mails en mailingen te optimaliseren voor mobiel verkeer zijn er drie punten van belang:

 

1. Landingspagina optimaliseren voor mobiele telefoons

Mobiele landingspagina’s zijn onder andere een stuk ‘lichter’, ze passen zich aan de breedte van het mobiele scherm aan en de teksten zijn zo optimaal mogelijk geschreven en opgemaakt.
De optimalisatie van de landingspagina’s doen wij uiteraard voor je. Je kunt gewoon dezelfde links gebruiken als je altijd doet, automatisch wordt de juiste landingspagina aan de bezoeker getoond.

 

2. Het formulier vooraf invullen met prefilling

Lees hier alles over prefilling

 

3. E-mails optimaliseren voor mobiel verkeer

Het optimaliseren van e-mails zal je zelf moeten doen, maar we geven je graag enkele tips die je op weg kunnen helpen.

 

De onderwerpregel

Voor een ‘gewone’ e-mail is het al lastig om een goede, korte onderwerpregel te bedenken. Op de smartphone heb je nog minder ruimte om de bezoeker te verleiden, ongeveer 40 tekens wordt er gezegd (op mijn Android-toestel zie ik zelfs maar 20-28 karakters).
Je doet er dus goed aan om in die eerste paar tekens de belangrijkste boodschap te vermelden, of in ieder geval te triggeren om door te lezen/klikken.

 

Een preheader gebruiken

Om openingsratio’s verder te verbeteren zou je wellicht meer aandacht aan de preheader kunnen besteden. Dat is de tekst die meestal onder de onderwerpregel in de inbox wordt getoond. De tekst voor de preheader plaats je helemaal bovenin de mail.
Direct na de -tag als tekst :

<body><span>Deze preheader-tekst verschijnt onder de titelspan>

Wil je niet dat die tekst ook boven in jouw e-mailuiting staat? Dan zou het een oplossing kunnen zijn om die tekst middels CSS niet te tonen:

<style type=“text/css”>
span.preheader { display: none !important;}
 style>
head>

<body><span class=“preheader”>Deze preheader-tekst verschijnt onder de titelspan>

 

Testen:Uiteraard zou je voor jezelf moeten blijven testen wat de hoogste openingsratio oplevert.

 

Het gebruik van afbeeldingen

E-mails zouden zo licht mogelijk moeten zijn. Het gebruik van (grote, zware) afbeeldingen is daarom niet aan te raden.

In veel gevallen worden afbeeldingen niet direct aan de ontvanger getoond. Zorg ervoor dat, ook wanneer er geen afbeelding wordt geladen, toch een leesbare mail staat. Biedt een HTML-versie en een tekst-versie aan.

In veel gevallen zal je gebruik maken van een afbeelding die 500×500 pixels is. Een scherm is vaak een stuk smaller, maar je wilt wel de volledige afbeelding in beeld hebben. In dat geval zou je de afbeelding een flexibele breedte kunnen geven:

IMG style=”width:95%; max-width:500px”

Door deze code aan de style toe te voegen zal de afbeelding steeds 95% van de breedte van het beeldscherm beslaan, tot een maximum van 500 pixels.

Goede voorbeelden en meer informatie over mobiele e-mails, vind je hier.

 

Call-to-action

Niet onbelangrijk: de call-to-action.
Zorg ervoor dat deze altijd duidelijk aanwezig is, en groot genoeg om met de vingers op te klikken. Bij voorkeur zit er veel witruimte om de call-to-action heen, en staan er geen andere linkjes in de buurt. Zorg dat de call-to-action (letterlijk en figuurlijk) niet te missen is.

Zorg er in ieder geval voor dat de call-to-action:

  • Actief oproept om te klikken;
  • Duidelijk aangeeft wat er na de klik gebeurt;
  • Een afwijkende kleur/opmaak heeft van de rest van de uiting.

Tot zover de tips van onze kant. Aan jou de schone taak om de (mobiele) e-mails te blijven testen en optimaliseren. Haal je voordeel uit deze tips en onze mailmaand. Succes met de promotie.


Update

Een extra tip: een artikel over responsive e-maildesign.

Heb je tips, vragen of opmerkingen? Laat het ons dan weten!