December 11, 2024
Transfer JavaScript Under HTML Headers

Google’s John Mueller suggests putting JavaScript code beneath the HTML header tag to make sure search crawlers can absolutely perceive your web site.

Mueller shares this recommendation in a Reddit thread, the place a person asks whether or not HTML code placement may trigger website positioning points.

The reply is sure; the location of HTML code may adversely influence your website positioning efforts if it doesn’t seem on the high of the web page.

Extra particularly, it’s necessary to maintain the <head> part of the HTML doc on the high of the web page. This part ought to comprise the data that Google must learn your website correctly.

Any JavaScript code must be positioned beneath the HTML headers.

To guarantee that the JavaScript isn’t interfering with the <head> part, Mueller recommends utilizing the rendering software in Search Console:

“The html headers (<head>) must be just about on high. I’d transfer any JS to beneath the HTML headers, and test with the rendering software in search console that the JS doesn’t mess up the <head> part.”

Relating to the primary content material, Mueller says its placement is much less necessary, although it’s essential for the <head> part to be clear and well-organized so Googlebot can correctly perceive it.

Mueller continues:

“For the content material it doesn’t matter as a lot, however for the reason that head stuff is for machine-readable info that’s verified to be in a particular a part of the web page, it actually must be clear on high.

Down with JavaScript! (within the <head>)”

Why Does The Placement Of JavaScript Matter For website positioning?

When designing a web site, it’s greatest to incorporate JavaScript code on the backside of the HTML doc close to the closing </physique> tag.

That’s as a result of JavaScript can delay the rendering of a webpage whereas it hundreds, leading to a poor person expertise.

By putting the JavaScript on the backside of the web page, the HTML will be rendered first, permitting the person to view the content material whereas the JavaScript hundreds within the background.

Moreover, you possibly can forestall exterior JavaScript information from blocking the rendering of the web page utilizing the async or defer attributes.


Supply: Reddit

Featured Picture: StockEU/Shutterstock