Meta Tags: Drive More Traffic & Conversion With Meta Tag SEO

Meta Tags are HTML tags which provide metadata to search engines about HTML document or in another word about your website. So, search engines can get valuable information on your website from meta tags and put those metadata in search results. Now, you can ask, are they useful for search engine optimization? Well, the answer is ‘Yes’ to some extent. Allow me to explain. You already know that search engines use those metadata to show your site in search results. It doesn’t mean that your site will rank at top if you use meta tags. It doesn’t work that way.

There was a time when meta tags were highly important SEO factors. Nowadays, the scenario changed and search engines are way smarter than they used to be. Even if you miss to put some meta tags like meta description, search engines will figure out your content and take the necessary part of your content for showing snippets.

Meta Tags For SEO

Table of Contents

Meta Tags: Why Should You Optimize Meta Tags For SEO in 2020

Meta tags can still help your website to rank in various direct and indirect ways. Allow me to explain a bit. Meta tags like meta title can help to increase your website user experience. Users can see the tile and understand what this content is about. On the other hand, meta tags like meta descriptions can help search engines to understand what should be shown in the description snippet of a website. So, by optimizing the meta description, we can also let search engines know what we intend to show in the search snippets. This also helps to get some SEO value indirectly. How? Well, better-optimized title and description in search snippet can get a better click-through rate which helps to get better ranking in search results.

meta tags

So, to get a better click-through rate, we can easily experiment on our meta tags like title or description. If you see that you are not getting a good click-through rate from search result then you should consider working on your meta tags.

List Of Meta Tags: Most Useful Ones

Not All meta tags are the same and also we use different meta tags for different purposes. Here is a list of most useful meta tags-

  • Meta Title
  • Meta Keywords
  • Meta Description
  • Meta Robots
  • Meta Charset
  • Meta Viewport

How To Insert Meta Tag In HTML & WordPress

Inserting and using meta tags in HTML and WordPress is easy. You don’t need to hire a developer for this simple task. Just a little bit of courage and simple knowledge of HTML is enough. Before we learn how to insert meta tags in your HTML document or CMS like WordPress, just study HTML basics and see how to put your code into the head section.

Insert Meta Tag In HTML

To insert meta tags in HTML document, you will need a simple code editing tool like notepad plus or any other code editor. A simple HTML document is like this:

Insert Meta Tag In HTML

So, open your HTML file with NotePad plus or any other code editor tool (Do not use Microsoft word) and put your meta tags in the head part like this:

<head>
<meta charset="UTF-8">
<meta name="description" content="Information on Meta Tags for SEO">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<meta name="author" content="tarulahsan">
<meta http-equiv="refresh" content="0;URL='http://infobeehive.com/'" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

Don’t forget to edit the meta tag code according to your needs. Now, after editing save and exit your editor. That’s it, Yes, it is that easy do put meta tags in HTML document

Insert Meta Tag In WordPress

Inserting meta tags in WordPress is relatively easier. You don’t even have to use code editor for this. Just use any meta editor plugin and you are good to go. If you still don’t understand how to do it then simply use any good SEO plugin like Yoast or AllinOne SEO. These plugins will help you to insert desired meta tags even when you are creating a page or post.

Meta Tag: Meta Title Optimization Hacks For SEO

html title

Meta title is also known as the title tag of a page or post. If you understand HTML structure then you will find that title tags are usually used at the header of HTML documents. Well, that actually doesn’t explain what meta titles are and why they are important as well as how they should be used for search engine optimization. So, let’s dig a little deeper and find those answers.

Meta Title Meaning: What Is Meta Title or HTML Title Tag?

Meta title is actually the title of a page or post. Search engines can easily read them and use them as part of snippets in the search results. Just look at the bellow image. It’s easier to understand this way.

meta title tag

Well, just looking at the above picture makes it easy to understand what meta title means and how it looks in search snippets.

How Meta Title Tags Are Used? Or How To Use HTML Title Tag?

Meta titles are usually put at HTML document head like the following. Remember, the title tag doesn’t include the word “meta”.

<head>
       <title>This is a meta title</title>
</head>

Ideal Meta Title Length Or Meta Title Character Limit

  • Meta title length is usually 60 character
  • Anything less than 60 character is good
  • If you put more than 60 characters in the title, search engines may not show the full title, especially in smartphones
  • Research shows that small and catchy titles have better click-through rates.

Seven Tips For Optimizing & Using Meta Title For Better performing SEO

  • Keep the title tag below 60 character
  • Use target keyword in title tag
  • Use keyword at the beginning of title
  • Make the title attractive and catchy
  • Do not overuse keywords in title
  • Try to avoid click-bait titles as they will not help in long run
  • Research and make changes to your title on a regular interval unless you rank and get better click through rate(CTR)

Why won’t Google Use My Title Tag?

  • You have over-optimized your keyword
  • Keyword title and content doesn’t have relevance
  • The search query doesn’t match the title
  • You may have an alternate title for social media posts and google already indexed that.

Meta Tag: Meta Description or Meta Name Description Hacks For SEO 2020

html description

Meta description or meta name description tag is an HTML tag that states what the HTML document is about. In another word, the meta description tells search engines what to put in the description section of the snippets. The meta description still has some impact on the click-through rate for search results. So, optimizing the meta name description is still a part of good SEO practice.

What is Meta Description or Meta Name Description?

Meta description or meta name description tag actually consists of the summary of your web-page. Though the summary or meta description will not be visible to your website viewers, they will still be there for search engines. You can easily add a meta description to your page with an HTML meta name description tag. Let’s see how the meta name description tag looks like.

Meta Description Tag

Well, those metadata or meta description are actually for search engines. Only search engines will put those meta descriptions in their search results. So, people who are searching will understand what that page is about.

Meta Name Description Example or How Meta Description Tags are Used

It’s really easy to add a meta description tag to your web page or blog. As a web page is actually an HTML document, you can put the meta name description tag in the document head simply like this:

<head>
     <meta name="description" content="This is the meta name description">
</head>

See, using a meta description is easy but creating a good catchy and short meaningful meta description requires some practice.

Ideal Meta Description Length

  • Meta description length for search engine is usually 155-160 character
  • Any more than 160 characters may be truncated or not properly show in search engine snippets for mobile devices.
  • The ideal meta description length is around 140-150 character. Don’t forget that your meta description is not only for desktop but also for mobile devices
  • Research shows that instead of a big and huge meta description, a clear and relatively small meta description with a targeted keyword that is relevant to your page content has a better click-through rate.

6 Meta description Writing Tips for Better SEO

  1. Write a catchy meta description that is super relevant to your page content.
  2. Use targeted keyword in the meta description
  3. Try to use the keyword at the beginning of your meta description
  4. Do not over-optimize or use too many keywords
  5. If possible add some values or emotion
  6. Do not write too long and never exceed the description limit

What Should You Write in Meta Description?

  • Make sure to convey some values to your reader in the description
  • Your description can include your brand values
  • Write in an active voice
  • Include the primary keyword and use a call to action if possible
  • Write unique meta description and don’t use the same description for all pages
  • Write the important part first as nobody knows if the later part of the description will be truncated or not.

Meta Description Tag Checker and Writing Tool

Most of the SEO tools out there can help you to check the meta description of your page. If you are using WordPress then it’s even easier. Just use Yoast or any other good SEO plugin and you are good to go. Most of these plugin incorporates a meta description checker as well as a writing option. So that you can check and at the same time write a great meta name description for your blog post or web page. If you like to use online tools then there are many free meta description checkers. Just Google and you can easily find them.

Now, If you want to check your site’s meta tags like meta description without any tool then just right-click on your page and select page source. Now, just go through the source. Don’t worry, you don’t have to go through those bunch of codes. Just search the term meta name=”description”.

Meta Tag: Meta Keyword, Are They Still Necessary For SEO In 2020

html keyword

Meta keyword tags are relatively less important nowadays. They used to be an important SEO factor back in 2000-2006. Well, that’s more than a decade ago. Now, it really doesn’t do any harm if you don’t use them and they do no good in SEO even if you use them. So why are we talking about them? Well, none of us know when search engines will change their behavior towards meta keywords again. What if they start giving it importance again? So, you can still use them if you want even if they are not a ranking factor anymore. Remember, using them doesn’t mean that spamming and stuffing them on your webpage is a good idea. Rather, just using it for your main keyword is still ok for trial and experiment unless you overdo it.

What is a Meta Keyword Or Meta Tag Keyword?

A meta tag keyword is an HTML attribute or an HTML tag that is usually used in the head part of an HTML document or web page. The goal is to provide search engines an idea about the primary keyword of the web page. Well, nowadays search engines are smarter than before and they can easily analyze your content and come up with relevant keywords. So, even if you use a meta keyword in your web page, search engines will still select the most suitable keyword according to your content.

How To Use Meta Keyword?

Using a meta keyword is easy. As your web page is actually an HTML document, you can use meta tag in the document head like this:

<meta name="keywords" content="keyword1, keyword2, keyword3">

Now, it’s your choice if you want to use it or not. Remember, meta keyword wouldn’t give you any SEO value not now and most probably not even later unless search engines start giving it value again. Which is less likely.

How To Optimize Meta Keyword?

  • Use a few relevant keywords. Don’t overdo it
  • You can Use search queries as keyword
  • Using long-tail keyword can be a good idea
  • You can experiment by using miss spelled keywords

Meta Tag: Meta Charset UTF8 Meaning & Optimizing Technique For SEO

charset utf8

Meta charset is used for character encoding for your website pages or blogs or even apps. It actually tells the browser how to display your web content. There are many charsets but the following two are mostly used.

  • UTF‑8 — Character encoding for Unicode;
  • ISO-8859–1 — Character encoding for the Latin alphabet.

Why Meta Charset Is Important for SEO?

Well, the most common issue we face when reading international content is broken letters. like this:

meta charset

This issue happens when we fail to put the meta charset tag in our HTML document. This issue can also occur even if you put meta charset tag utf8 in your HTML document or webpage but readers browser doesn’t support utf8. Well, that is a rare case as most of the common browser already supports UTF-8 or Unicode.

Now, what will happen if your readers see the broken letters in your web page? Definitely they will leave your site and will have a bad experience. So, inserting meta charset is very important for SEO as it will directly impact your page bounce rate.

How To Insert Meta Charset Tag?

You need to insert a meta charset tag in the Head of your HTML document. just like this:

<head>
<meta charset="UTF-8">
</head>

Isn’t it easy? Yes, just putting this single line in your HTML can save you from the hassle. If you are using a CMS or content management system like WordPress, chances are your web page already has meta charset tag by default. So you don’t have to insert it manually.

Meta Tag: Meta Robots Hack For SEO, 2020

html robots

Meta robots tag is an HTML tag that tells the search engine how they should crawl and index your website. Using meta robots tag properly may not give you an excellent rank in search engines but using it wrongly can be catastrophic for your search engine optimization. So, let’s take a deeper look at what this tag is and how it works.

Why Meta Robots Tag Is Important For SEO?

Meta robots tag tells the search engines what to follow and what not to from your website. On the other hand meta robots also tells the search engines how your content should be indexed. Now, what will happen if you have great content but the search engines are not indexing your website? Yes, it can happen if you put meta robots tag wrongly in your HTML document. So, understanding this tag and using it properly is very important for your website’s SEO.

Meta Robots Tag Attributes Or Values:

There are many attributes or values of the meta robots tag. Here are the most important ones:

  • index – Tells or allows search engines to index the page
  • noindex – Tells or disallows search engines from indexing the page
  • follow – Tells search engines to follow the links of the page
  • nofollow – Tells search engines not to follow the links of the page
  • noimageindex – Tells search engines not to index images from the page
  • noarchive – Forbades search engine from showing the cached copy of this page

How To Use Meta Robots Tag In Your Website

You can simple insert and use meta robot tag in HTML head like this. Be careful when you use meta robots tag because any mistake can be fatal.

<meta name=”robots” content="noindex, nofollow">
<meta name=”robots” content="index, follow">
<meta name=”robots” content="noindex, follow">
<meta name=”robots” content="index, nofollow">

Meta Tag: Meta Viewport Hacks For SEO 2020

html viewport

Meta viewport is another important meta tag that should be placed in the HTML head. A viewport actually means the viewable area of a website to users. So it may differ from device to device as different devices have different viewport sizes. So, the meta viewport tag is directly related to user experience.

How To Use Meta Viewport Tag?

Using a meta viewport tag is very easy. You need to put the viewport tag at the head of your HTML document like this:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Usually, the initial -scale=1.0 works fine for most of the devices. But you may change it according to your needs.

Why Meta Viewport Tag Is Important For SEO

Meta viewport tag is extremely important for user experience as it indirectly impact on your SEO. Just think, if your website is not cross-device compatible and doesn’t show good in different devices like desktop, tab and mobile then how your viewers will think about your brand? Naturally, if the website is good looking for desktop devices and looks ugly in mobile then it will create more bounce rates for mobile users and you will lose potential clients. So let’s check what issues your website will face if you don’t use meta viewport tag:

  • Without a viewport meta tag, your site will be rendered into the device’s default virtual viewport and it may not look good in different devices.
  • Your website bounce rate will increase as users may find it ugly in mobile or tabs
  • High bounce rate will impact severely on your SEO and your website will lose rank
  • Bad user experience may have a severe impact on your brand

How To Optimize Meta Viewport Tag For Better User Experience & SEO

  1. Use standard viewport like initial -scale=1.0
  2. Use viewport meta tag in all pages of your website.
  3. Check with different devices and correct your meta viewport tag according to cross devices. like – if your layout needs width of 500 pixels then you can use content=”width=500, initial-scale=1″
  4. Research and test as much as possible with different widths and sizes

Meta Tag: Open Graph Tags Or Social Meta Tags

Sharing our website content to social media platforms is a common practice and if we use CMS like WordPress then it’s even easier to share content through plugins. Well, what if we want to change the metadata of our social media posts. It’s important as we don’t want the same title and description to be indexed by search engines for all social media platforms. Here comes the importance of social metadata. Social meta tags help us to overcome this problematic issue and optimize social media sharing.

As each social media platform has specific structure, here is a common solution that will work for most of the major platforms.

<!-- Twitter Card data -->
<meta name="twitter:card" value="summary">

<!-- Open Graph data -->
<meta property="og:title" content="Your Social Content Title" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.yourwebsite.com/" />
<meta property="og:image" content="http://yourwebsite.com/image.jpg" />
<meta property="og:description" content="Social media post Description Here" />

OG Title & Description Length

OG title length can be up to 95 characters but it is better to keep it bellow 55 characters for cross devices and better visibility. OG description should be no longer than 200 characters but for cross-device optimization, it’s better to keep it close to 60 characters.

Well, messing with meta tags are not actually a good thing to do. So, when you try to put meta tags, do your own research and if anything goes wrong, instead of worrying, just revert back to the previous setting. You may need to keep back up before making any changes.

Frequently Asked Questions About Meta Tags

What is a Meta Tag example?

An example of Meta Tag Can be <meta charset=”UTF-8″>. This piece of code should be placed on the head section of the HTML document. There are many important Meta Tags. For better understanding read the following blog:
Meta Tags: Practical Example Of Meta Tags For SEO

What are Meta Tags used for?

Meta tags are used as metadata to let search engines know what this web page is about like title, keyword, description, author, date, how crawlers should crawl, etc. Though meta tags are not visible to users, for search engine optimization, meta tags play a very important role.
Meta Tag Use Cases For SEO
How To Use Meta Title Tag?
How To Use Meta Description Tag?
How To Use Meta Keywords Tag?
How To Use Meta Charset Tag?
How To Use Meta Robots Tag?
How To Use Meta Viewport Tag?

What Is Meta Tag In SEO Example?

Meta Tags are pieces of HTML Codes that reside in your web-page & tells search engines about that web-page. Meta Tags provides important metadata for SEO, like meta keywords, meta description, etc. Some meta tags also tell search engines how to crawl the page and should the search engines follow the links or not. To learn more:
Meta Tags: Using Meta Tags For SEO (Ultimate Guide 2020)

How Do I Create A Meta Tag?

Creating a meta-tag is easy. One needs to just put the right meta tags in the HTML head part and it’s done. Let’s see how to create a perfect SEO friendly meta tag for a website or WordPress blog. Learn More:
How to create meta tags for website & WordPress blogs?


Here are few blog posts you may like to read

Proven Tips To Increase Your Blog Traffic

Blog Vs Article, Why It Doesn’t Matter Anymore For Bloggers

Hey there, I’m Chowdhury Tarul Ahsan, a blogger, digital marketer, and social media enthusiast. I love to help businesses to gain more traffic and online visibility through technical, strategic SEO, and targeted PPC campaigns. I'm currently working as Manager, Digital Marketing at Saaol Heart Center BD Ltd.