Authors

Email Marketing

Design Tip of the Week: Email Rendering in Yahoo!

Wednesday, November 18, 2009 by Tana Babcock

Continuing with our Email Rendering series, let’s take a quick look at a few quirks that Yahoo! is known for. Much like Gmail, Yahoo provides two web based clients, Yahoo! Mail and Yahoo! Classic Mail. To change versions of Yahoo!, select from the “Options” drop down on the far right side of the screen.  

Below are some great tips to consider when building your email campaign in order to create the best experience possible for Yahoo! subscribers.



Image Blocking - Alt Tags
Images are blocked by default in Yahoo!. However, Yahoo! does display stylized “alt” tags, so add those to your design when it makes sense to help create brand synergy.
 You can always edit this image-blocking feature in your Mail Options. There are a few choices, “Always show images…”, “Show images only from my contacts”, or “Initially block images”. Personally, I have them turned on by default – but many of your subscribers may not, or may not even know they can edit this feature.

While no Email Service Provider can enable your images to display in an email client that blocks display, services such as Goodmail or CertifiedEmail™ allow email marketers to pay a per-message fee to deliver emails with “images on” to AOL, BT and Yahoo!.

Avoid Paragraph Tags

Yahoo! Mail and Yahoo! Mail Classic do not support the use of HTML paragraph tags <p>. Paragraph tags are used primarily to create space between sections of text. If two sections of text are each contained within paragraph tags the space that normally appear between the paragraphs will not be seen. In order to avoid this, break tags <br> can be used. Two break tags in a row will create the same amount of space between text sections as a paragraph tag.  

Make sure to keep checking back for more useful rendering tips regarding other major email clients!

Related Posts:
Design Tip of the Week: Email Rendering in Gmail
Design Tip of the Week: Email Rendering in Outlook 2007
Design Tip of the Week: Email Rendering in Hotmail

Comments for Design Tip of the Week: Email Rendering in Yahoo!

Wednesday, November 18, 2009 by Amberly Stitzel:
The advice of avoiding the use of paragraph tags is misguided. One simply has to ad a margin-bottom of 1em to the style of the paragraph. Problem solved and you still get the structural markup advantage of the paragraph tag.
Friday, November 20, 2009 by Dominique Elkind:
Agree with Amberly. Break tags do not render perfedtly across all email cleints. Adding a paragraph style of margin-bottom: 1em OR just margin: 0 0 1em 0 will fix this issue in paragraph spacing issue in yahoo and works across clients.

Leave a comment





Captcha