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.
- 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 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
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/yourfburl' 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.
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.
0 Comments