Complete guide to SEO for blogger users
I always wondered if there was a way to optimize my blogger templates to better tubieran positioning in search engines, not just change the way they shows the titles to display the name of the first inning, then if the name of the blog and add keywords and description meta equiquetas. These tips are best known by bloggers who change their templates to position their post.
There are other tricks to help optimize the template. Magznetwork published a small SEO tutorial that can be applied easily to any blogger template, without having to lose hair in the attempt. These tips are:
First start with the basics.
1 - Change the way titles are displayed on the site.
As we know the titles blogger the specimen so Blog Title: Title of post what we want is that they are the opposite, ie post and Title: Blog Title , because the important thing is that keywords are the most far left as possible to avoid losing search engine positions.
At the beginning of the template look like this:
\u0026lt;title> \u0026lt;data:blog.pageTitle/> \u0026lt;/ title>
and replace it with the following code:
\u0026lt;b: if cond = 'data: blog.pageType == "item" '>
\u0026lt;title> \u0026lt;data:blog.pageName/> \u0026lt;data:blog.title/> \u0026lt;/ title>
\u0026lt;b:else/> \u0026lt;title>
\u0026lt;data:blog.pageTitle/> \u0026lt;/ title>
\u0026lt;/ b: if>
2 - Add the Meta Keywords and Meta description.
keywords (Keywords) and Description (description) are the most important pieces in a blog that you want in the first search results. Blogger unfortunately not included by default in the templates. The best thing we can do is add them manually.
We place the following code at the beginning of the template.
\u0026lt;b:skin> \u0026lt;! [CDATA [/ *
added before the next code. \u0026lt;b:if
cond='data:blog.url == data:blog.homepageUrl'>
\u0026lt;meta name="description" content="Google's description of your blog" /> \u0026lt;meta name="keywords"
content="keyword1, keyword2, keyword3, keyword4, keyword5" />
\u0026lt;/ b : if>
3 - Change headers in the post titles.
good starts here, with conditional use H1 headers instead of using H2 or H3 and we need to make the following changes. We
in styles something like this.
.
post h3 {margin: .25 em 0 0;
padding: 0 0 4px;
font-size: 140%;
font-weight: normal;
line-height: 1.4em;
color: $ titlecolor;}
. Post h3 a,. Post h3 a: visited,.
post h3 strong {display: block;
text-decoration: none;
color: $ titlecolor;
font-weight: normal;}
. post h3 strong,. post h3 a: hover {
color: $ textcolor;}
Replace by the following:
. post h3,.
post h1 {margin:. 25em 0 0;
padding: 0 0 4px;
font-size: 140%;
font-weight: normal;
-line-height: 1.4em;
color: $ titlecolor;}
. post h3 a,. post h3 a: visited,.
post h3 strong {display: block;
text-decoration: none;
color: $ titlecolor;
font-weight: bold;}
. Post h1 a,. Post h1 a: visited,.
post h1 strong {display: block;
text-decoration: none;
color: $ titlecolor;
font-weight: bold;}
. post strong H1. post h1 a: hover {
color: $ textcolor;}
Then we click expand widgets box and look for the code. \u0026lt;b:if
cond='data:post.title'>
\u0026lt;h3 class='post-title entry-title'>
\u0026lt;b: if cond = 'data: post.link' >
\u0026lt;a expr:href='data:post.link'> \u0026lt;data:post.title/> \u0026lt;/ a> \u0026lt;b:if
\u0026lt;b:else/>
cond='data:post.url'>
\u0026lt;a expr:href='data:post.url'> \u0026lt;data: post.title /> \u0026lt;/ a>
\u0026lt;b:else/>
\u0026lt;data:post.title/>
\u0026lt;/ b: if>
\u0026lt;/ b: if>
\u0026lt;/ h3>
\u0026lt;/ b: if>
and replace it with this one. \u0026lt;b:if
cond='data:post.title'>
\u0026lt;b:if cond='data:blog.pageType == "item"'>
<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:else/>
<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>
\u0026lt;/ b: if>
\u0026lt;/ b: if>
4-Change the main header. Title of Article. Already
we lack little, now we just have to change the header title. We
something like
# header h1 {
margin: 5px 5px 0;
padding: 15px 20px .25 em;
line-height: 1.2em;
text-transform: uppercase;
letter-spacing: .2 em ;
font: $ pagetitlefont;}
In the latter case.
# header h1, # header h2 {
margin: 5px 5px 0;
padding: 15px 20px .25 em;
line-height: 1.2em;
text-transform: uppercase;
letter-spacing: .2 em;
font: $ pagetitlefont;}
if set is the same code, just change the first line, leaving us with this one after the change.
# header h1, # header h2 {
This is the last step, we look for the section header-wrapper including the labels "div" and reenplazamos content using this code. \u0026lt;div
id='header-wrapper'>
\u0026lt;b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
\u0026lt;b: widget id='Header1' locked='true' title='Plantilla de pruebas (cabecera)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.pageType == "index"'><h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<b:else/><h2><a expr:href='data:blog.homepageUrl'><data:title/></a></h2></b:if>
</b:includable>
<b:includable id='description'>
<div class='description'>
<p class='description'><data:description/></p>
</div>
</b:includable>
<b:includable id='main'>
<b:include name='title'/>
<b:include name='description'/>
</b:includable>
</b:widget>
</b:section>
\u0026lt;/ Div>
Keep in mind that where it says " title" must replace the text test template (header) by the title of your blog.
Link: Chicablogger
Close 
