Angry Birds -  Red Bird
DonkeyMails.com: No Minimum Payout

Monday, January 16, 2012

How to edit blogspot / blogger template for SEO

Step by step tutorial to edit the blogger / blogspot template to be more SEO Friendly is only one way to increase your SERP.  

Complete Guide to blogger templates:
 

1. Page Title  
Usually the format of the blogger's page title like this: BLOG TITLE: POST TITLE, well our blogs to be preferred by google so ends our blog so crowded, we have to change that standard title page format like this: POST TITLE | TITLE BLOG . Do I find the following code in the EDIT HTML (how easy it is in Mozilla press ctrl + f and then copy and paste the code below):
<title> <data:blog.pageTitle/> </ title>

If already dapet remove n replace the code with the following code:

<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> | <data:blog.title/> </ title>
<b:else/>
<title> <data:blog.pageTitle/> </ title>
</ B: if>Or you can add the number of keywords :
<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> | <data:blog.title/> </ title>
<b:else/>
<title> <data:blog.pageTitle/> | your keywors | your keywords </ title>
</ B: if>
Replace the code "keyword" with keywords that you want. After all is finished do not forget to save the template
2. Meta keywords and descriptionsA search engine like google realy love a website / blog that clear theme and focuss on content. So, you must add a meta tag . add the following code before the code <b:skin> <! [CDATA [/ *
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="your blog description" />
<meta name="keywords" content="your keyword,
your keyword, your keyword, your keyword, your keyword" /></ B: if>
and save.
3. Breadcrumbs install.Breadcrumbs is a navigation menu on a post or article. The tips also been widely discussed on other blogs . you just search on google with keywords "how to make breadcrumbs menu for blogspot".
4. Related Post install.Related post is great for SEO as well as for visitors. So pairs of related post in your blog. The trick has been much discussed too in other blogs. just search on google with keywords "how to make a related post in Blogger".
5. Turning off the archive setting.Why? , as what i said if google really hate duplicate content. So you must not activate the archive option, for example:you make a blog on blogger.com. then make 3 posts, 1post every day. Then on the main page or home page there will be 3 your post and an archive link like this, http://yourblog.blogspot.com/2012_03_01_archive.html, these archive pages will bring up three posts that appear similar to those on the homepage.In essence, 2 pieces 2 links to different pages but has the same content. For google search engine this is are serious problem. Therefore we should switch to not activate the archive option.

how: after log in click the settings tab>> Archiving >> scroll Archiving frequency change no archive. >> done save the settings.
Or if you do not want to disable the function of the archive, you can place the following code under the code <head>:
<b:if cond='data:blog.pageType == "archive"'> <meta content='noindex' name='robots'/> </ b: if>
6. Adding code 'rel = canonical'The Point we add 'rel = canonical' is to avoid double content, because all SEO guru say that google is not able to tolerate a duplicate content. you can edit html and add the following code after the code <head>
<link expr:href='data:blog.url' rel='canonical' />
Done ,Save the template.
7. Heading TagChange the size of your title post with H1 tag. find the following code:
<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'>
<a expr:href='data:post.url'> <data:post.title/> </ a>
<b:else/>
<data:post.title/>
</ B: if>
</ B: if>
</ H3>
</ B: if>
Removed and change
the h3 (or in some templates using h2 ;blue color) with h1. After this just add the following code before ]]></ b: skin>
h1.post-title. Blog1 post h1 # h1, # Blog2 h1 {font-size: 1.5em;}
Well, that is simple that i know about how to edit blogger template to be more SEO friendly. Hmm, if you have any idea just complete this post and leave comments. Thank you.

5 comments:

Binary solutions said...

very useul information you have shared on blogger template for SEO
thanks for sharing
digital marketing Company

Lottery said...

Thankyou for the info, no template seems to match me needs so this is very helpful.

Anonymous said...

Thanks for making it so clear and exceptional guidance.
Template Design

WilliamHaris said...

I don’t know how should I give you thanks! I am totally stunned by your article.You saved my time. Thanks a million for sharing this article...used bus plugs and bus ducts



Unknown said...

Very nice & impressive article you have posted.. Wonderful post, It is really not difficult to study your blog.. I have found good information in your blog..
Flushed Color Dispersions

Post a Comment