Google’s John Mueller suggests inserting JavaScript code under 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 consumer asks whether or not HTML code placement might trigger search engine optimisation points.
The reply is sure; the position of HTML code might adversely influence your search engine optimisation 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 knowledge that Google must learn your website correctly.
Any JavaScript code must be positioned under the HTML headers.
To guarantee that the JavaScript isn’t interfering with the <head> part, Mueller recommends utilizing the rendering device in Search Console:
“The html headers (<head>) must be just about on high. I’d transfer any JS to under the HTML headers, and examine with the rendering device in search console that the JS doesn’t mess up the <head> part.”
Relating to the principle 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 data 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 optimisation?
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 consumer expertise.
By inserting the JavaScript on the backside of the web page, the HTML could be rendered first, permitting the consumer to view the content material whereas the JavaScript hundreds within the background.
Moreover, you’ll be able to stop exterior JavaScript recordsdata from blocking the rendering of the web page utilizing the async or defer attributes.
Supply: Reddit
Featured Picture: StockEU/Shutterstock
