How to Set and Use HTML Meta Tags That Improve SEO

No Comments
Spread the love

One of the most important keys for SEO and Google ranking is HTML Meta Tags. A Meta tags bit of HTML code header of the web page to provide information HTML related documents to all search engines. The HTML Meta tag is snippets that help search engines to understand the content of the page appears. Meta elements help to tell search engines about the same web page with different attributes. It typically uses to specify keywords, page description, last modified, author of the document and many others.

HTML Meta Tags are the first step for On-Page SEO & its conveying summary about the page into search engines. Meta also plays a very important role in the On-Page SEO to ranking any website. So every web developer or SEO Analyst needs to know in detail how to use HTML Meta Tags. The meta tag is never visible on the web page, it is a hidden part of the head tag of the webpage. The search engine will read the information right there.

What are HTML Meta Tags?

To be extremely precise, then meta tags should be understood as HTML <meta> tags, with which you can specify service information about the page. Such information is placed inside the container <head> … </head> and is not displayed on the screen.

SEO work includes the optimization of so-called “meta tags”, that is metadata to be implemented within the HTML code. This HTML meta tags code are interpreted by browsers and search engines and are used to provide additional and specific information.

HTML Meta tags are an excellent tool in the hands of webmasters and SEO. If used correctly they can give a significant boost to the indexing and positioning of the website.

Each browser and each search engine may or may not be able to interpret an HTML meta tag and has the right to give higher priority to one over the other. For more information on how each search engine interprets the HTML meta tags you can do reference to specific guidelines (at this link the updated guidelines for meta tags according to Google).

Meta tags include:

  • Description – Description of the web page,
  • Keywords – keywords
  • HTTP-equiv – a type of the sent document and encoding (charset),
  • Generator – CMS site,
  • Author – author
  • Copyright – copyrights,
  • Robots – page indexing rules for robots,
  • Viewport – viewport setting data

and others.

The importance of meta tags in SEO

Internal optimization is an important element in promoting SEO. It includes many aspects that somehow affect the quality of the site and its position in the search results. The latter includes working with meta tags.

Meta tags help the search robot understand the content of the page, weigh all the variables and determine its position in the search. Therefore, if you want to promote an online store, you need to know how to work with them correctly.

Three main meta tags:

  • Title
  • Description (description).
  • Keywords (keywords).


Of these three, the title is perhaps the most significant. The correct title seriously affects the ranking of the page. In fact, this is the title of the page – move the cursor over the tab in the browser and you will see the title.

According to the 94% participants in a survey, the title tag is the most important place to use keywords in order to get high ranking in search engines.

Its length is limited to 75 characters, so the title should briefly talk about the content of the page. Also include keywords in it. Avoid stopping words when filling out.

<Img src=" HTML Meta Tags "ALT=" HTML-Meta-Tags">

How to Use HTML Meta Tags in SEO-

Important: Use a unique title for each page. Ignoring this rule threatens search engine sanctions.

In the SEO promotion of an online store, the title meta tag is even more important, since it depends on it whether the buyer will find your product. When filling out the product card, indicate in the heading the keyword, name and/or model of the product, ideally if the name matches the key request.

For example LED Ceiling lamp LedMax SG36CW 36 W


<Img src=" HTML Meta Tags "ALT=" HTML-Meta-Tags">

How to Use HTML Meta Tags in SEO-

The second most important meta tag also helps the search engine understand the content of the page. It is limited to 200 characters, which is enough for 2-3 sentences with keywords.

When filling out the “descriptions”, write something that prompts a person to go to the site. This is necessary because Google uses the meta tag to create a snippet – a text block under the heading.

On the example of a ceiling lamp, descriptions look like this:

“Lomax SG36CW LED downlight is used for light commercial and industrial areas. One lamp covers up to 30 square meters. m. It does not heat up and consumes only 36W. When ordering from 10 pcs. 7% discount. ”

When searching for an online store, use the advanced snippet. In addition to the text block, you can include contacts, the rating of a particular product, the company logo, and more. Advanced snippet increases the number of transitions.


For many years now, there has been debate among optimizers about whether this meta tag is needed or not. Its influence on the ranking, if any, is minimal. Nevertheless, it will be useful to fill it, especially when it comes to inexpensive promotion of an online store.

Write down 5-10 keywords that relate to the page you are promoting. So, you will increase the trust of the PS. And also do not forget that these requests, in one form or another, must be present in the text.

An example of keywords for a product card for an LED lamp:

led ceiling light, led ceiling light, LedMax SG36CW, led ceiling light Amstrong, led ceiling light, square ceiling light, office led square lamp.


The promotion of online stores in the TOP 10 is not only meta tags and keywords. This is a complex process, including work with design and usability, layout and programming, external optimization.

How Many Types of Meta Tags in SEO?

There are 4 HTML meta tags that can affect your website on-page SEO search ranking. These attributes inform the search engine about the site, which helps to correctly determine the subject of the resource and to rank (sort) in the search results. Therefore, composing HTML meta tags, webmasters must use keywords (words and phrases that the target user enters in the search bar to find the desired resource).

  • Title
  • Description
  • Keyword
  • Author


Page title. In the index, this is a large blue link to the site, in browser tabs, the name. It is not necessarily a Meta-Tags but contains a similar function. Title tag help in processing content is about & remain ranking signals for Google as well as other search engines. The relevant title tag that displays search listings

The key point of Optimize HTML title tags are

  • Title tags maximum of 65 characters long including spaces
  • The keyword that will be based on your site will not use more than 3 times in your Meta Keyword tag.
  • Lead with Core keywords each page & use first in your title tag
  • The Title tag must be unique for each & every page. Don’t use duplicate title tags
  • Keep in short your important phrases with simple language
  • There should be a strict observation of the words of the keyword that does not go wrong grammatically.
  • Don’t use commas (,), underscores (_), & others punctuation dashes. Only separation use pipes (-)
  • Do not repeat the same words more times in meta keyword, try to write it in another way.
  • Make title tag relevant & should describe the content on the page

<title> title text, insert here </title>, such as

<title> easy-SEO-guideline-for-beginners-step-by-step </title>

Meta Description

The meta description tag is where you put a summary of the content of a page.  It can help improve click-through rate to the website landing page. The tag is not used for search engine ranking, the text of Meta Description is used as an under the title tag of a site in search results. This meta discretion, the tag actually works advertise copy; Take a visitor to your site from the search results page.

  • It should not be too long, use a maximum of 160 characters because search engines only read up to a certain number of words
  • Make sure to include your target keyword closer to the start of your meta description
  • Make certain your meta is unique & evergreen

<meta name=” description” content=” you put your site summary”/>, such as-

<meta name=” description” content=” The website based on the beginners SEO guideline, tips, and tutorials with the effective method including on-page and off the page that will drive more organic traffic”/>


Tells the search engine the keywords under which the content is “ground”. The search robot verifies the phrases in the page contents with those specified in this tag and takes into account the results obtained in the future when determining the positions of the resource.

Now search engines do not give this attribute as much weight as before. But its competent use will not be superfluous.

How to fill

Use 3-6 keywords/phrases separated by commas. Excessive use can be regarded by the search engine as spam. Only requests used on the page should be included in the list, for which text, product names, and so on are optimized.

<meta content = ” here put your website’s focus keywords by using (,) without space ” name = ” keywords ” /> such as

<meta content = ” on-page,off-page,keyword research,Backlinks ” name = ” keywords ” />

The  keyword is now totally optional, Google & other search engines do not consider importance like Title & meta description


This tag is meant to refer to the search engine that has been created on the site. This tag will give your name. The code of Meta Author is:

<meta name = “author” content = “Enter your name here ” /> such as-

<meta name = “author” content = “Amir Sohel” />

Be cautious to use HTML Meta Tags

  • To use meta tags will get many benefits, on the other hand, due to its error use search engine can ignore your website then visitors will reduce instead of getting more traffic. So be cautious before using it, know in detail each meta tag then adds properly. I have seen many good blogs who have kept the absolutely unnecessary Meta Tags on the blog. I think they might not understand the fact that this resulted in the search engine ignored their site. In this way, if the unnecessary use of the Meta Tags on your website then the search engine will consider the entire site as Spam.
  • Remember that you never use upper case text in Meta Tag, always use lowercase letters.

12 HTML Meta Tags in SEO that Google Understands

Proper setup of meta tags is very important for SEO. The work on filling, prescribing, updating meta tags is always performed when the project starts, immediately after the semantic core is assembled. And they continue as necessary throughout the entire period of the website promotion. Sometimes, only small changes in the meta tags are enough to make the site appear in the top 10. This is especially true for low-frequency queries, as well as in cases where the site is already high enough for this query, and you need very little to put it in the top. Often, SEO tags mean Title, Description, and Keywords. However, there are many more tags. And in this article, we will try to cover this issue as fully as possible.

Meta Tags provide a brief description of what content is basically on a site. Below given some of the basic HTML meta tags for your convenience

1.Title Meta Tags

This is the most important tag, which more than others affects the site promotion by keywords. In most cases, this text is used in the snippet header, as shown in the example below. (But not always, the contents of the tag H1 or even H2, H3 can also be displayed in the header).

The tag should be inside the <head> … </head> container anywhere.

SEO Requirements

  • The title should be unique on all pages of the site, and also not repeat the Title on the pages of other sites (for this, you can add the name of the organization at the end of the Title).
  • The title should reflect the essence of the page, should be informative and concise.
  • There should be requests for which this page is being promoted, the most important ones are placed at the beginning of the tag, the title must necessarily contain 1-3 keywords.
  • Don’t include too many keywords in Title
  • The content of the Title and H1 tags should be different – they have different goals: Title is the title for the snippet, H1 is the title of the web page.
  • Do not use special characters until you are sure that they are supported.
  • Do not use special characters (= / \ + _), punctuation and stop symbols (period, colon, exclamation and question marks) – remember, these are characters that break passages in Title, which reduces the interconnection of keys on opposite sides of the stop sign.
  • Make a Title tag for people according to all the rules of the Russian language, the title should be made catchy and attractive if possible.

Examples of correct tag filling

<title> title text, insert here </title>, such as

<title> Meta tags for the site, Title and Description in the examples – SEO </title>

Errors and unsuccessful examples of meta tags

<title> European-quality repair, home repair, apartment renovation in Smolensk, repair in Smolensk | Apartment renovation, construction Smolensk </title> (simple listing of keywords)

Meta Tag H1

H1is a very important tag. It is best to place the main, maximum frequency request on which this page is moving. The page title should most often contain 1-3 words. Exception – pages of articles, products, projects, etc. That is, pages promoted for more specific, less frequent requests.

The tag should be inside the <body> … </body> container anywhere.

SEO Requirements

  • The tag must be used exactly once per page.
  • Missing the <H1> tag is an error.
  • The <H1> tag should use the main keyword on the page
  • The recommended tag length is not more than 70 characters (however, this does not mean that the use of long tags is prohibited).
  • The <H1> tags are recommended to be unique.
  • For products, it is desirable to indicate in the <H1> tag the most important characteristics of the product (length, width, color, model).

Meta Tags H2, H3, H4, H5, H6


<h2> H2 Meta Content </h2>

Tags must be inside the <body> … </body> container.

The tag hierarchy must be respected (numbers are levels, as shown below). Hx tags are used precisely as headings in the content of the page. If they are used as design elements on the site, it is necessary to replace them with <DIV> tags with similar design classes (visually everything will remain the same, and the logic of placing information on the page will be observed).


H1 – page title (one!)

H2 – second-level heading

H3 – third level heading

Tags H4 – H6 are rarely used. Their use can only be justified in long reads – if there really is a need for headings of this level of nesting. In personal practice, I have never had to use the headers H4 – H6.

It’s good to use promoted keywords in Hx tags (however, this should be done to make it look natural!). Moreover, the Hx tag can be displayed in the search results in the snippet title instead of Title.

2.Description meta-tag

In the description or meta description, we can briefly describe the content of the web page. This information is shown as a snippet is the most widely used search engines such as Google or Bing, so it is recommended to take care of its writing. Due to its central role as it decisively influences the user’s choice of the best result according to their search, this meta tag is considered one of the most important in terms of search engine optimization.

The description must not exceed 160 characters in length since there is a risk that it will appear incomplete in the results list. The meta description is primarily targeted at the user, so it should contain an accurate summary of the content that awaits you when you click on the page. According to Google, each subpage of a web page should have its own description that provides useful and accurate information about its content. This brings added value to the user and helps administrators increase their click-through rate. For example, the following information can be found in the meta description:

<meta name = “description” content = “HTML meta tags code info to be interpreted by the browser & search engines. Do you know which ones are essential?” />

SEO Requirements

  • It should reflect the essence of the page, written in the form of an agreed text. There may be some suggestions.
  • It must be unique for all pages of the site, do not duplicate similar tags on other sites (for this we use the name of the company in the text of the HTML meta tag).
  • In the tag, you need to use the queries on which this page is being promoted, however, this must be done so that they are used naturally, in the desired morphology. Also, you should not just list requests separated by commas.
  • The content of the tag should not repeat Title.
  • The description must be at least 70 and more than 150-200 characters long. Google determines the length in pixels, the recommended length is from 400 to 930 pixels.
  • In the description, it is desirable to reflect the main advantages of the company, product, service.
  • The most important information and phrases are best placed at the beginning of the meta description.
  • Examples of correct tag filling (keywords are bold)

Examples of correct tag filling (keywords are bold)

<meta name = “description” content = “HTML meta tags code info to be interpreted by the browser & search engines. Do you know which ones are essential?” />

Errors and unsuccessful examples of meta tags

<meta name = “Description” Content = “How to plant of reinforced concrete the products No. 3 (concrete the goods-3)” /> (shorter, few keywords)


Tells the search engine the keywords under which the content is “ground”. Through this Meta Tag, you can tell the content of your site to search engines. With the help of focus keywords, you can get the desired result on your SEO.

Now search engines do not give this attribute as much weight as before. But its competent use will not be superfluous.

<meta content = ” here put your website’s focus keywords by using (,) without space ” name = ” keywords ” />

How to fill

Use 3-6 keywords/phrases separated by commas. Excessive use can be regarded by the search engine as spam. Only requests used on the page should be included in the list, for which text, product names, and so on are optimized.

SEO Requirements

  • Use no more than 5-6 words,
  • Use no more than 3 repetitions,
  • Do not use conjunctions, prepositions, interjections.

Examples of correct tag filling

Auto watering of lawns, auto irrigation, systems, buy, prices, Moscow

Errors and unsuccessful examples of HTML meta tags

Buy lawn water, buy lawn, lawn prices, lawn mowers in Moscow, lawnmowers, lawn cars, lawn cars, lawn cars, lawn prices, cars lawn moscow, lawn cars lawn

Auto watering of lawns, sex, porn, girls, [further continuous censorship]

4.Author and copyright

These two meta tags, of optional use from the legal point of view, allow referring to the designer of a web page and the owner of the rights of the source code of an HTML page. In some content management systems (CMS), author tags are automatically generated, and they name the person who last worked the page. In this way, administrators can extract from the directory who manages each page.

<meta name = “author” content = “Author name” />

<meta name = “copyright” content = “Copyright owner” />

Instructions for search robots

One of the main functions of meta tags is to provide indexing instructions to crawlers (robots or googlebots). This is accomplished with the meta tag “robots”. With the following meta tags, it is possible to stipulate whether a page will be indexed and, consequently, whether it will be available for search. You can also set whether robots are to follow outbound links or, conversely, to ignore them. This information is among the most relevant metadata for SEO.


This guideline allows the search robot to index an HTML page, something unnecessary if you think that indexing is part of its normal activity, like this:

<meta name = “robots” content = “index” />


It must be expressly indicated if a page should not be included in the index. This tag prohibits the search engine from transferring content from an HTML page to its database:

<meta name = “robots” content = “noindex” />

The “robots” attribute targets all search engines, and “noindex” indicates that indexing is not allowed. If we want to prevent the process only from a search engine, we can indicate it with an alternative attribute such as “Googlebot”.

6. Follow

The standard behavior of search engines is to cycle through the links it finds on an HTML page, unless otherwise instructed. This information can be included in meta tags, although it is not necessary:

<meta name = “robots” content = “follow” />


If you want to prevent a search robot from reaching certain subpages of a site or tracking links in another domain, add:

<meta name = “robots” content = “nofollow” />

Thus, the robot ignores the links completely, but not the content of the page, which will be transferred to the search engine’s database.

Index / Noindex and Follow / Nofollow meta tags can be used alone or in combination. For example, it is possible to determine that a page is indexed but that the links are ignored, as well as allowing or preventing both actions to the robots.

<meta name = “robots” content = “index, nofollow” />

<meta name = “robots” content = “index, follow” />

<meta name = “robots” content = “noindex, nofollow” />

HTTP “equiv” tag

Meta tags with the attribute “http-equiv” can contain information equivalent to the indications in the HTTP header, which can be read, for example, if the server is not configured accordingly. HTTP headers with the same name take precedence over HTML meta tags. The most important are:


To ensure the smooth functioning of the Internet, websites are usually stored on intermediate proxy servers or in the browser cache for easy download in the future. To prevent this, we use the meta tag “cache-control” with the value no-cache:

<meta http-equiv = “cache-control” content = “no-cache” />

The web pages that have this meta tag are reloaded from the web server each time they are accessed. This can slow down browsing, but it can be convenient for pages that update their content daily.


You may not want to ban caching entirely. In this case, the attribute “http-equiv” can be used to define an expiration date for the requested HTML data. It would be done this way:

<meta http-equiv = “expires” content = “expiration time in seconds” />

In this way, it is possible to assign the desired expiration date to the HTML pages. Once this date is exceeded, the browser has to load the HTML document from the source page. But if you always have to go to the original page then an expiration point of 0 seconds is entered. If you want to indicate a 12-hour period, 43,200 seconds are entered.

<meta http-equiv = “expires” content = “0” />

<meta http-equiv = “expires” content = “43200” />

It is also possible to define specific time periods or dates, always in the international format and according to the GMT (Greenwich Mean Time):

<meta http-equiv = “expires” content = “Sat, 07 Feb 2016 00:00:00 GMT” />


With the “http-equiv” meta tags it is also possible to configure a simple transfer. Similar to how the “expires” tag works, this attribute also defines an expiration date, from which browsers or search engines will be directed to a previously established URL. In this example, forwarding to the IONOS home page occurs in 10 seconds:

<meta http-equiv = “refresh” content = “10; url = http: //” />

However, it may happen that this tag does not work in case of special settings in the browser, so instead of indicating a forwarding with meta tags, the W3C (World Wide Web Consortium), dedicated to the standardization of techniques and uses On the Internet, it recommends using the HTTP 301 status code, whereby a server reports if the searched file has changed location.


With this tag, you can keep all your data archives in the search engine. If you want to keep the archive in the form, use this tag as <meta name = “robots” content = “Archive

” /> and if you do not want it, then use <meta name = “robots” content = “NoArchive

” /> tag.

12.Meta Revisit Tag

This tag is called a search engine when it comes to your site again. If you are given 15 days, then 15 days after the search engine will come back to your site. The code for this tag is:

<meta name = “revisit” content = “15 days” />

Bottom line

On the above mentioned all HTML Meta Tags are absolutely part of perfect SEO. If you can apply the important meta tags in your blogs or website then search engines will easily visible your web page. Your HTML Meta Tags has to have descriptive, relevance & carefully focus Keywords because Search engines using Meta-Tags as a positive signal of your page rank in the SERPs.

[contact-form-7 404 "Not Found"]

About us and this blog

We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

Request a free quote

We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

Subscribe to our newsletter!

More from our blog

See all posts

Leave a Comment