ISTISTEST Mon - Sat 09:00-20:00 +91-884-9999-647 Mon - Sat 22:30-09:30 +91-884-9999-647
IT Services
Create Innovative Products
Trusted By
Global Clients
Get A Quote

Meta Tag for SEO

How important is Meta tag for SEO ?

First of all, We need to know that, What is META TAG?
Meta tags are a code of text that describes what your webpage is about. The meta tag doesn’t appear on the page itself, but it will be on the backend side of your webpage in the code section. Meta tags provide information about the webpage in the HTML of the document. This information is called “metadata”.


Is Meta Tag For Seo only useful for search engines?
NO, Meta tags are not only useful for search engines but it also useful for social marketing sites like Facebook, Youtube, Linkedin, Twitter, and many more.

Let's take a look at a basic example of setup Meta Tag for Seo

<meta name="title" content="Meta Tags — Preview, Edit and Generate">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">

Let’s Understand the above code,

<meta name=”title” content=”Meta Tags — Preview, Edit and Generate”>
This line tells the search engine title of the page and your page content tagline. The name parameter contains the title here and the content parameter is used for the to provide page information in one line format.

<meta name=”description” content=”Free Web tutorials”>
Define a description of your web page.

<meta name=”keywords” content=”HTML, CSS, JavaScript”>
Define keywords for search engines.

<meta name=”author” content=”John Doe”>
Define the author of a page.

Now you have a question on how this meta tag for SEO looks in search engine? For instance check below attached image for better understating.

Meta Tag for SEO
Facebook Meta Tags

How to setup meta tag for seo in Facebook?

Check out the code below for meta tag integration in facebook or In other words, you can say How Meta tag for SEO works on Facebook?

<meta property="og:type" content="website">
<meta property="og:url" content="">
<meta property="og:title" content="Title — Tag line of the page">
<meta property="og:description" content="its content short description of your post or page">
<meta property="og:image" content="">

Let’s Understand the above code,

<meta property=”og:type” content=”website”>
This line tells the facebook type of your source the sharing post come from like Website or WebApp Or Mobile Application.

<meta property=”og:url” content=””>
As you can see here, this specifies the URL or permalink of the website.

<meta property=”og:title” content=”Title — Tag line of the page”>
Same as in search engine this line helps Facebook to understand the title of the page and your page content tagline.

<meta property=”og:description” content=”its content short description of your post or page”>
Define a description of your web page.

<meta property=”og:image” content=””>
This one is an important one when you sharing your post.

Many of you are facing issues sometimes when you share your post or webpage that time wrong image appears in preview or no image at all.

However, you already added one or more images in the content still. The image you see in Facebook page when you share your post or page that comes from the meta tag “og:image” you define in your page or post. If this Meta tag does not have a proper image then facebook may show the wrong image or no image at all too.  

Twitter Meta Tags

How to setup meta tag for seo in Twitter?

Check out the code below for meta tag integration in Twitter or In other words, you can say How Meta tag for SEO works on Twitter?

<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="">
<meta property="twitter:title" content="Title — Tagline">
<meta property="twitter:description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter">
<meta property="twitter:image" content="">

Twitter Meta tags work the same as Facebook once. For the post image in facebook you are using “og:image”. When in the Twitter you are using tag “twitter:image” one.

Meta Tag Html Integration.

Where to put Meta tags in the code file?

Meta Tags are always inserted into the head section of your webpage code. You can place your meta tag code snippet anywhere in the head section before the head section end. you will see the sign of code </head> where the head section is ending.

In addition, there is one more Meta tag for SEO. which is also important. This tag is used when you Don’t want to index your page in Search engines. After adding this tag search engine will bypass this page from crawling.


There are also many more other tags like robots, googlebot, rating etc.. For details ifromation about them you can visit google official link here.

In conclusion, These tags are useful when search engine bots are crawling them, at the time of crawling these tags will tell bots to some important information about the page or post content and help them to identify and organize the content on their server.

I hope you guys enjoy the article, Feel free to ask if you have any questions regarding the above article in the comment box below.

Thanks & Regards

Leave a Reply