Tag Archives: SEO

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.

 

3 Techniques on How to Optimize Your Website for Multiple Keywords

How-to-Optimize-Your-Website-for-Multiple-Keywords

With so many updates, nowadays SEO puts more priority on context. This makes context is above keywords. But, this doesn’t mean that you will neglect keywords relevancy and authority. Therefore, as a SEO engineer who works for SEO service, you have to understand and combine what Google wants and what users want.

If you assume that Google will understand the context of your content while you build a strong brand and positive user experience, you will still have to consider about the hierarchy of your content, how to organize it, and how to build context that can rank for multiple keywords, so that it will meet your conversion goals. Below are several tips on how to optimize and focus on keywords.

  1. Know Your Current Content

After determining your conversion goals, you may need to set your analytics house, and conducted keyword research, then you’re ready to organize your keyword data into meaningful topics. Instead of stemming or use all of the literal variations of the terms and its plural or singular versions, you can find sets of terms on the same topic and group them together.

Usually we often fall into the most general topics of the niche or industry when running an e-commerce site. Most B2B sites follow a pattern as well with top-level business industry terms, product or service categories and the products or service themselves.

As keywords grouped into topics, so it is possible to take the important next step of mapping your keywords to existing pages of content or conducting a content audit. As the first step you can run a crawl of the existing site structure with screaming Frog, download the HTML page results into Excel, and then get to work putting topics and terms out to the side of specific pages.

When you know you have content gaps and need to create more, that’s when you can turn around and quickly search to see which websites own the top of the SERPs for those topics and draw inspiration (without copying them) for ways to fill the gaps with your own content and draw inspiration for ways to fill the gaps with your own content and make decisions based on priority.

  1. Optimize Site Architecture

Even though, you can start once you know where you stand with content, then having a plan for filling gaps but first you need to figure out how to organize the content. This means balancing user experience, with product/service offerings and topical keyword search volume. Moreover, build out your site hierarchy working top to bottom going from most general to most specific. Even though, mostly sites are already built this way. However, site navigation and structure is often dictated by an internal or organizational view when SEO isn’t involved.

Besides, you are able to cast a wider net in terms of rankings and visibility, by taking an approach that looks at essentially any page at any level on the site as an entrance point and landing page for one or more topical keywords. In fact, all of your efforts will destruct your message, when you try to rank for too many terms with a single page or section of the site.

  1. Do Your On-Page Optimization

It is surprising that there are so many SEO campaigns that neglected the basics of on-page optimization. In fact, these SEO basics still apply. However, you need to look at it deeper than just trying to merely produce content and organize it well top to bottom in the site. Besides, you need to ensure proper categorization, when you’re building context for the user and Google. Another power in the on-page variables is having all factors working together with architecture and on-page optimization.

7 Common On-Site Search Mistakes and How to Fix Them

Common-On-Site-Search-Mistakes-and-How-to-Fix-Them_ywf

Search function is necessary in any website; therefore, you need to be more careful as search function could be damaging your conversion rates. However, when it is well optimized, you can enhance the search function, the usability and enjoyment of your site. As a web developer, you surely want more users enjoy your site, right? Learn how to optimize on-site search and avoid the common mistake that may occur.

It isn’t Visible
First, make sure that your search form isn’t invisible. Creating a search form that is hard to find will frustrate your users. So, ideally your search bar should be located near to the top and left side, the closer, the better. While the search box might not be the first thing that users will see, but you need to be smart to know where you can place it. The right location should be within normal reading patterns.

It isn’t Easy
Anything that places an obstacle between your user and completing their search detracts from its accessibility. So, make sure that any text would disappear once the user starts typing. On the other hand, it is important to increase the accessibility of your search bar include cosmetic changes like color use and text readability. Then, make sure they are sharp and contrasting.

Auto-Suggestions Aren’t Provided
With auto-suggestions, you can speed up the search process significantly for the user, especially if you offer multiple models or versions of a core product. In fact, the less time users must spend typing in their query, the longer they can spend engaging with the content they’re trying to find.

The 404 Isn’t Helpful
You can maximize the usage of 404 pages. It can be useful and beneficial for your users. For instance, you can place links to main directories, offer suggestions for reworking the search query, or direct them to your contact page. The point is to offer solution or answer to your users.

Results Aren’t Straightforward
It is important to create familiar and dressed down search result pages. Hide the bells and whistles of your engine under an advanced search link and, if possible, have the search menu expand without leaving the page. Make sure that the search results landing page is easy to read on first pass, providing legible, plain fonts, and clean composition so that results can be assessed individually.

Filters and Sorting Methods are separated
Since users don’t want to perform any additional work, ensure that sorting options, such as date, popularity, and etc. can be accessed from the same page. Place the options on the top left corner at the start of the search results to increase visibility.

No Search Variation
Always provide your users with variation search results. For example, when a user types “black dress”, you can offer them with alternative search query options and results (such as “black” and “dress”) in separate sections.

By this way, Google can provide closest equivalent, even if you don’t have the product or information they’re looking for. Providing something close, even if not exactly what they searched is more beneficial than an empty results page.