Jens Oliver Meiert

Get 15% off on select books on Gumroad—use discount code “testdrive”.

When to Open Links in a New Tab

Post from December 9, 2019 (↻ September 24, 2022), filed under and .

Always open links in the same tab unless doing so 1) could disrupt a process, 2) could risk data loss, or 3) could confuse the user.

This rule is an ad hoc one, yet also one based on industry heuristics like Jakob’s Law and user research around non-HTML links.

It could also be rephrased as follows:

Don’t tamper with hyperlinks unless you are certain to improve the user experience.

This really is it, for default link behavior is good while it’s always smart to keep an eye out for the user.

This really is it even when we run into advice that confuses user focus with self focus, as this recent quote from Web Designer Depot exemplifies:

External links, for instance, should always open in a new browser tab. Your goal in designing a website is to get more visitors to convert. Letting an external link replace your website in the open tab will only decrease the chances of that happening. In some cases, internal links shouldn’t be opened in the same tab either. So, be sure to think about this the next time you add a link to your site.

(This thinking is known to be tempting for novice website owners, yet it makes for a really bad practice.)

Always open links in the same tab, unless you are certain that you help the user. Users know how to open new tabs and windows, and they do so when they choose to.

To regain his “Singing Sword” and seek redress, Prince Valiant has followed the trail of Angor Wrack, the Sea King, to Jerusalem.

Figure: Too busy to be forced to stay on that website. (Copyright King Features Syndicate, Inc., distr. Bulls.)

About Me

Jens Oliver Meiert, on September 30, 2021.

I’m Jens, and I’m an engineering lead—currently manager for Developer Experience at LivePerson—and author. I’ve worked as a technical lead for Google, I’m close to W3C and WHATWG, and I write and review books for O’Reilly. I love trying things, sometimes including philosophy, art, and adventure. Here on meiert.com I share some of my views and experiences.

If you have a question or suggestion about what I write, please leave a comment (if available) or a message. Thank you!

Read More

Have a look at the most popular posts, possibly including:

Looking for a way to comment? Comments have been disabled, unfortunately.

Cover: The Web Development Glossary.

Get a good look at web development? Try The Web Development Glossary (2020). With explanations and definitions for literally thousands of terms from Web Development and related fields, building on Wikipedia as well as the MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.

Stay up-to-date? Learn about new posts by feed or on Twitter.

Found a mistake? Email me, jens@meiert.com.

You are here: HomeArchive2019 → When to Open Links in a New Tab

Last update: September 24, 2022

Professional frontend developers produce valid HTML and CSS.