18 Types of HTML META Tags in SEO

18 Types of HTML META Tags in SEO

A live website is a result of HTML and a CSS combination. HTML is a Hypertext Markup Language, that helps in coding the basic structure of whole website, whereas CSS is Cascading Style Sheet. CSS gives a styling to HTML codes. For styling of website layout we need to use CSS.

For example:

<html>

<head>

<body>

Hello Word

</html>

</head>

</body>

These HTML cosdes will result in showing “Hello World” on your Website, without quotes.

Now we will add inline CSS(CSS within HTML) to Hello Word to make it of red color

<html>

<head>

<body>

<p style=”font-color:red”>Hello Word</p>

</html>

</head>

</body>

Hope you got an idea of HTML and CSS in website development.

Why I am talking of all these in context of SEO, that is Search Engine Optimization. SEO has major 4 verticals:

  • On-Page optimization
  • Off-Page Optimization
  • Technical SEO
  • User Intent – UX/UI

On-Page is very important to be optimized, as it related your website directly to search engines. Major On-Page factors include:

  • META Tags
  • Content Optimization
  • URL Structure Optimization

For a complete guide on On-Page Optimization I have written a separate blog post on – SEO On Page Otptimization – Best Practices and Techniques

In this blog post we are going to learn some basic concepts of META tags used in SEO for better search engine optimization.

What are META Tags?

META tags are HTML (attributes) tags that set some values in form of content to the websites’ pages. These META tags used in websites actually inform search engine about the websites’ characteristics and values.

Must-Use META Tags:

These are the Meta tags in SEO that should be on every page, no matter what. Notice that this is a small list; these are the only ones that are required, so if you can work with just these, please do.

Meta Content Type

This meta tag in SEO is necessary to declare your character set for the page and should be present on every page. Leaving this out could impact how your page renders in the browser. A few options are listed below, but your web designer should know what’s best for your site.

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″>

UTF-8 (U from Universal Character Set + Transformation Format—8-bit) is a character encoding capa