Tag Archives: WP

What’s rel=”noopener” in WordPress & How to Remove It

wordpress

When you upgrade your WordPress to 4.7.4 version or newer, you will notice a new tag rel=”noopener”. It is located alongside the target=”_blank” tag in the HTML editor. When you make them open in a new tab, the tag is automatically added to all internal and external links.

As a web developer, you may be wondering what this tag does? Does it affect your websites negatively in any way? So, in this article we will discuss what is rel=”noopener” in WordPress and how to remove it. If you curious about rel=”noopener”, you better check this out!

What is rel=”noopener”?
Even though, it may sound a bit suspicious, but it is actually a security fix that prevent malicious links from taking control over an opened tab. Usually, window.opener Javascript object is used to control a parent window using a child window. With this feature, hackers can switch user’s currently opened website with a fake one and steal information, such as login details. Therefore, to prevent this, rel=”noopener” blocks the use of the window.opener Javascript object. If window.opener does not work, then a tab can’t control another tab.

In fact, on 23rd November 2016, this security fix was added in TinyMCE plugin. Actually, WordPress uses TinyMCE as its text editor; it also got updated with this feature in WordPress version 4.7.4.

Is It Bad for your Website?
You may relieve as it doesn’t have any bad impact to your site. Some WordPress users may be making all internal and external links “nofollow”, which cause bad score for SEO. But, the fact is rel=”noopener”is just an instruction for the user’s browser to cease the use of the window.opener Javascript object.

This is because SEO relates to search engines and they don’t interact with rel=”noopener” tag. It works the same for analytics software that completely ignores this tag.

At first, this might have been a bit of a problem when WordPress added rel=”noopener noreferrer” tag before the fix was released with WordPress version 4.7.4. In the older version, “noreferrer” blocked the link from knowing where it actually came from.

Even though, it may not affect your SEO, but it may affect some of the analytics tools and affiliate programs. However, in WordPress latest version, “noreferrer” tag has been removed , so you should have no problem with rel=”noopener” tag. SYou only need to make sure you have updated to the latest version of WordPress.

How to remove rel=”noopener”
As it is stated above, rel=”noopener” doesn’t affect SEO. It also has no impact on analytics tools, and affiliate links also won’t break. It works to protect your users from any potential malicious links that could hijack their tabs. In fact, it only will stop when you want to use the window.opener Javascript object for any purpose.

As it is integrated into the WordPress text editor, removing rel=”noopener”can be a bit difficult. Moreover, it will be added back again when you save the document, Even if you manually remove it from the HTML code. So, the best solution is to disable this feature from the TinyMCE plugin itself.

However, you may need to add some lines of code in the functions.php file of your WordPress theme. In the functions.php file, copy and paste the below mentioned code and save it:

// Note that this intentionally disables a tinyMCE security feature.
// Use of this code is NOT

recommended.add_filter(‘tiny_mce_before_init’,’tinymce_allow_unsafe_link_target’);

function tinymce_allow_unsafe_link_target( $mceInit ) {
    $mceInit[‘allow_unsafe_link_target’]=true;
    return $mceInit;
}

This will stop WordPress from automatically adding rel=”noopener” tag in your posts. But, you may need to mannually remove the added tags from posts saved after WordPress 4.7.4 update.

 

In Summary
Even though, it may sound suspicious but you have nothing to be afraid of on the rel=”noopener’ tag. It will secure your website visitors. But, you should embrace this new edition of security feature, if you want to use the window.opener feature.

 

Experience a New Way to Design WordPress Visually with Elementor Page Builder

elementor-page-builder

As a web designer, you will notice that the main differentiator between Elementor and other page builder is template library. This template enables you to work faster and more efficient. So, here are two unique benefits that these features mainly hold:

The Ability to Save Your Collection of Designs
Most of the time, you will see that the work of creating websites usually includes some repeating tasks. This is because a website designer somehow will need to reuse some elements in her previous design.

But don’t worry as with Elementor’s template library, now designers can save any page or section they create. Besides, they can reuse the previous design with a click of button on the same site or any other site.  Furthermore, they can customize the color, typography and design to give it unique touch after adding the saved template.

Using Predesigned Templates
You can also find a set of beautifully predesigned templates and UI kits. These templates will help inspiring a new design as it covers a wide range of subjects. They are architecture, restaurants, fitness and more, and also include different pages: landing pages, homepages, services, contact and about. In fact, the amount of templates will keep increasing in the future, so you will never be lack of ideas.

In addition, you can also experience many interesting features. As the team at Elementor recently released the Pro version of Elementor, such as follows:

  1. Live Forms – The first ever frontend form builder that lets you create any form right on the live editor.
  2. Posts & portfolio – These two handy widgets let you display your posts and works in the most beautiful and diverse ways.
  3. Slides – A speedy, easy to use slider widget that helps you create rotating slides much easier.
  4. Global widget – An advanced feature that lets you place widgets on multiple areas across your site. Change it once, and it instantly updates in all areas.
  5. Embed anywhere – With this feature you can embed Elementor inside sidebars, footers, posts, using the WordPress widget area, the Customizer or shortcodes.
  6. Custom CSS – This feature lets you add custom CSS to sections, columns and widgets, and see it render live.