Blog


Repurpose your Images for Mobile Email

10.19.2011

Read More Design Emails for Mobile Devices

Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing!

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

By Michelle Klann
February 14, 2012
 
 
 

Yahoo! Shortcuts are Baaaaaaaack….

Unfortunately it seems that pesky ruminants of Yahoo! Shortcuts are back! For those of you who are not familiar, Yahoo! Shortcuts once imposed random links around key words within your email to various sites across the web. When Yahoo! Beta came out, we thought we could put those days behind us but we might have celebrated a little too soon.

The good news is that the new behavior is not quite as frustrating because they no longer link to random sites that you may or may not want your readers visiting. However from a coding standpoint, it's equally as troublesome.

So what's the "New" behavior?

Now-a-days, Yahoo! seems to target key words or key word combinations - generally within links of your email. It inserts a span within your link with a class of "yshortcuts" - which renders a blue color.  On hover, it renders with a background color and a dotted bottom-border as shown below.

So this:

<a href="http://yourdomain.com ">Kitchen Appliances</a>

Might get converted to:

<a href="http://yourdomain.com "><span class="yshortcuts">Kitchen Appliances</span></a>

Wheras this:

<a href="http://yourdomain.com ">click here</a>

Might slip under the radar.

So what's the fix?

Add this to your embedded CSS:

span.yshortcuts { color:#000; background-color:none; border:none;}
span.yshortcuts:hover,
span.yshortcuts:active,
span.yshortcuts:focus {color:#000; background-color:none; border:none;}
/*add your styling accordingly*/

Another fix is to add a span tag inside each anchor with an inline style:

<a href="http://yourdomain.com "><span style="color:#000">Kitchen Appliances</span></a>

But this will not resolve the hover issue.

Other Side Effects

We've also noticed a glitch when Yahoo! Shortcuts comes into contact with street addresses which results in duplication of content. To learn more on that, check out this article: Stop Yahoo from Displaying your Email Twice

Have you noticed anything strange about Yahoo!? If so, feel free to reach out to our customer support or post your comments below.

Cheers all and happy testing!
Michelle (Miki)

Comments

I saw those shortcuts this weekend when testing an email and was like Yahoo! Come'on Mannnnnnnnnnnn its 2012 leave other peoples content alone dammit.

Thanks for the tips on how to put the handcuffs on yahoo! shortcut links.
By B. Moore on 02/15/2012

Hello, it seems that adding this line in your style bloc (head of your html e-mail template) works fine :

a, a span {color:#000;background-color:none;border:none;}

best,
By viadeo on 02/27/2012

I just noticed these today... changing the style of them seems pretty straightforward, but it's the actual linking that bothers me, potentially taking a person away from my marketing. Is there a way to disable the shortcut links?
By Mike on 03/02/2012

Hey Mike,

Unfortunately we don't know of a way to disable them.

In our testing we haven't come across a case where the new Yahoo Shortcuts were directing traffic away from your intended websites. Are you saying that you have seen this? If so, feel free to share your text sample and we will investigate further.

Miki
By Michelle Klann on 03/02/2012

Here is the fix: Click on the settings cog next to the applications in the left hand column, then remove the new "Yahoo! Shortcuts By: ysearchdev" done !
By Foo on 03/08/2012

@Michelle

I have see Yahoo! reverting to old behaviour where it inserts links in to text that was not originally a link. The text is styled like the yshortcuts above but the link goes to search results.
By Robert Uridge on 03/14/2012

That's a great read, short yet effective! Liked to know about and thank you for sharing your efforts.
By Texas Printing Companies on 03/19/2012

Since we have many different link styles, the solution that worked for me was an inline span style in between the <A> tags that duplicated the style that was already in the <A> tags. Then it worked across email clients.
By lpomper on 04/20/2012

Share Your Comment

Name:
Email:
Location:
URL:

Comment:

Remember my personal information
Notify me of follow-up comments?

Please enter the word you see in the image below:



Share/Save/Bookmark

If you haven't signed up yet, give our FREE online Email Test a try. Just drop in your code and we will instantly simulate your email in the most popular email clients!

Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing!

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

Follow us on Twitter Become a Friend on Facebook Subscribe to our Blog Digg Us! Recommend on StumbleUpon