Email Marketing Voodoo - MindComet

May03

outlook 2007, alt text, background color

Background Colors Can Help Improve Your Open Rates

Take a look at this example from Simple Shoes.

The default background colors alone—not the alt text—compelled me to display images. Which is not to say that alt text isn’t important… this email has alt text within the main call to action, which reads “Collect: Our Friends Over At Good Magazine Took Over Our Blog And Left Us With Some Really Great Stories. Check Out What They Have To Say About Water Waste, Music And Earth Day.“ but this was too long for most email clients to render. Another lesson learned in brevity with alt text.

Regardless, this email succeeds where most fail in terms of readability and eye-catchiness in email clients who block images by default.

I received this in my Gmail inbox and after testing in other major clients, this email looks the same in all but ONE email client. Can you guess which one doesn’t display correctly? Give up? Ok…

Outlook 2007:

Can’t win ‘em all, I guess.

Not every email campaign or brand can get away with using color this liberally, but most can at least try. Always remember to test your email with images off, as the majority of desktop and web clients don’t render them by default.

View Comments

Posted by Bryan Quilty on May. 03, 2011

+ 6

Gravatar

Nice. It’s a shame since the email could have had plenty of text in it. But it’s definitely one way to make lemonade out of one giant image of a lemon.

Posted by Tommy on 05/17/2011 01:45 PM

Leave a comment

Notify me of follow-up comments?

Oct05

rendering, email clients, alt text

Quick Tip About ALT Text

I learn something new just about everyday through Ros at CampaignMonitor. This time, regarding ALT text. If your ALT text exceeds the width for the image with some email clients, that alt text will fail to show up. Those email clients include Windows Live Mail, Yahoo! Mail, iPhone, Gmail and Apple Mail. So keep your alt text short and sweet.

If you aren’t already, take the extra effort to style each main image with ALT text. Make ALT text of the corresponding header graphic larger with a color that coincides with the background color of said image. This really is basic stuff that’s simply overlooked most of the time. And don’t wrap header tags around the images with more pronounced ALT text. This causes rendering issues in some clients, so stick with basic CSS styling.

View Comments

Posted by Bryan Quilty on Oct. 05, 2010

+ 1

Gravatar

Thanks for the awesome mention, Bryan! The long ALT text issue was news to me when I came across it - glad to know you found this tidbit of design advice to be useful, too.

Posted by Ros Hodgekiss on 10/05/2010 05:17 PM

Leave a comment

Notify me of follow-up comments?

iOS Mail might be breaking your beautiful email layouts! http://t.co/EKrlE384 <- Find out how to defeat autolinking in iOS Mail.

Dec. 21, 2011 4:51 PM

@emailvoodoo