Deze interessante nieuwsbrief zat verleden week in mijn mailbox.
Als dat geen aanleiding is om door te klikken. Die vormgeving. Die boenk-erop titels. Die wervende teksten.
Wat is hier aan de hand?
De Standaard maakt hier een absolute beginnersfout: afbeeldingen in een nieuwsbrief zonder in de html-code de hoogte en breedte van die afbeeldingen mee te geven. Gevolg: Outlook (tot spijt van wie het benijdt het meest gebruikte e-mailprogramma) weet niet wat doen met die afbeeldingen, maakt er een standaardbreedte en -hoogte voor vrij, en weg is je lay-out. De snelste weg naar de map ‘Verwijderde items’.
Wat hebben we vandaag geleerd?
- Geef bij elke afbeelding hoogte en breedte mee in de html-code.
- Test je mailing. Niet op je eigen pc maar op die van tante Julia en nonkel Gerard.
- Test het nog eens. Zeker als het gaat om een nieuwe template of een nieuw programma. Bij minstens 10 verschillende mensen en in alle populaire mailclients.
BartGysens says
En dan te weten dat Microsoft aankondigde dat ze Word gebruiken om de HTML-mails te lezen > op weg naar de open standaarden?
Leve de textuele mails of althans de dubbele aanbieding ervan.
Mijn Mac prefeert liever de platte tekst (btw: de inhoud is vaak ook veel beter 🙂 )
Toon says
In MailChimp (en andere diensten waarschijnlijk ook) heb je een ‘inbox testing’ module waar je je nieuwsbrief in verschillende web- en andere mailclients kan (laten) testen. Niet gratis, maar wel bijzonder handig. HTML mails maken blijft een zwarte kunst, een alchemie van proberen, testen, geheime truukjes, enzovoort. Word als HTML-renderer doet daar geen goed aan.
Stefan Van De Velde says
het enige wat zou moeten gebeuren is dat iedereen een email standaard overeen komt voor html emails en dan is dat gezever voor eens en voor altijd gedaan
maar ja MS zegt, kust ze, wij doen lekker verder met Word, want onze klanten verwachten die customer experience die ze van onze Office gewoon zijn (zo stond het letterlijk in een blogpost van iemand van MS als antwoord op de Twitter heisa rond OUtlook/Word)
en de anderen slagen er ook al niet in om een standaard af te spreken onder mekaar
over text email, beelden zeggen nog altijd veel meer dan duizend woorden
een simpel logo bovenaan of onderaan uw email met een link naar de homepage is vaak al een klikbom in een mail om maar één voorbeeld te geven
Béate Vervaecke says
Ben niet zeker dat het aan een image zonder gedefinieerde breedte ligt, want dan zou je nog altijd de toplink zien om door te klikken naar de online versie.
Ofwel was de nieuwsbrief echt leeg, ofwel is er in de html iets fout gegaan waardoor de ganse mail niet rendert.
Karl Gilis says
@ Béate
* De nieuwsbrief is niet leeg (kijk naar de schuifbalken in de screenshot, wie heel veel naar rechts scrollt in zijn mailbox krijgt de inhoud te zien)
* Het gaat wel degelijk om het niet definiëren van een afbeelding. En wat voor een: een spacer.gif. Die blijkbaar zelfs voor de toplink komt.
* Oké, het is ook pruts html-code.
* Gisteren had ik de nieuwe versie in de bus. Zelfde fenomeen.
@ Stefan
Tja, we zullen er toch mee moeten leren leven. Je kan klagen en zagen op Microsoft, maar om succesvol te zijn zal uw nieuwsbrief in de eerste plaats goed moeten werken in elke populaire e-mail client. Daar gaat gebruiksvriendelijkheid om.
Stefan Van De Velde says
oh maar onze mails zien er goed uit hoor
met hetzelfde programma gemaakt als De Standaard trouwens 🙂
alleen zou mijn werk 10x rapper gedaan zijn als de heren het aub eens zouden willen worden over een moderne standaard om html mails weer te geven
innovatie ipv stil blijven staan, daar gaat het eigenlijk om ten gronde
zou trouwens de weg vrijmaken voor heel wat leukere mails volgens mij
heeft de web2.0 websites ook geen windeieren gelegd de xhtml/css/javascript combinatie en daar zijn heel wat leuke dingen uit voort gekomen
nu bon, als je het antwoord van MS gelezen hebt, dan weet je dat het hen worst zal wezen en dat we nog minstens een paar jaar met zijn allen qua mail zullen blijven stilstaan in de oertijd van de geneste tabellen
en dus ploegde de boer voort …
Joggink says
Er bestaat een handig overzicht over wat wel en niet wordt ondersteund:
http://www.email-standards….
Kris Heirman says
Less is more 🙂
Geert (myMailMarket) says
Zelfs als je in je HTML expliciet hoogte en breedte opgeeft, durft Outlook de image nog uit te rekken naar zijn originele hoogte en breedte. We raden onze klanten dan ook altijd aan de afbeeldingen vooraf op de eigen pc te herwerken naar de gewenste hoogte en breedte.
@Toon: de betalende preview module in Mailchimp is niet iets specifieks van Mailchimp hoor, dit is ontwikkeld door ReturnPath. Ook andere email pakketten hebben dit