Find us at BrightonSEO 25/26 April - STAND 18! Fill your swag bag!

Dealing with Front-end issues?

Crawl your website with Sitebulb for 300+ tech SEO checks

Try for Free

This Hint has been deprecated, and we no longer consider it best practice. In order to get the most accurate audit results from Sitebulb, please ensure you update to the latest version.

Medium This Hint is worth investigating further, and may warrant further attention depending on the type and quantity of URLs affected. Issue This Hint represents an error or problem that needs to be fixed.

Missing <noscript> tag in the <body>

This means that the URL in question uses JavaScript, but does not include a <noscript> tag as fallback in case the user has JavaScript disabled.

Why is this important?

The <noscript> tag defines an alternate content for users that have disabled scripts in their browser or have a browser that doesn't support script.

An example <noscript> tag looks like this:

<script>
document.write("Winter is coming")
</script>
<noscript>Your browser does not support JavaScript!</noscript>

The content inside the <noscript> element will be displayed if scripts are not supported, or are disabled in the user's browser.

What does the Hint check?

This Hint will trigger for any internal HTML URL that does NOT make use of a <noscript> tag, but does use JavaScript. 

How do you resolve this issue?

While the number of users without JavaScript enabled is so small it is probably not worth worrying about, the wider point to consider is that all of your users are non-JavaScript while they wait for JavaScript to download. Rather than implementing a bandaid <noscript> solution to tell users to enable JavaScript, instead think about the experience before scripts are loaded.

Progressive Enhancement is a methodology that attempts to deal with this issue, and is built on the concept that you build the main content of web pages from a core foundation of basic technologies, that are accessible across all browsers, and then layer over more advanced functionality using JavaScript and CSS. 

How strictly your website adheres to progressive enhancement is a topic of debate, but there's widespread agreement that all pages should display at least some information when JavaScript is disabled, even if the content is just an alert to the user that JavaScript is required to use the page.

For pages that absolutely must rely on JavaScript, it is still better to at least use the <noscript> element to alert the user that JavaScript is required for the page. This is better than a blank page, because the blank page leaves users uncertain about whether there's a problem with the page, their browsers, or their computers.

Further reading

Sitebulb Desktop

Find, fix and communicate technical issues with easy visuals, in-depth insights, & prioritized recommendations across 300+ SEO issues.

  • Ideal for SEO professionals, consultants & marketing agencies.

Sitebulb Cloud

Get all the capability of Sitebulb Desktop, accessible via your web browser. Crawl at scale without project, crawl credit, or machine limits.

  • Perfect for collaboration, remote teams & extreme scale.