Het geheim van de snippet

7 februari, 2011 at 15:48 Een reactie plaatsen

Welke factoren zorgen ervoor dat de e-mails die je stuurt worden geopend?
Een beetje e-mail marketeer dreunt ze natuurlijk zo op:

afzendernaam (afzender adres)
onderwerpregel
tijdstip van verzending
dag van verzending

Maar dan hebben we ze nog niet allemaal… Er is namelijk ook nog de snippet – ook wel preheader genoemd. Fancy benamingen voor de eerste regels van je HTML code in de <body> tag.

De snippet in Gmail
Kijk eens in Gmail. Direct na de onderwerp regel staat een “-” en daarna zie je de eerste regels van je code. Vaak lees je hier iets in de trant van “U ontvangt deze nieuwsbrief omdat u…” of “Niet goed leesbaar?…”. Tekst die heus relevant is, maar niets zegt over de inhoud van de e-mail.
Hier zie je een voorbeeld uit Gmail, waarbij de snippet ruimte (na de “-”) niet goed is ingezet (klik voor de volledige versie):

Hier een voorbeeld uit Gmail, waarbij het wél goed is ingezet (klik voor de volledige versie):

De snippet in Outlook
Gebruik je Outlook 2003 of een nieuwere versie? Let dan eens op je scherm rechts onderin als je nieuwe e-mail ontvangt*. Ook hier zie je de eerste paar regels van je <body> code.

Voorbeeld van een snippet in Outlook:

Waarom zou je een snippet gebruiken?
Eigenlijk een open deur toch? Met de snippet heb je meer ruimte om je ontvangers je boodschap in te trekken.

Hoe werkt het?
Gmail en ook Outlook kijken niet naar opmaak van de snippet. Lettertype, letterkleur, lettergrootte, etc. worden genegeerd. Ze lezen simpelweg de eerste regels “tekst” uit. Hieronder vallen ook tags die in je browser als tekst kunnen worden weergegeven. Denk hierbij aan bijvoorbeeld alt teksten. Het aantal karakters dat je in Gmail kunt gebruiken voor je snippet hangt af van de lengte van je onderwerpregel. Ook de breedte van het scherm of resolutie waarin Gmail wordt geopend speelt een rol. In Outlook heb je twee regels van ongeveer 55 karakters tot je beschikking.

Hoe maak je gebruik van snippets?
Er zijn grofweg drie manieren om de snippet in te zetten:

De zichtbare tekstmethode: bovenaan je e-mail zet je tekst in een duidelijk leesbare grootte en contrasterende kleur. Hier vat je bijvoorbeeld je e-mail samen. “De beste aanbiedingen van deze week” of “Bedrijf x gaat in zee met ons”. Hiermee wordt de tekst zowel achter de subjectline als in je e-mail zelf getoond.
De onzichtbare tekstmethode: bovenaan je e-mail zet je je tekst in de achtergrondkleur met de kleinste lettergrootte. Hiermee wordt de tekst wél achter de subjectline getoond in Gmail, maar is deze niet zichtbaar in je e-mail. Deze methode is handig als je je prachtig vormgegeven e-mail niet wilt ontsieren met (nog meer) tekst bovenaan.
De onzichtbare pixel: plaats na de <body> tag een <img>. Als source gebruik je een transparante pixel (van 1 x 1). Vervolgens geef je deze een alt tag mee. Je alt tag is de tekst die als snippet wordt getoond in bijvoorbeeld Gmail. Ook deze methode zorgt ervoor dat de bovenkant van je e-mail clean blijft.

Groot voordeel van methode 1 is dat je bij het testen van je e-mail in je browser de tekst gewoon kunt lezen. Ook bij printen* is de tekst leesbaar. Voor beide andere methoden moet je in de code duiken, of goed opletten in Gmail en/of Outlook. Vergeet vooral niet om de snippet aan te passen als je een eerdere e-mail hebt gebruikt als basis voor je huidige e-mail. Je zult niet de eerste zijn die vergeet de snippet aan te passen…

Voorbeeld van een goede snippet
Pixum heeft nog geen gebruik gemaakt van de snippet in dit voorbeeld:

Zo hadden ze het kunnen doen:

Tot €10 Valentijnskorting op alle Fotoproducten – Korting geldig op alle producten en formaten. De actie loopt t/m Valentijnsdag (14-02-2011)

Test test test
Net als met alle andere e-mail marketing factoren zul je de juiste vorm en inhoud moeten testen om te bepalen wat voor jou het beste werkt. (Net als voor de onderwerpregel geldt: zet het belangrijkste deel van je boodschap vooraan.) De simpelste test: pak de helft van je verzendlijst en stuur die een versie met snippet. De andere helft stuur je de standaard versie zonder snippet.

Tot slot
Dit werkt zoals gezegd voor Gmail en Outlook. Er zijn vast andere e-mailprogramma’s die ook gebruik maken van snippets. Hotmail, Yahoo en GMX vallen hier in ieder geval niet onder. mocht je er meer kennen, neem een link op in je comment. UPDATE 11/02: op de iPhone kun je bij Yahoo mail en Hotmail accounts ook de snippet zien.

Veel succes!

* Gebruik je Outlook 2003 of later, maar zie je geen melding verschijnen bij nieuwe e-mail? Zo stel je het in: Extra / Opties / Voorkeuren / E-mailopties / Geavanceerde e-mailopties / Vink “Een waarschuwing voor nieuwe e-mail weergeven op het bureaublad” aan.

**Ja printen. Een e-mail ontwerp uitdraaien geeft je een laagdrempelige manier om het ontwerp te kunnen bekijken en te kunnen krassen en strepen waar nodig. Je zult zien dat je tot nieuwe inzichten komt.