John Mueller, who is Senior Search Analyst at Google gave a useful tip to all developers with which SEO optimization of sites would be quite good, writes Search Engine Journal.
He suggests that the HTML section of the <head> element should be “clean” to ensure that search engines can fully understand the website in question.
Mueller shared this advice in a Reddit thread, where a user asked a question about whether pasting HTML code could cause SEO problems.
In fact, the answer is that it can. The placement of HTML code is in danger of adversely impacting good SEO efforts if it doesn’t appear at the top of the page.
John Mueller uses the term HTML Headers. But the <head> element isn’t ordinarily referred to that way.
-
- HTML Headers are generally understood (as informal jargon) to reference the <heading> element (H1, H2, H3, etc.).
Header Elements are a specific HTML element known as <header>, which contains the menu, logo, etc .
Head HTML element is a section at the top of the HTML document with metadata about the document itself (title, meta description, etc.).
So when Mueller references “headers” he is specifically discussing the <head> element.
Mueller’s goal is to emphasize the importance of keeping the <head> section of the HTML document tidy and not cluttered with scripts that can be placed elsewhere.
“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.”
he further advises.
In his view, the placement of the main content is not that important, although it’s crucial that the <head> section is clean and well-organized for Googlebot to understand it properly.
“For content, it doesn’t matter that much, but since the header material is for machine-readable information that has been verified to be in a specific part of the page, it really needs to be clean at the top.”,
Mueller continues.
When creating a website, it is best to use the async and defer attributes in a strategic way that allows for the best rendering and interactivity at the fastest page speed for users. The reason for this is that JavaScript can slow down the rendering of the webpage while it loads, resulting in a poor user experience.
HTML can be rendered first, and this allows the user to see the content while JavaScript loads in the background with the appropriate use of the defer and async attributes.
