As we all know, SEO is very important for any website and/or blog.

Meta tag is the first element of any website or blog.

Meta tag helps in providing information to Search Engines.

First thing search engine read from a website is meta data.
In this blog, I am going to tell you how use meta tags in any website or blog.
Keep in mind meta data is always written in head tag of html page.






In the screen shot above, i have searched my blog using keyword  "bd gizmos". It have shown me result.
So i will explain by writing meta information to see how meta data is used.
Let's checkout....

<head>
  <meta charset="UTF-8">
  <meta name="description" content="Entrepreneur Business and Technology Guide for your knowledge and provide value to your brain with great experience and content.">
  <meta name="keywords" content="bd gizmos, Business blog, Entrepreneur blog, Social media marketing blog, technical guide">
  <meta name="author" content="Rahul Gupta">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>


One thing is new to you and that is,  


This is the code to write meta information and you can relate code with screen shot.



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


After seeing this code, you have question in mind how it helps.

Here is the answer,

The meta viewport elements gives the browser instructions on how to control the page's dimensions and scaling.

The width=device-width is used to set the width of the page to follow the screen-width of the device and which will vary according to device.

The initial-scale=1.0 sets the initial zoom level when the page is first loaded by browser.

I recommend you to include Viewport by default in every page of blog and website.

Above we used meta tags for Search Engines like Google, Bing, Yahoo, etc.

But Now,


Meta Tags For Facebook

As we all know, Facebook is very famous for sharing content and people like to share their websites or blogs on facebook on purpose to get traffic. But just a simple link will look ugly and users will not understand what your website want to display.

How meta tag helps in facebook sharing 





This is the blog link which i have shared  on my facebook ( https://www.facebook.com/therahulguptaB/ ).

So as you can see i have just pasted link " https://bdgizmos.blogspot.com/2019/07/email-marketing-ultimate-guide-bd-gizmos.html "  on facebook post.

It is converted into, you can see screen shot.

Meta tag behind this is,


<head>  
     <meta property="og:title" content="Email Marketing (The Ultimate      Guide) - bd Gizmos">  <meta property="og:description" content="Email marketing in 2019!When we have social media platforms?Who uses email marketing old techniques?Is Email marketing provides best ROI?">  
      <meta property="og:image" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDD-63PfiB6FHd5n3Xm1lYA64N4CpzSLEVDfOjfkX8dL8S0V_CskVfawyy_UTp29FzGfAEt59UzlDUuhyphenhyphen3v7dSTOmlAR90fj3d1UkglhAn32mSWL_vP6qmtU6soqhryK8_E7DuD3dDGTBo/s1600/email-marketing.png">    
       <meta property="og:url" content="https://bdgizmos.blogspot.com/2019/07/email-marketing-ultimate-guide-bd-gizmos.html">
</head>


This is the code behind that. So, you can also use this for your blog by changing values.


Meta Tags For Twitter

Twitter has its own meta tags similar to facebook. 

You Just need to replace "og" with "twitter".

Let's Check Code

<head>  
     <meta property="twitter:title" content="Email Marketing (The Ultimate Guide) - bd Gizmos">  
     <meta property="twitter:description" content="Email marketing in 2019!When we have social media platforms?Who uses email marketing old techniques?Is Email marketing provides best ROI?">  
     <meta property="twitter:image" content="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDD-63PfiB6FHd5n3Xm1lYA64N4CpzSLEVDfOjfkX8dL8S0V_CskVfawyy_UTp29FzGfAEt59UzlDUuhyphenhyphen3v7dSTOmlAR90fj3d1UkglhAn32mSWL_vP6qmtU6soqhryK8_E7DuD3dDGTBo/s1600/email-marketing.png">
</head>



We have studied all meta tags which helps in social media platforms and SEO.

These tags also helps in Linkdin, Reddit, etc.

No extra meta tags are required.

So i hope you understood meta tag, how to use and how to apply meta tag in your code. 

I hope you will apply in you blog and let me know.!