Google’s John Mueller suggests putting JavaScript code under the HTML header tag to make sure search crawlers can totally perceive your web site.
Mueller shares this recommendation in a Reddit thread, the place a person asks whether or not HTML code placement might trigger search engine optimization points.
The reply is sure; the position of HTML code might adversely impression your search engine optimization efforts if it doesn’t seem on the high of the web page.
Extra particularly, it’s vital 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 web site correctly.
Any JavaScript code must be positioned under the HTML headers.
To ensure that the JavaScript isn’t interfering with the <head> part, Mueller recommends utilizing the rendering instrument in Search Console:
“The html headers (<head>) should be pretty much on top. I’d move any JS to below the HTML headers, and check with the rendering tool in search console that the JS doesn’t mess up the <head> section.”
Concerning the primary content material, Mueller says its placement is much less vital, 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 search engine optimization?
When designing an internet 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 masses, leading to a poor person expertise.
By putting the JavaScript on the backside of the web page, the HTML may be rendered first, permitting the person to view the content material whereas the JavaScript masses 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
