The 24 Essential SEO Meta Tags For Your Blogger/BlogSpot [2021 Updates]

You can only use this SEO meta If there is no install SEO meta tags in your templates. Because double meta tags impact the SEO of your website.

meta-tags

Most Bloggers don't know about Meta Tags and their importance in SEO. Must of the templates, you downloading from your favorite website maybe include these Meta Tags or not?  

After complete to learn all these Meta Tags and how to use them in your blogger? You will be able to add these Meta Tags easily. 

In this article, We can learn about 24 Essential SEO Meta Tags and how to implement all these Meta Tags in Blogger. So, let start with our first and important meta tags. 

You can only use this SEO meta If there are no install SEO meta tags in your templates. Because double meta tags impact the SEO of your website. otherwise, you can use defaults meta on your themes. 

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='Nepali Graphics' name='Author'/>
<link href='https://www.facebook.com/nepaligraphics/' rel='author'/>
<link href='https://www.facebook.com/nepaligraphics/' rel='publisher'/>
<meta content='https://www.facebook.com/nepaligraphics/' property='article:author'/>
<meta content='https://www.facebook.com/nepaligraphics/' property='article:publisher'/>
<meta content='@nepaligraphics' name='twitter:site'/>
<meta content='@nepaligraphics' 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 + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='&quot;//www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' 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='Nepali Graphics ' 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 robots' 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 in the top left side of the bookmark area. Also, you can see 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'/>