In short, these meta tags provide details about BlogSpot to search engines like Google, Bing, etc., and these tags can be used to show our Blogger site while visitors search in search engines. Furthermore, we can optimize Meta tags to present the best version of our BlogSpot in search engines.
The importance of meta tags is that they can be read by search engines like Google, Bing, etc., and these meta tags are used to show the snippets in Search engines.
In summary, meta tags are only present in the HTML of the Page/site and not visible to Visitors but used by Search engines Like Google, Bing, etc., to show our site.
There are various meta tags like Title tag, Description tag, Keywords tag, Author tag, Image tag, etc.
#1. Title tag: <title>Enter-your-blog-title-here</title>
Simply, it includes Title of your Site/BlogSpot.
All the Codes are available below to Copy, no need to Copy from here. 
#2. Description Tag:
<META CONTENT='Description-of-your-site-Here-in-150words' NAME='Description'/>
It summarizes our site/page, and this description is visible in search engines while visitors search. So better the Description is, better the visitors like a snippet of our site/page in search engines and more will be the visitors in our site.
Use Description of 150 words as only 150 words are displayed in search engines. So there is no sense in using more than 150 words; summarize your site in 150 words.
#3. Keywords Tag:
<META CONTENT='Keywords 1, keywords 2, keywords 3, keywords 4, enter here keywords separated by commas, keywords 5' NAME='Keywords'/>
Use Description of 150 words as only 150 words are displayed in search engines. So there is no sense in using more than 150 words; summarize your site in 150 words.
#3. Keywords Tag:
<META CONTENT='Keywords 1, keywords 2, keywords 3, keywords 4, enter here keywords separated by commas, keywords 5' NAME='Keywords'/>
The Keywords tag is used to provide additional information about our page/site. There is no limit for Keywords.
#4. Author Profile Tag:
<META CONTENT='Your-Name-Here' NAME='Author'/>
<META CONTENT='Your-Email-ID-Here' NAME='Email'/>
#4. Author Profile Tag:
<META CONTENT='Your-Name-Here' NAME='Author'/>
<META CONTENT='Your-Email-ID-Here' NAME='Email'/>
This provides information about the Author of the Site.
#5. Image Tag:
<meta content='Paste-Here-Your_Image_Link' property='og:image'/>
You should paste the link of the image you wish to use first before pasting it in HTML.
This is the image that appears when our site is shared on social media.
This image is only seen when Your BlogSpot Link is shared, but this image is NOT for your individual page/post’s link.
Now, Let’s Learn to Add Meta Tags in our BlogSpot Step by Step:-
#1. First of all, Download the ready-made code from the link available below.Download Link of Ready-made Code to Add Meta Tags in our Blogger Site: Click Here to Download
#2. Now open the code to CUSTOMIZE for your Site. Enter your BlogSpot Title, Short Description of 150 Words, Keywords separated with commas, Your Profile, and the Image Link.
#2. Now open the code to CUSTOMIZE for your Site. Enter your BlogSpot Title, Short Description of 150 Words, Keywords separated with commas, Your Profile, and the Image Link.
This image will be used while your BlogSpot link will be shared on social media. This image is only seen when Your BlogSpot Link is shared, but this image is not for your individual page/post’s link.
ALSO READ: How To Create or Add Thumbnail Image for Each Blogger Post or Page Separately? An Article to Help to create a thumbnail image for each blog post/page.
#3. Now COPY the Customized code to PASTE in our Blogger HTML.
#4. Add the Code in our BlogSpot, Go to Theme, and then go to the Edit HTML Section.
ALSO READ: How To Create or Add Thumbnail Image for Each Blogger Post or Page Separately? An Article to Help to create a thumbnail image for each blog post/page.
CUSTOMIZE it as we have done in the Photo Below.
#3. Now COPY the Customized code to PASTE in our Blogger HTML.
#4. Add the Code in our BlogSpot, Go to Theme, and then go to the Edit HTML Section.
Now, SEARCH for this line in Blogger HTML:
<b:include data='blog' name='all-head-content'/>
Also, you can simply PASTE the Meta Tags between <head> and </head>, anywhere between these 2 tags.
#5. Now we have to PASTE our Meta Tags Customized code for our site JUST Below This Line:
<b:include data='blog' name='all-head-content'/>
Also, you can simply PASTE the Meta Tags between <head> and </head>, anywhere between these 2 tags.
#6. Now SAVE the theme, and we are all done with adding Meta Tags to our Site.
Check if the Meta tags are correctly installed or not in your Blogger Site from this Website: https://metatags.io/.
Also, Watch our Video for Step by Step Guide to Add Meta Tags (Description, Keywords, Image, Author Profile) in Blogger:-