E-mail template tips en trucs: styled ALT Text

Als plaatjes uit staan, gaat een deel van je boodschap verloren. Door Alt-text in te vullen zien je lezers een tekst verschijnen. Beter dan niks. Hier is een slimme truc van Litmus om het probleem met plaatjes die uitstaan nog beter op te lossen met zogenaamde “styled ALT Text”.

Afbeeldingen in e-mail uit? Alt-text invullen!

E-mail stelt andere eisen aan HTML dan webpagina’s. Je hebt voor e-mail zogenaamde “defensieve HTML” nodig. Dit is aanvullende of gewijzigde HTML om ervoor te zorgen dat je bericht in de meeste e-mail programma’s er goed uitziet. Voor het juist tonen van plaatjes, maar ook voor het ondersteunen van “plaatjes uit” is er een defensieve HTML oplossing.

Iedereen weet inmiddels wel dat de meeste lezers (laatste onderzoeken wijzen op tweederde) de afbeeldingen in een e-mail niet aanzetten. Maar moeten we dan besluiten om plaatjes weg te laten? Neen! Geen plaatjes is een slechte oplossing; beeld voegt namelijk wel beleving toe. Om het uitstaan van plaatjes te compenseren hanteren we al jaren alt-teksten en achtergrondkleuren. Maar deze tip gaat over “styled” alt-text. Een fraaie toevoeging. Hiermee bereik je dat, ook als de plaatjes uitstaan, je een net-opgemaakte tekst kunt tonen. Hieronder een voorbeeld.

Toon content optimaal, ook als de plaatjes uitstaan

Als de ontvanger van je e-mail de afbeeldingen niet inschakelt, heb je er nu een methode bij om er ook echt alles aan te doen om je bericht optimaal te tonen. Een simplele, low-cost oplossing om je e-mail template te versterken.

Litmus heeft een een goed artikel hierover geschreven, voorzien van veel plaatjes en voorbeelden.

Nieuw: styled ALT Text

Samengevat komt het hier op neer:

• Voeg op deze manier style toe aan de image-tag

<img alt="Guru Guide E-mail marketing" src="images/guruguide.jpg" height="258" width="200" style="font-family: georgia; color:#697c52; font-style:italic; font-size:30px; background-color:#A1DFF7;">

• Hotmail doet helaas niet mee net als Gmail in Internet Explorer
• Outlook doet ook niet mee
• Alle mobiele platformen zijn oké, behalve… Windows Phone 7.5

> Lees het hele blog-artikel van de specialisten van Litmus

Conclusie: styled ALT Text toepassen op html-templates

Onze aanbeveling luidt als volgt:

1. Pas zoveel mogelijk styled ALT Text toe. De meeste platformen ondersteunen het en het kost relatief weinig inspanning.
2. Voor buttons is het geen oplossing, die moet je nog defensief blijven opmaken. Alleen als je weinig hotmail/outlook adressen hebt, kun je deze methode ook voor buttons gebruiken.

Nog één extra bonus-tip van ons:

• Comprimeer je plaatjes, met name mobiele gebruikers hebben geen geduld om te wachten tot plaatjes geladen worden. Hoe kleiner je plaatjes in kB’s, hoe meer kans dat ze gezien worden.

Heb je andere oplossingen gevonden? Ik hoor het graag.