DEV Community

Cover image for HTML For SEO
Mohammad Arman
Mohammad Arman

Posted on

HTML For SEO

Do you know Search engines use HTML to get the info about the pages and rank them in SERPs (Search Engine Results Pages).
Don't worry! If you didn't know that we are going to cover that in our Html for SEO guide, and it includes:

  1. What is HTML
  2. Uses Of HTML
  3. What is SEO
  4. Basic HTML Tags for SEO
  5. Conclusion

What is HTML

Tim Berners-Lee, and Robert Cailliau, first created HTML in 1994. HTML is an acronym used for Hypertext Markup Language.

HTML is used for creating webpages with functionalities such as audio, video, link, headings, tables etc. In Html, everything can be marked by syntax (tags and attributes) such as tag, which keep the post as an article.

Uses Of HTML

HTML is used on Almost all webpage because it provides structure to the document. Without a Structure, a document can't stand on its own.

So let's see some uses of HTML:-

  • Structuring Web Pages
    Almost all webpages use HTML to give structure to it. And you know, a web page can't stand without a basic structure.

  • Embedding Visual Media
    Html can also embed Visual media such as Audio or Video via Audio tag and Video tag. Developers used Flash to embed these types of visual media in the past. But now, with HTML5, anyone can embed them without using Flash.

  • Navigating the Internet Via Link
    HTML can also link any web page via an anchor tag. The basic anchor tag looks like this -

<a href="https://google.com">Google</a>
Enter fullscreen mode Exit fullscreen mode

What is SEO

SEO is an acronym used for Search Engine Optimization. The term Search Engine Optimization was Coined By Bruce clay, also known as the Father of SEO.

It is a process to improve the quality and quantity of traffic to a website.

In SEO, Webmasters have to optimize their websites with various aspects of SEO such as On Page, Off page and technical side.

On-Page Seo covers page aspects such as title, meta description, use of keywords etc.

Off-Page Seo cover things that are off the page, Such as Backlinks, anchor text analysis etc.

Technical Seo Covers things such as Robots.txt creation, sitemap etc.

And after then, a crawler or I say a bot crawls their website and then submits them in their index, and after, the search engine uses some algorithm to rank those pages on relevant queries.

Basic HTML Tags for SEO

To optimize our Seo, we should know some basic HTML tags essential for all Professional SEOs.

  1. Title Tag
  2. Meta Description
  3. Meta Keywords
  4. Heading Tags
  5. Anchor tags

Title Tag

Title tags play a significant role in any website's SEO. It is the first thing a Search engine uses to get info about the page's topic. So it would be best if you optimized it.

In HTML, it looks like this-

<title> HTML for SEO </title>
Enter fullscreen mode Exit fullscreen mode

Best practice: Title tag length should be between 580px because, after this limit, search engines truncate the title.

Meta Description

The meta description is also a significant part of SEO. It doesn't directly influence the rankings in the SERPs but indirectly helps in rankings.

In HTML, it looks like this -

<meta name="description" content="xxxxxxxxx">
Enter fullscreen mode Exit fullscreen mode

Best practice: Meta Description length should be between 990px because, after this limit, search engines truncate the title.

Meta Keywords

The search giant google doesn't use meta keywords, but it is used by other search engines such as Yandex and Baidu. If Google isn't your primary source of traffic, then you should optimize the meta keywords tag.

Best practice: Use 3 -4 Keywords only, don't stuff it with irrelevant keywords.

Heading Tags

Heading Tags are as essential as title tags because search engines also use them to get the info regarding the page's topic.
There are 6 Heading Tags; the main difference is their size.
Like

<H1> will be bigger than <H2> and <H2> will be bigger than <H3>

Enter fullscreen mode Exit fullscreen mode

Most of the Times Search Engines use the H1 and H2 headings to get the info about the page topic.

Best practice: Keep them descriptive and on topic.

Anchor Tags

Anchor tags are also an essential part of the Off-page Seo of a website. These are mainly used to link from one page to another page on the Web.
Search engines use anchor tags to get the context of a web page that links from it. And these are the primary factor that influences the off-page SEO of a site.
In HTML, it looks like this -

<a href="https://google.com">Google</a>
Enter fullscreen mode Exit fullscreen mode

Best practice: Keep them descriptive and links to only relevant pages in the context of the topic.

Conclusion - So, that's all for a quick guide to cover basic HTML for SEO.
Apart from the above tags, many other tags are used by SEOs.
Thanks for Checking out this post. Share it if you liked it :)

Top comments (0)