Outgoing Links
Martijn van Welie
External links
Offsite links
Users need to know when links will take them away from the current site.
From Wikipedia
Most websites use a combination of internal links and external links. However, when the majority of the links are internal, the external links become the exception, for example in a . In contrast, in a or the balance is usually towards external links. So when links to external pages on other sites are not the norm, it is good to tell people that the link they are about to click will take them away from the site they are browsing.
Mark links to external sites with an icon after the label
Mark the links by adding an icon after the link label. When outgoing links are selected a new window is opened. Usually the icon is a combination of an outwards pointing arrow and a shape, for example:
Sometimes the meaning of the icons is explained in the .
By adding an icon, or other kind of marking, users know that such links are different and what to expect when they click on them. Marking the link will not solve any major usability issues with your site but it will subtly manage expectations of users as they browse the site.
This example is from CNN.com:
This example is from CNet News.com:
Other sites include Gmail, Randombit and many others.
Iconize links in CSS
External links icons the CSS way
External links icons the CSS way
External links and the Web Content Accessibility Guidelines 1.0
www.microsoft.com; www.asktog.com; www.cnn.com