{"id":17643,"date":"2020-07-23T08:45:10","date_gmt":"2020-07-23T08:45:10","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=17643"},"modified":"2020-07-23T08:53:40","modified_gmt":"2020-07-23T08:53:40","slug":"how-to-add-noopener-to-all-your-social-share-links","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-noopener-to-all-your-social-share-links\/","title":{"rendered":"How to add noopener to all your social share links"},"content":{"rendered":"\n<p>The rel=\u201dnoopener\u201d is an HTML attribute that can be added to external links. It prevents the opening page to gain any kind of access to the original page. <\/p>\n\n\n\n<p><strong>Follow these simple steps:<\/strong><\/p>\n\n\n\n<p>You will find his option in the&nbsp;<strong>WordPress Dashboard<\/strong>&nbsp;-&gt; Navigate to&nbsp;<strong>AMP option panel<\/strong>&nbsp;-&gt;&nbsp;<strong>Design<\/strong>&nbsp;-&gt;&nbsp;<strong>Social<\/strong>&nbsp;-&gt; Enable \u201c<strong>Social Share links to AMP<\/strong>\u201d option -&gt;  Enable this option to add &#8220;<strong>No Opener All Your Social Links<\/strong>&#8221; and then click on the \u201c<strong>Save Changes<\/strong>\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"463\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/5-1024x463.png\" alt=\"\" class=\"wp-image-17648\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/5-1024x463.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/5-300x136.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/5-768x348.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/5-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/5-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/5-100x45.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/5.png 1222w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id=\"how-do-you-check-if-a-link-is-nofollow\">How Do You Check If a Link is noopener?<\/h4>\n\n\n\n<p>Here\u2019s how to check it a link is  noopener:<\/p>\n\n\n\n<p><strong>1.<\/strong>&nbsp;Right-click on your browser and click \u201c<strong>View page source<\/strong>\u201c.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"524\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/12-1-1024x524.png\" alt=\"\" class=\"wp-image-12747\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/12-1-1024x524.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/12-1-300x153.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/12-1-768x393.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/12-1-50x26.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/12-1-60x31.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/12-1-100x51.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/12-1.png 1359w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>2.<\/strong>\u00a0The rel=\u201dnoopener\u201d stops the new page from being able to access the window.opener property and make sure it runs in a separate process. rel=\u201dnoreferrer\u201d tag do the same thing but also stops the Referer header from being forwarded to the new page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"387\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/4-1024x387.png\" alt=\"\" class=\"wp-image-17645\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/4-1024x387.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/4-300x113.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/4-768x290.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/4-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/4-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/4-100x38.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/4.png 1333w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The rel=\u201dnoopener\u201d is an HTML attribute that can be added to external links. It prevents the opening page to gain any kind of access to the original page. Follow these simple steps: You will find his option in the&nbsp;WordPress Dashboard&nbsp;-&gt; Navigate to&nbsp;AMP option panel&nbsp;-&gt;&nbsp;Design&nbsp;-&gt;&nbsp;Social&nbsp;-&gt; Enable \u201cSocial Share links to AMP\u201d&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17643"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=17643"}],"version-history":[{"count":4,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17643\/revisions"}],"predecessor-version":[{"id":17656,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17643\/revisions\/17656"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=17643"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=17643"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=17643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}