Author: Mike Madden
“Don’t you just love when all of your images get blocked by ISPs?”–said no email marketer ever (unless it was sarcastic).
Luckily, we have ALT tags, which are alternative text tags for images.
An ALT tag is coded text that is visible to the user when an image cannot be displayed. Think of ALT tags as your backup plan. When images don’t download automatically by an email client or the recipient chooses not to open your email, the alternative text will be displayed instead.
ALT tags are important for the following reasons:
Here’s an example of a Marketo email with ALT text. Although images were blocked on Gmail, the ALT text on the Marketo logo image (top left), the three social media buttons (top right), and the header banner reveal what the images would have shown. Even though these images are blocked, it clearly says “Leveraging Psychology in Digital Marketing,” making it clear to the recipient what we’re offering.
So what does the ALT text look like on the back-end? Let’s break it down:
To insert ALT text on an image, just insert alt=”YOUR TEXT GOES HERE” after your img src. Simple, huh?
But let’s not stop there. We can style ALT text using inline CSS as well. This is what styled ALT text looks like:
Let’s break this down:
Here’s the result! Now that looks a little more appealing, doesn’t it?
And finally, once the images are downloaded, the recipient will see this:
And that’s it! With just a few adjustments to your email images, you can have styled ALT text that not only tells your recipients what’s in the email but looks good, too! One more quick tip for you: if you use a marketing automation platform that allows for easy personalization, like Marketo, you can even add tokens into the ALT text to make life a little easier.
So, what other quick tips do you have for using ALT text? Share them below!
The Email Marketing Superhero: ALT Tag was posted at Marketo Marketing Blog - Best Practices and Thought Leadership. | http://blog.marketo.com
The post The Email Marketing Superhero: ALT Tag appeared first on Marketo Marketing Blog - Best Practices and Thought Leadership.
Powered by WPeMatico