Noscript tags - what are they?
JavaScript enables the implementation of various solutions, however, it may also increase your website loading time, thus, it has to be applied moderately. It’s also crucial to take into consideration cases when the Internet user's browser doesn't support JS or the functionality is disabled. Here, defining alternative content will solve the problem. Frequently, website content can be manipulated with JS - without JavaScript, it may not be displayed at all. In this situation, it’s crucial to benefit from noscript tags. If you want to see website elements shown to users who don’t have JavaScript, you can do it in a number of ways. In Chrome, do it in the following way: 1. Select "Settings". 2. Click "Privacy & Security." 3. Click "Site Settings". 4. In the JavaScript section, change to "Don't allow sites to use JavaScript." The same can be done in a different way:- Click F12.
- Click F1 or Settings.
- Uncheck JavaScript.
- Click F5 or refresh the page to see the results.
Where should you place noscript tags on your website?
Locations where it’s beneficial to apply noscript tags include:- sliders - meaning carousels that display images on the page;
- sections like an accordion - they’re usually encountered in FAQ sections where it’s possible to unfold answers to questions;
- pagination - “see more” sections that complement page content.
However, keep in mind that doing it improperly can do more harm than good, therefore, if you have any doubts or you aren’t familiar with the field, consult a specialist.
Noscript tags vs. SEO
Google algorithms are becoming better and better at JavaScript indexing, however, it’s hard to expect that they’ll do it as well as in the case of HTML language. Theoretically speaking, the noscript tag should make it easier for algorithms to understand the content. But is it really the case? Does Google index the tag content? As stated by Maile Ohye, a former Google support engineer, Google analyzes the content of noscript tags. However, they should accurately reflect the content of JS scripts, otherwise, the bot may perceive them as cloaking. The diagram showing how Google processes JavaScript: [caption id="attachment_42442" align="aligncenter" width="750"] Source: https://developers.google.com/search/docs/advanced/javascript/javascript-seo-basics?hl=en[/caption] Does it mean that if Google indexes noscript content, you should always place alternative content in the tag to make sure that it’s indexed? Not necessarily - incorrect use of this solution can have negative consequences. Perhaps you’ve visited websites that asked you to enable JavaScript to fully benefit from their potential. If you apply noscript tags in the wrong way, such a message can appear on each of your subpages. Then, Google may consider this sentence one of the most popular phrases on your website. And you certainly don’t want some random content to be displayed everywhere on your site. It would definitely have a negative impact on your domain authority. Moreover, as a result of this situation, Google might display the content of the noscript tag in rich snippets or in the meta description. This, in turn, may negatively affect your conversion rate as users will notice that a visited subpage doesn’t contain content they’re looking for. Search engine robots may also decide that all your subpages include the same content. Consequently, Google may display only one website element and dismiss the remaining subpages.How to use noscript tags properly?
Follow these rules:- Don’t use the same noscript tag on all or numerous subpages.
- If you want to display the same element every time, provide the message in the form of an image. This way, Google won’t index the same text on every subpage.
- Make sure that the content of noscript tags corresponds to elements of JS.