Force new windows on external links?

Don’t force your users to open new windows…. even on external links.

There are many reasons why it is a bad idea and not many reasons to do it.   There are maybe a few special cases where it is ok – but is it ever really necessary?  Personally I like to control the opening of tabs myself – I use the right click frequently at times – when I’m researching I open heaps of tabs, then work my way through them.  That doesn’t mean I want a website to forcibly open those links in new windows for me!   Unless of course it is my webmail or feedreader service – then it’s practically obligatory.

Let us assume we are intelligent enough to adhere to standards and take advice from the experts.  Let us assume we all want

And of course we’d like our plugin developers, wordpress developers, tinymce developers to help us in this mission.   This research was done for my own use to determine what my plugins should do.

Summary:

  • forcing new tabs or windows is bad for usability (seriously, studies have shown it is harmful)
  • it is not recommended for accessibility
  • the methods to do it can cause invalid html
  • some folks think it doesn’t help your analytics (although one site had some thoughts on that)
  • it is not necessary… so why do it?  maybe just indicate an external link? or allow for optional js.

Who says no?

Possible reasons to force a new window on external links?

But I want to keep the user on my site…..

“Marketers love it because it allows them to link to external content without taking the reader off the page.”

This is a reasonable fear for a client to have. The user leaving the site and not being able to get back….In every single usability test I’ve done, opening external content in a new window makes this problem worse – not better.

quoted from the Stack exchange usability forum

Special cases perhaps?

  • webmail,
  • feed readers,
  • long lists of external resources.

If we need to do it, what is best way to deal with external links?

Best ways to handle external links

Indicate the external link.

See how Wikipedia  does it.  It classes links as external with a css class.  That css class is then styled with a background image.  It provides a clear visual clue as suggested here.   The css is something like:

 a.external {    background: 
    url(http://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg") 
    no-repeat scroll right center transparent;
    padding-right: 13px;}

OR

style the rel=”external”

a[rel=external]....

 

Force it open anyway?

If you really truly must force  open a new tab or window on an external link, consider:

target=”_blank” is invalid html

 rel=”external” or rel=”external nofollow”

data-rel=”external nofollow”

WordPress and external links

I’m a wordpress plugin developer.  Sadly at stage of writing there doesn’t seem to be a consistent approach in wordpress. Perhaps it’s tinymc’s fault – can it be configured ?

post author or comment author links in twenty-twelve theme

  • uses “rel=”external nofollow”,
  • but by default there is no js to force a window open

wordpress.org links in meta sidebar or footer

  • no attributes, so not an issue

Links or link manager plugin

  • links are no longer a default feature in new sites, but can be added with link manager plugin
  • option to add target=”” and rel=(but only real relationships), not forced

Links in posts

  • (if added using visual editor’s insert link), then we get target=”_blank” ?
  • it’s tinymce allowing users to select ‘open in new window’ – can it be disabled?

external link plugins

even plugins that aim to help you manage outbound links note that opening new windows may have detrimental effects.  Semilogic suggests users may think you used a pop-under.

 Wordpress related discussions and requests:

 

References:

Accessibility guidelines:

Usability advice on external links and new windows:

Web design advice on target=”_blank”

Contrary Arguments

One argument for new windows on external links, but many comments questioning this advice

Need help discussing with your clients?

Some tips on discussing decisions like these: