Understanding HTML DOM For SEO | Advanced SEO – 8

HTML is a language of Tags. In HTML, we have the heading tag, the title tag, the paragraph tag, the division tag, the table tag, and more.

  • Head Tag <head>
  • Title Tag <title>
  • Heading Tags <h1>, <h2>, <h3>, etc
  • The Paragraph tag <p>
  • And a lot more.

To view any web page’s HTML source, right-click on the page and click inspect in the chrome browser.

HTML is laid out in hierarchical manner. This means at the top we <head> then we have <body> then we might have <p> as child of body, then we may have <h1> as a child of <p> and so on.

<body>
	<p>
		<h1> I’m a child of <p> and <p> is a child of <body> </h1>
	</p>

</body>

DOM stands for Document Object Model, it is the source HTML. In a more technical manner, DOM is an interface between the browser and the source. In easier words, we can say that whenever a web page loads, the browser creates something we call DOM or Document Object Model. 

It is the DOM that allows you to make certain queries and get the data. When we will learn JavaScript, we will see how we can pass DOM as a big object to the JavaScript function and get the information we need from it. We can get page title, meta description, images, content and everything else you can see on the web page through DOM.

You can retrieve various HTML elements either through their tag name, class name, IDs, CSS selectors or object collections.

Understanding DOM will become important to you when you will start checking how the browser renders your content and eventually how Google renders your content.

As an SEO, you have to make sure that the most important content of your webpage stays at the top of the DOM.

Another concept that you will hear some experts talking about is the critical rendering path.

Critical rendering path is the series of steps a browser needs to take through the DOM to render above the fold content. Make sure your critical rendering path is short and nothing unnecessary is obstructing it to render above the fold content quickly. 

One way you can optimise the critical rendering path is to defer third-party JavaScript scripts and defer any unnecessary script that is not required for the rendering of above the fold content.

Now, as we are moving into HTML, it is time that we learn about JavaScript SEO. Let’s move ahead.

Leave a Reply

Your email address will not be published.

four × two =