The meta tags help generate snippets for search engines like Google, Bing, or Yandex. We can use meta tags for improving SEO. This article will discuss what meta tags are and how we can add these tags to the Blogger blog.
What are Meta Tags?
Meta tags are informational codes available in the header of the website for the search engines. When a search engine bot crawls a website, meta tags provide information about the page content.
Meta tags provide information regarding robots tags, social media, etc. Hence, they help in generating rich snippet results.
Meta Tags for SEO
- Description Meta tag: This tag provides information about the excerpt of the article that should appear along with page results in the search engine.
- Title Tag: Define the title of the Page for the search engines,
- Robots tag: these tags declare how a page should appear in the search results like index, noindex, page snippet, etc.
Open Graph Meta tags
Open graph data introduced by Facebook in 2010. It allows generating rich snippet content when you share the content on social media like Facebook, Twitter, Telegram, etc.
- Open Graph Type <meta content=’article’ property=’og:type’/>
- This declares the type of content of the website, i.e., web page or article.
- Open Graph Image,
- This tag talk about the image included for social media. Usually, it should be of large size 1200×675.
- Title and Description Tags
- These tags provide information about the title tags used and the description of the website.
How to Generate and add Meta Tags to Blogger blog.
We can use all the above-discussed meta tags in the Blogger blog. These are information codes that should inject into the header section of any website or blog.
To inject the meta tags in Blogger, you’ve to edit the Blogger XML template. Find the <head> tag and paste all these meta tags just below </head> tag.
<b:if cond='data:view.isSingleItem'>
<meta content='article' property='og:type'/>
<else/>
<meta content='website' property='og:type'/>
</b:if>
<b:include data='blog' name='all-head-content' />
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.title/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/>
<b:else/> ERROR 404 - <data:blog.title/>
</b:if>
</b:if>
</title>
<b:if cond='!data:view.isHomepage and !data:view.isSingleItem'>
<meta content='noindex,follow' name='robots'/>
<else/>
<meta content='max-snippet:-1, max-image-preview:large, max-video-preview:-1' name='robots'/>
</b:if>
<meta content='https://www.facebook.com/myfburl' property='article:publisher' />
<meta content='https://www.facebook.com/adminurl' property='article:author' />
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title' />
<meta expr:content='data:blog.canonicalUrl' property='og:url' />
<meta content='article' property='og:type' />
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image' />
<meta expr:content='data:blog.postImageUrl' property='og:image:secure_url' />
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image' />
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description' />
</b:if>
<meta expr:content='data:blog.title' property='og:site_name' />
<meta expr:content='data:blog.homepageUrl' name='twitter:domain' />
<meta expr:content='data:blog.pageName' name='twitter:title' />
<b:if cond='data:blog.postImageUrl'>
<meta content='summary_large_image' name='twitter:card' />
<meta expr:content='data:blog.postImageUrl' name='twitter:image' />
<b:else/>
<meta content='summary' name='twitter:card' />
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image' />
</b:if>
</b:if>
<meta expr:content='data:blog.pageName' name='twitter:title' />
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description' />
</b:if>
<!-- Social Media meta tag need customer customization -->
<meta content='Your Google Webmaster Verification Code' name='google-site-verification' />
<meta content='Your Bing Verification Code' name='msvalidate.01' />
<meta content='Your facebook ID' property='fb:app_id' />
<meta content='Facebook Admin' property='fb:admins' />
<meta content='Twitter Page' name='twitter:site' />
<meta content='Twitter Admin' name='twitter:creator' />
<meta content='your country' name='geo.placename' />
<meta content='Your Name' name='Author' />
<meta content='general' name='rating' />
<meta content='IN' name='geo.country' />Please note: You’ve to replace values given in the red color with your values.
And also, don’t provide meta tags twice. It may be possible that some meta tags may already present in your Blogger blog. You’ve to find all meta terms starting with <meta /> in the header section and delete. Only then you’ve to paste these metadata codes.
After pasting the above code, let Google crawl your webpage, and you can see improvement in your Organic Search Results. Along with these, you can also set custom robots header tags for your blog.
In addition to the meta tag, you can also add the schema markup structure data to the Blogger blog. Schema tags are now crucial for rich snippet results. It increases the CTR of your website.
Conclusion
In this article, we discussed how to generate and add meta tags to the Blogger blog for rich snippet results. We also discussed schema markup structure data for rich snippet results.
I hope this post is beneficial for you. If you like this post, any queries or suggestions, please let me know in the comment section below. I’ll be happy If I can help you. 🙂
fpskingscammer.blogspot.com
https://fpskingscammer.blogspot.com
https://zharlzzz.blogspot.com
Thanks for this. I’m a beginner and my site is a football blog. I’m applying every of your tips, including this.
Thanks a lot Sir!!
https://maziyashwantbhet.blogspot.com