Thursday, 5 January 2017

Optimized Heading h1 h2 h3 Tags SEO In Blogger

Optimized Heading h1 h2 h3 Tags SEO In Blogger

Friends to day i m going to give some basic and important information about to optimized heading h1 h2 h3 Tags SEO In Blogger .A lot of people working on his blog and sharing very unique content but they didn't take them peak point because they don't know about SEO or asking or reading unauthentic articles across the web.i search many sites /blogs but i didn't find the right artical for SEO. A lot of my brother don't know about seo but just they share some code .And Tells to people to add it . The people add the codes but they didn't find any changes. These people didn't know




what actually SEO is ?
Also Read these post to make your Blog complete SEO

Related Posts With Optimized h1 h2 h3 Tags SEO

In this post i will explain you but before that i will tell that h1 tags seo is very must for blogger because the search engines trying to find quires in these tags (H1) first when the search engine didn't find H1 tags seo during his quires then they try to find the quires in h2 and the last one h3.
That's way i m going to give you some codes to optimized heading h1 and h2 tags seo in blogger.
when a user visit the search engines for finding his quires . User typing his keyword and search engine gives him right result how . i will tell you .
 A lot of people use custom template . But they don't know is this template is seo Friendly or not. Friends remember always upload responsive and SEO Friendly template . Now i m Going to show the simplest procedure to optimize heading h2 and h3 tags SEO in your blogger . 
Friends first i m going to show you h1 h2 h3 h4 tags in you blogger.

Overused h2 and Missing H1 Tags SEO in Blogger Posts Title/Optimized h1 h2 h3 Tags SEO

when you upload  the custom template in your blogger . then your h1,h2 and h3 tags will be that which am i going to show you.

  • h1 will be your blogger title
  • h2 will be widget title
  • h3 will be your post title.
  • h4 will also be wiget's

Now as i told you upper the search engine on search in those pages which have h1 post title like
if a user try to find his quires like i have given in photo the search engine search and bring all the h1 post on first page and second one is my post i add these codes that's way search engine bring my blog on first page
H1 Tags SEO In Blogger Posts Titles
Now
Let's Start

Prepare you H1 Tags SEO In Blogger Posts Titles 

i m going to show you that how can you add /Replace these code in your blogger templte.
Now lets start
First of all
Login in to you blogger Dash board and
GO > Template ''Click"
Click on the ''Edit HTML''

                          

This code Area will open

Press Ctrl + F '' Button form your keyboard for small search box . you can find easily any tag with the help of that search box . just copy the tag form here past in the search box and press Enter form keyboard the search will find-out in maximum in a second.

Copy this Tag and past in search box and find it.
class='post hentry'
This tag will contain on div section as i shown below

<div class='post hentry'> 



When you find this tag replace with this tag /code

<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> 
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>


Next copy the below code and find them .
CODE # 1
<b:if cond='data:post.title'> 
<h3 class='post-title entry-title'> 
<b:if cond='data:post.link'> 
<a expr:href='data:post.link'><data:post.title/></a> 
<b:else/> 
<data:post.title/> 
</b:if> 
</h3> 
</b:if>

if the upper code is not available in your temple then try to find this code in blogger template the upper/above code looking like that code
CODE # 2
<b:if cond='data:post.title'> 
<h3 class='post-title entry-title' itemprop='name'> 
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'> 
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a> 
<b:else/> 
<data:post.title/> 
</b:if> 
</h3> 
</b:if>


if you didn't both code try this one .One of them must have in your blogger template .Copy the code from here past in search box in html area and find it after finding replace with below code.
CODE # 3
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Now i found code no 3 in my template i will replace below code with this code.


Replace with this code Below . This is latest version optimized code for seo.
this is complete seo code for every template . Copy all code and past instead of upper code.

copy code from here
<b:if cond='data:post.title'> 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<h2 class='post-title entry-title' itemprop='name'> 
<b:if cond='data:post.link'> 
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/> 
<b:if cond='data:post.url'> 
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a> 
<b:else/> 
<data:post.title/> 
</b:if> 
</b:if> 
</h2> 

<b:elseif cond='data:blog.pageType == &quot;archive&quot;'/> 
<h2 class='post-title entry-title' itemprop='name'> 
<b:if cond='data:post.link'> 
<a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
<b:else/> 
<b:if cond='data:post.url'> 
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a> 
<b:else/> 
<data:post.title/> 
</b:if> 
</b:if> 
</h2> 

<b:else/> 
<h1 class='post-title entry-title' itemprop='name'> 
<b:if cond='data:post.link'> 
<data:post.title/> 
<b:else/> 
<b:if cond='data:post.url'> 
<data:post.title/> 
<b:else/> 
<data:post.title/> 
</b:if> 
</b:if> 
</h1> 
</b:if> 
</b:if>

Customize the Blogger Posts Titles

If you want to make you blogger posts title most beautiful and attractive .
first find this tag in you blogger Template
]]></b:skin>
after finding past the below code above this tag (]]></b:skin>)
you can also chang the color #CC6699
just copy the color from css color chart and replace with #CC6699 code your color will change
.post h2 a,.post h2 a:visited, .post h1{ 
display:block; 
text-decoration:none; 
color:#CC6699
font-family:arial; 
font-size:27px; 
line-height:36px} 

.post h2 a:hover{ 
color:#CC6699
text-decoration:none}


Thank for reading and following these steps  Adding h1 h2 h3 Tags SEOs  Tutorial .If you face any problem then contact us or comment us we will help you and that is very gladness for us to do your work .Share it with your friend .

Is this Tutorial is helpful
comment us we want to know about your opinion.
Previous Post
Next Post

0 comments: