{"id":25770,"date":"2024-09-26T21:33:51","date_gmt":"2024-09-26T11:33:51","guid":{"rendered":"https:\/\/digitalnomadshq.com.au\/?post_type=glossary&#038;p=25770"},"modified":"2025-12-22T16:46:58","modified_gmt":"2025-12-22T06:46:58","slug":"noopener","status":"publish","type":"glossary","link":"https:\/\/digitalnomadshq.com.au\/glossary\/noopener\/","title":{"rendered":"Noopener"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">What is Noopener?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The term \u201cnoopener\u201d refers to the <code>rel=\"noopener\"<\/code> HTML attribute added to links that open in a new tab or window for security purposes. This attribute provides an added layer of security by preventing the website you\u2019re linking to from gaining control over the browser tab through the <code>window.opener<\/code> property. Without the \u201cnoopener\u201d attribute, a third-party site could potentially manipulate the page that opened it, posing security risks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s an example of how it appears in HTML code:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em><code>&lt;a href=\"https:\/\/example.com\" rel=\"noopener\" target=\"_blank\"&gt;Visit Example&lt;\/a&gt;<\/code><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this case, if you were linking to a blog post or external article and wanted it to open in a new tab, using <code>rel=\"noopener\"<\/code>. This ensures that the target page cannot access or control the window that originated the link. This is particularly useful when linking to untrusted sites (which you should avoid).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Importance of Noopener<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Without the <code>rel=\"noopener\"<\/code> attribute, a linked website could potentially take control of the browser tab where the link originated and redirect it to malicious sites, such as phishing pages. This could lead to the theft of personal data or the installation of malware.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By adding the &#8220;noopener&#8221; attribute to <a href=\"https:\/\/digitalnomadshq.com.au\/glossary\/external-link\/\">external links<\/a>, you protect your website visitors from this security vulnerability. It\u2019s a simple way to improve user safety without affecting your site\u2019s SEO, making it a safe addition to all external links.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Since 2017, WordPress has automatically added this attribute to links that open in a new tab or window (it&#8217;s best practice to manually add it to all external links, regardless of the platform you&#8217;re using).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fortunately, since 2020, most modern browsers treat links that use <code>target=\"_blank\"<\/code> as if the <code>rel=\"noopener\"<\/code> attribute is already in place, further ensuring user safety by default.<\/p>\n","protected":false},"featured_media":0,"parent":0,"template":"","meta":{"_acf_changed":true,"content-type":""},"class_list":["post-25770","glossary","type-glossary","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/digitalnomadshq.com.au\/wp-json\/wp\/v2\/glossary\/25770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalnomadshq.com.au\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/digitalnomadshq.com.au\/wp-json\/wp\/v2\/types\/glossary"}],"wp:attachment":[{"href":"https:\/\/digitalnomadshq.com.au\/wp-json\/wp\/v2\/media?parent=25770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}