HOW TO CHANGE BLOGGER BLOG SEO FRIENDLY
Create Related Posts (Related article):
1. Login to blogger.com or draft.blogger.com
2. Click the Design, click Edit HTML
3. Click Expand Widget Templates
4. Copy the code below and paste it right under the code
<p> data: post.body /> <P>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h1> Related Posts </ h1> <br/>
<div id='data2007'/> <br/> <br/>
<script type='text/javascript'>
homeUrl3 var = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
maxNumberOfLabels var = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
listEntries10 function (json) {
var ul = document.createElement ('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel)?
json.feed.entry.length: maxNumberOfPostsPerLabel;
for (var i = 0; i <maxPosts; i + +) {
var entry = json.feed.entry [i];
var alturl;
for (var k = 0; k <entry.link.length; k + +) {
if (entry.link [k]. rel == 'alternate') {
alturl = entry.link [k]. href;
break;
}
}
var li = document.createElement ('li');
var a = document.createElement ('a');
a.href = alturl;
if (a.href! = location.href) {
var txt = document.createTextNode (entry.title. $ t);
a.appendChild (txt);
li.appendChild (a);
ul.appendChild (li);
}
}
for (var i = 0; l <json.feed.link.length; l + +) {
if (json.feed.link [l]. rel == 'alternate') {
raw = json.feed.link var [l]. href;
var label = raw.substr (homeUrl3.length +13);
var k;
for (k = 0; k <20; k + +) label = label.replace ("% 20", "");
var txt = document.createTextNode (label);
var h = document.createElement ('b');
h.appendChild (txt);
var div1 = document.createElement ('div');
div1.appendChild (h);
div1.appendChild (ul);
document.getElementById ('data2007'). appendChild (div1);
}
}
}
search10 function (query, label) {
var script = document.createElement ('script');
script.setAttribute ('src', query + 'feeds/posts/default/- /'
+ + Label
'? Alt = json-in-script & callback = listEntries10');
script.setAttribute ('type', 'text / javascript');
document.documentElement.firstChild.appendChild (script);
}
labelArray var = new Array ();
numLabel var = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i <labelArray.length; i + +)
if (labelArray [i] == textLabel) test = 1;
if (test == 0) {
labelArray.push (textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels)?
labelArray.length: maxNumberOfLabels;
if (numLabel <maxLabels) {
search10 (homeUrl3, textLabel);
numLabel + +;
}
}
</ B: loop>
</ B: loop>
</ Script>
</ Div>
</ Div>
</ B: if>
can replace text replace Related Posts on the above code with the words that you want. Example: "related article"
Page Title
Blogspot Template Modifications For SEO Friendly Page TitleJudul standard for the single post pages on Blogger is a BLOG TITLE: POST TITLE. You can improve SEO by converting them into POST TITLE | BLOG TITLE. Find this code in your template:
<title> <data:blog.pageTitle/> </ title>
After the meet, replace the above code with the code below
<b:if cond='data:blog.pageType == "item"'> <title> <data:blog.pageName/> | <data:blog.title/> </ title> <b:else/> <title> <data:blog.pageTitle/> </ title> </ b: if>
If necessary, add a keyword to the title of the homepage. For example:
<b:if cond='data:blog.pageType == "item"'> <title> <data:blog.pageName/> | <data:blog.title/> </ title> <b:else/> <title> <data:blog.pageTitle/> | TV Episode Guide | TV Show Info </ title> </ b: if>
Meta Keyword and Meta Description
Meta Keywords Meta Descriptions
Some expert bloggers providing explanations and guidance on how to make meta keywords and meta description. If not add meta keywords and meta description on a blog, please put the following code right above the code <b:skin> <! [CDATA [/ *
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name='description' content='Deskripsi Blog Anda'/>
<meta name='keywords' content='Keyword1, Keyword2, Keyword3, dst' /> </ b: if>
For example:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name='description' content='SeasonEpisode-TV News TV Episode Guide' />
<meta name='keywords' content='tv news, episode, season episode tv guide, listing' /> </ b: if>
Heading
Heading tags are also very important for SEO. Heading tag on blogspot usually wear a tag H2 or H3. To improve your SEO, you should use H1 tags for post titles. Find the following code in the HTML code of your blog template:
<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>
Replace the code above into H1 H3 tag, so the results are as below:
<b:if cond='data:post.title'>
<h1 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>
</ H1>
</ B: if>
Also add this code below to change the font size of posts, precisely before code ]]></ b: skin>
h1.post-title. Blog1 post h1 # h1, # Blog2 h1 {font-size: 1.5em;}
create Breadcrumb Navigation is a navigation that serves as a 'user interface'. Breadcrumb allows visitors to still be able to know the location of pages in a blog they are reading.
usually shaped breadcrumb hierarchy that describes the position and the presence of an article in the blog. The basic structure consists of breadcrumb front page, Label / Category and Content of articles, and separated by a hyphen>> or a>. The structure of a breadcrumb can be seen as follows:
Home>> Labels / Categories>> Content article. Or
Home> Label / Category> Content Articles
On the front page and the label will be given a link which serves as the back button so it can be easier to select another article.
How to make breadcrumb
Click Design
Click on Edit HTML
Click Expand Widget Templates
Copy the following CSS code above ]]></ b: skin>
# Breadcrumbs {
padding: 5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size: 10px;
line-height: 1.4em;
border-bottom: 1px dotted # cccccc;
}
Find Code <div class='post hentry uncustomized-post-template'> then paste the below code above.
<b:if cond='data:blog.homepageUrl == == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType "item"'> <div class = 'breadcrumbs'> Browse> <a expr:href='data:blog.homepageUrl'> Home </ a>> <b:if cond='data:post.labels'> <b: loop values =' data: post.labels 'var =' label '> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </ a> <b: if cond =' data: label.isLast! = "true" '>, </ b: if> </ b: loop> </ b: if>> <data:post.title/> </ div> </ b: if> </ b: if>
Turn off the setting archive (archive)
Google hates duplicate content with his name. when we turn on the option file, like this example:
You create a blog at blogger.com. then make 3 posts, 1 fruit every day. Then on the main page or home page there will be three posts and a rich archive link gini, http://BLOG-ANDA.blogspot.com/2011/03/1/rchive.html, on these archive pages will appear the same with 3 posts which appear in the homepage.
In essence, 2 links to 2 pages are different but have the same content. For what else google search engine is a serious problem. therefore we should switch to non-filing options, how: log in click the settings tab>> Archiving>> Archiving the frequency change on a no archive. >> Finished save the settings.
Or if you do not want to disable the function of the archive, please place the following code under the code <head>:
<b:if cond='data:blog.pageType == "archive"'> <meta content='noindex' name='robots'/> </ b: if>
Adding code 'rel = canonical'
The function of adding a 'rel = canonical' is to avoid double content, because google is not able to tolerate a duplicate content (* create the works just ngopas carefully before expelled from gugel .. beware pendepakan not 'just happen just because there is no intention of mbah google but also because some ngopas, beware, beware *). edit the HTML and add the following code after the code <head>
<link expr:href='data:blog.url' rel='canonical'/>
Save the template and complete
Like Facebook and twetter pairs or other social networking in each blog post to our blog more popular, the following tips with examples such as in
1. login to Blogger
2. select a design and then do not forget to click on Edit html
3. check expand widgets box
4. then find this code <div class='post-header-line-1'/> if not met can also find this code <data:post.body/>
5. for code <div class='post-header-line-1'/> put on it while the script code when using <data:post.body/> put afterwards.
Nich script code:
<! - AddThis Button BEGIN ->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"> </ a>
<a class="addthis_button_tweet"> </ a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"> </ a>
<a class="addthis_counter addthis_pill_style"> </ a>
</ Div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ebcec7b0e99b27e"> </ script>
<! - AddThis Button END ->
then save the template, and so deh ...!
1. Login to blogger.com or draft.blogger.com
2. Click the Design, click Edit HTML
3. Click Expand Widget Templates
4. Copy the code below and paste it right under the code
<p> data: post.body /> <P>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h1> Related Posts </ h1> <br/>
<div id='data2007'/> <br/> <br/>
<script type='text/javascript'>
homeUrl3 var = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
maxNumberOfLabels var = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
listEntries10 function (json) {
var ul = document.createElement ('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel)?
json.feed.entry.length: maxNumberOfPostsPerLabel;
for (var i = 0; i <maxPosts; i + +) {
var entry = json.feed.entry [i];
var alturl;
for (var k = 0; k <entry.link.length; k + +) {
if (entry.link [k]. rel == 'alternate') {
alturl = entry.link [k]. href;
break;
}
}
var li = document.createElement ('li');
var a = document.createElement ('a');
a.href = alturl;
if (a.href! = location.href) {
var txt = document.createTextNode (entry.title. $ t);
a.appendChild (txt);
li.appendChild (a);
ul.appendChild (li);
}
}
for (var i = 0; l <json.feed.link.length; l + +) {
if (json.feed.link [l]. rel == 'alternate') {
raw = json.feed.link var [l]. href;
var label = raw.substr (homeUrl3.length +13);
var k;
for (k = 0; k <20; k + +) label = label.replace ("% 20", "");
var txt = document.createTextNode (label);
var h = document.createElement ('b');
h.appendChild (txt);
var div1 = document.createElement ('div');
div1.appendChild (h);
div1.appendChild (ul);
document.getElementById ('data2007'). appendChild (div1);
}
}
}
search10 function (query, label) {
var script = document.createElement ('script');
script.setAttribute ('src', query + 'feeds/posts/default/- /'
+ + Label
'? Alt = json-in-script & callback = listEntries10');
script.setAttribute ('type', 'text / javascript');
document.documentElement.firstChild.appendChild (script);
}
labelArray var = new Array ();
numLabel var = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i <labelArray.length; i + +)
if (labelArray [i] == textLabel) test = 1;
if (test == 0) {
labelArray.push (textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels)?
labelArray.length: maxNumberOfLabels;
if (numLabel <maxLabels) {
search10 (homeUrl3, textLabel);
numLabel + +;
}
}
</ B: loop>
</ B: loop>
</ Script>
</ Div>
</ Div>
</ B: if>
can replace text replace Related Posts on the above code with the words that you want. Example: "related article"
Page Title
Blogspot Template Modifications For SEO Friendly Page TitleJudul standard for the single post pages on Blogger is a BLOG TITLE: POST TITLE. You can improve SEO by converting them into POST TITLE | BLOG TITLE. Find this code in your template:
<title> <data:blog.pageTitle/> </ title>
After the meet, replace the above code with the code below
<b:if cond='data:blog.pageType == "item"'> <title> <data:blog.pageName/> | <data:blog.title/> </ title> <b:else/> <title> <data:blog.pageTitle/> </ title> </ b: if>
If necessary, add a keyword to the title of the homepage. For example:
<b:if cond='data:blog.pageType == "item"'> <title> <data:blog.pageName/> | <data:blog.title/> </ title> <b:else/> <title> <data:blog.pageTitle/> | TV Episode Guide | TV Show Info </ title> </ b: if>
Meta Keyword and Meta Description
Meta Keywords Meta Descriptions
Some expert bloggers providing explanations and guidance on how to make meta keywords and meta description. If not add meta keywords and meta description on a blog, please put the following code right above the code <b:skin> <! [CDATA [/ *
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name='description' content='Deskripsi Blog Anda'/>
<meta name='keywords' content='Keyword1, Keyword2, Keyword3, dst' /> </ b: if>
For example:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name='description' content='SeasonEpisode-TV News TV Episode Guide' />
<meta name='keywords' content='tv news, episode, season episode tv guide, listing' /> </ b: if>
Heading
Heading tags are also very important for SEO. Heading tag on blogspot usually wear a tag H2 or H3. To improve your SEO, you should use H1 tags for post titles. Find the following code in the HTML code of your blog template:
<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>
Replace the code above into H1 H3 tag, so the results are as below:
<b:if cond='data:post.title'>
<h1 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>
</ H1>
</ B: if>
Also add this code below to change the font size of posts, precisely before code ]]></ b: skin>
h1.post-title. Blog1 post h1 # h1, # Blog2 h1 {font-size: 1.5em;}
create Breadcrumb Navigation is a navigation that serves as a 'user interface'. Breadcrumb allows visitors to still be able to know the location of pages in a blog they are reading.
usually shaped breadcrumb hierarchy that describes the position and the presence of an article in the blog. The basic structure consists of breadcrumb front page, Label / Category and Content of articles, and separated by a hyphen>> or a>. The structure of a breadcrumb can be seen as follows:
Home>> Labels / Categories>> Content article. Or
Home> Label / Category> Content Articles
On the front page and the label will be given a link which serves as the back button so it can be easier to select another article.
How to make breadcrumb
Click Design
Click on Edit HTML
Click Expand Widget Templates
Copy the following CSS code above ]]></ b: skin>
# Breadcrumbs {
padding: 5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size: 10px;
line-height: 1.4em;
border-bottom: 1px dotted # cccccc;
}
Find Code <div class='post hentry uncustomized-post-template'> then paste the below code above.
<b:if cond='data:blog.homepageUrl == == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType "item"'> <div class = 'breadcrumbs'> Browse> <a expr:href='data:blog.homepageUrl'> Home </ a>> <b:if cond='data:post.labels'> <b: loop values =' data: post.labels 'var =' label '> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </ a> <b: if cond =' data: label.isLast! = "true" '>, </ b: if> </ b: loop> </ b: if>> <data:post.title/> </ div> </ b: if> </ b: if>
Turn off the setting archive (archive)
Google hates duplicate content with his name. when we turn on the option file, like this example:
You create a blog at blogger.com. then make 3 posts, 1 fruit every day. Then on the main page or home page there will be three posts and a rich archive link gini, http://BLOG-ANDA.blogspot.com/2011/03/1/rchive.html, on these archive pages will appear the same with 3 posts which appear in the homepage.
In essence, 2 links to 2 pages are different but have the same content. For what else google search engine is a serious problem. therefore we should switch to non-filing options, how: log in click the settings tab>> Archiving>> Archiving the frequency change on a no archive. >> Finished save the settings.
Or if you do not want to disable the function of the archive, please place the following code under the code <head>:
<b:if cond='data:blog.pageType == "archive"'> <meta content='noindex' name='robots'/> </ b: if>
Adding code 'rel = canonical'
The function of adding a 'rel = canonical' is to avoid double content, because google is not able to tolerate a duplicate content (* create the works just ngopas carefully before expelled from gugel .. beware pendepakan not 'just happen just because there is no intention of mbah google but also because some ngopas, beware, beware *). edit the HTML and add the following code after the code <head>
<link expr:href='data:blog.url' rel='canonical'/>
Save the template and complete
Like Facebook and twetter pairs or other social networking in each blog post to our blog more popular, the following tips with examples such as in
1. login to Blogger
2. select a design and then do not forget to click on Edit html
3. check expand widgets box
4. then find this code <div class='post-header-line-1'/> if not met can also find this code <data:post.body/>
5. for code <div class='post-header-line-1'/> put on it while the script code when using <data:post.body/> put afterwards.
Nich script code:
<! - AddThis Button BEGIN ->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"> </ a>
<a class="addthis_button_tweet"> </ a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"> </ a>
<a class="addthis_counter addthis_pill_style"> </ a>
</ Div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ebcec7b0e99b27e"> </ script>
<! - AddThis Button END ->
then save the template, and so deh ...!