The majority of bloggers are unaware of Meta Tags and their significance in SEO. These Meta Tags may or may not be included in the templates you get from your favorite website.
After you've learned all about Meta Tags and how to use them in your weblog, what's next? You'll be able to quickly add these Meta Tags.
We can learn about 24 Essential SEO Meta Tags in this post, as well as how to use all of them in Blogger. So, let's get started with the most crucial meta tags.
Table of Contents
{tocify} $title={Table of Contents}
If your templates don't include any install SEO meta tags, you may only utilize this SEO meta. Because double meta tags have an influence on your website's SEO. You may use defaults meta on your themes if you don't want to utilize custom meta.
1. Title Tags
Title Tags are the essential meta tags that use in every website. Title tags are simply HTML tag that allows you to add a title to a web page. In HTML, there is only one title tag use. But, there are other useful tags provide by Facebook and Twitter.
Open graph short form OG which provides important tags for the website. OG title must be used on your website blog to improve your SEO. There are also other important tags from OG like OG image, OG site_name, and more.
Twitter cards are also helpful for your website. you can use these markup codes to drives traffics to your website. You can visit the Twitter card developer page to use all markup code and documentation.
<b:if cond='data:view.isMultipleItems'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.pageTitle' property='og:image:alt'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta expr:content='data:blog.pageTitle' name='twitter:image:alt'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.pageName' property='og:image:alt'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>2. Meta Descriptions
Meta descriptions are also important tags as title tags. Simply, meta descriptions are a brief description of your page so that users understand what this website is all about. Also, there are various tags in meta descriptions like Open Graph and Twitter descriptions.
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='description'/>
<meta expr:content='data:post.snippet' property='og:description'/>
<meta expr:content='data:post.snippet' name='twitter:description'/>
</b:if>
3. Meta Image
Meta Image is an essential SEO meta tag that helps in your website. You can add important Image links like logo, banner, and posters to these all tags. The main image tags such as OG image, Twitter Image, etc. You must use all these tags on your website.
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
<b:else/>
<meta content='Your Image Link' property='og:image'/>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<meta content='Your Image Link' name='twitter:image'/>
<b:else/>
<meta expr:content='resizeImage(data:blog.postImageUrl, 0)' name='twitter:image'/>
</b:if>
<b:if cond='data:view.isPost'>
<link expr:href='resizeImage(data:blog.postImageUrl, 0)' rel='image_src'/>
</b:if>
4. Link Canonical
Link Canonical is the URL of Your web Page that helps to prevent duplication of the content of your Web Page. By identifying the "canonical" version of a web page, webmasters avoid duplicate content problems in search engine optimization. This HTML tag is launched by Google, Yahoo!, and bing in February 2009.
<link expr:href='data:blog.url.canonical' rel='canonical'/>
<link expr:href='data:view.url' hreflang='x-default' rel='alternate'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/> 5. Meta Owner
As compared to other meta tags like Title tags, meta description, and link Canonical, these are not much used and helpful for SEO. But, In these tags include some important tags for SEO. It helps to easy to connect your website to Facebook and Twitter. It can help to provide the author name of the website.
<meta content='Sushant Blog' name='Author'/>
<link href='https://www.facebook.com/sushanttrickz/' rel='author'/>
<link href='https://www.facebook.com/sushanttrickz/' rel='publisher'/>
<meta content='https://www.facebook.com/sushanttrickz/' property='article:author'/>
<meta content='https://www.facebook.com/sushanttrickz/' property='article:publisher'/>
<meta content='@sushanttrickz' name='twitter:site'/>
<meta content='@sushanttrickz' name='twitter:creator'/>
6. Theme Color
Theme color is also used as meta tags for any website. The element specifies a preferred color that user agents should use to customize the page's appearance. Many websites use theme colors that appear on the top of your mobile screen. You can add any Hex color value to these meta tags.
<meta content='#2495FF ' name='theme-color'/>
<meta content='#2495FF ' name='msapplication-navbutton-color'/>
<meta content='#2495FF ' name='apple-mobile-web-app-status-bar-style'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
7. Blogger RSS
Blogger RSS is also helpful to share content. RSS, which stands for Really Simple Syndication feed, is an XML-based content format. Many publishing platforms, for example, have an RSS feed. When you start writing content, the RSS feed will be updated with the most recent ones.
<meta content='blogger' name='generator'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.url' rel='openid.delegate'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='"//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
8. Site Verification
Site Verification also important tags that provide by Pinterest, Bing webmaster tool, and google search console. New SEO update 2021 include site verification from bing from Microsoft and search console from Google.
In the Google search console, no need to add and verify your site. But, to add your site in bing, you need to add your site verification code into your HTML file. Also, you can create a business account on your Pinterest and verify your site
<meta content='Your Pinterest Verification code' name='p:domain_verify'/>
<meta content='Binf verification code' name='msvalidate.01'/>
<meta content='Sushant Blog ' name='copyright'/>
9. Robots Search
Robots Search meta tags are simply coded which are put in the head section of your website. The meta robots tag tells search engines which pages you want to keep hidden from crawlers and which pages you want them to index and look at.
In Blogger, You can directly control from the setting panel or you can use this code. If you want to hide some images or pages then you can use the robot's meta tags.
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='index, follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
10. Apple touch Icon
Apple touch Icon is similar to favicon which is used in iPad, touch screen mobile, and iPhone. You can use any tool like Illustrator, Photoshop, and whatever your choice. The size of the logo must be the same as an apple-touch icon like 192 by 192 and more.
When you bookmark any website, the Apple touch icon can show on the top left side of the bookmark area. Also, you can see an apple-touch icon on mobile devices.
<link href='Your Logo Link' rel='apple-touch-icon' sizes='120x120'/>
<link href='Your Logo Link' rel='apple-touch-icon' sizes='152x152'/>
<link href='Your Favicon Link' rel='icon' type='image/x-icon'/>
<link href='Your Logo Link' rel='shortcut icon' type='image/x-icon'/>
11. Open Graph
Open Graph is an internet protocol introduced by Facebook. Using Open Graph Meta Data in your webpage help to identify the page's content. This is also essential metadata for SEO. Open Graph helps to provide Title, description, type of website, video duration, video width and height, and many more.
<meta content='article' property='og:type'/>
<meta content='id_ID' property='og:locale'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='summary_large_image' name='twitter:card'/>