Wednesday, April 19, 2017

Detailed guide on Meta Tags for Blogger

blogger meta tags keywords
As you know, Blogger have few limitation including meta descriptions, we have made detailed blogpost on Blogger Meta Tags. You can view details for different meta tags for each blogger page or post.

Step by step instruction for Add meta tags in Blogger.

Step 1: Go to edit HTML mode in blogger

Open blogger and click on Theme from left sidebar and click Edit HTML option.

Step 2: Install necessary optimized meta tags

Add following code exactly after <head> tag.

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Step 3: Add Meta Tags for Blogger Description and Meta keywords

For homepage:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>

</b:if>

For blog post:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keyword1, keyword2, keyword3 &quot;' name='keywords'/>

</b:if>

Important: Change the Red text to your own.

Step 5: Close skin tag

After last line of above code type below code.

<b:skin><![CDATA[/*

Your final code should looks like below:

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keyword1, keyword2, keyword3 &quot;' name='keywords'/>

</b:if>

Step 6: Save template.

By adding above codes, blogger will automatically create meta tags and description for all pages and posts.

Comment your questions below. We will try to solve the same. Thanks for reading :)

1 comment: