Hello bloggers, let us learn to edit the template blogger / blogspot to be SEO Friendly. So in this post I am about providing tips on SEO (Search engine optimization). Immediately, see step by step to edit the template blogger / blogspot to SEO Friendly.
1. Page Title
Normally format of the blogger's page title like this: BLOG TITLE: TITLE POSTING, now that our blog is more favored by google so that the edges of our blog so crowded, we have to change that standard title page format like this: POST TITLE | BLOG TITLE . 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):
If you already get code themselves remove and replace 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>
Bloggers can also add some keywords:
Change the code "Keyword" with keywords that bloggers want. After all completed then Click Save.
2. Meta keyword and Descriptions
The search engine like google really like a website / blog is clearly the theme and content of its content. So, my friend should add a meta tag that his name tag. The trick is to add the following code before the code <b:skin><![CDATA[/*
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Description your Blog" />
<meta name="keywords" content="Keyword, keyword, keyword, keywords, keywords" />
</b:if>
After all completed then Click Save.
3. Install Breadcrumbs.
Breadcrumbs are a navigation menu that is on a post or article. Examples can be seen his skipper this blog. The way the pair also been widely discussed on blogs blogging teacher. Have a friend looking on google with keywords "how to make breadcrumbs menu".
4. Install Related Post.
Related post is very good for SEO as well as for visitors. So pairs of related post in your blog. The trick has been widely discussed on blogs blogging teachers. Have a friend looking on google with keywords "how to make a related post on blogger".
5. Add code ‘rel=canonical’
Pointless we add 'rel = canonical' is to avoid double content, because as the master of SEO say that google is not able to tolerate a duplicate content (* So make that work can Just a copy and paste be careful before ya kicked out of google *). His way in the edit html add the following code after the code <head>
<link expr:href='data:blog.url' rel='canonical' />
6. Tag Heading
Google is like a text or title to the H1 tag. Therefore, change the size of the title of the post buddy with H1 tag. The trick 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>
The code in bold (red color) is removed and the change of the H3 (or in some templates using H2) to H1. After that add the following code before the code ]]> </ b: skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Ok, completed. So only these tips are widely used to modify the template SEO Friendly.
1. Page Title
Normally format of the blogger's page title like this: BLOG TITLE: TITLE POSTING, now that our blog is more favored by google so that the edges of our blog so crowded, we have to change that standard title page format like this: POST TITLE | BLOG TITLE . 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 you already get code themselves remove and replace 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>
Bloggers can also add some keywords:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Key words | Key words </title>
</b:if>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Key words | Key words </title>
</b:if>
2. Meta keyword and Descriptions
The search engine like google really like a website / blog is clearly the theme and content of its content. So, my friend should add a meta tag that his name tag. The trick is to add the following code before the code <b:skin><![CDATA[/*
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Description your Blog" />
<meta name="keywords" content="Keyword, keyword, keyword, keywords, keywords" />
</b:if>
After all completed then Click Save.
3. Install Breadcrumbs.
Breadcrumbs are a navigation menu that is on a post or article. Examples can be seen his skipper this blog. The way the pair also been widely discussed on blogs blogging teacher. Have a friend looking on google with keywords "how to make breadcrumbs menu".
4. Install Related Post.
Related post is very good for SEO as well as for visitors. So pairs of related post in your blog. The trick has been widely discussed on blogs blogging teachers. Have a friend looking on google with keywords "how to make a related post on blogger".
5. Add code ‘rel=canonical’
Pointless we add 'rel = canonical' is to avoid double content, because as the master of SEO say that google is not able to tolerate a duplicate content (* So make that work can Just a copy and paste be careful before ya kicked out of google *). His way in the edit html add the following code after the code <head>
<link expr:href='data:blog.url' rel='canonical' />
6. Tag Heading
Google is like a text or title to the H1 tag. Therefore, change the size of the title of the post buddy with H1 tag. The trick 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>
The code in bold (red color) is removed and the change of the H3 (or in some templates using H2) to H1. After that add the following code before the code ]]> </ b: skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Ok, completed. So only these tips are widely used to modify the template SEO Friendly.
