SEO para usuarios de Blogger.com

  • agosto 8, 2010
Hace un tiempo le?? un art??culo que dec??a que Blogger no es bueno para el SEO porque no permite incluir etiquetas, s??lo categor??as. No obstante, a pesar de que para Blogger no existan plugins comoAll in one SEO pack, siempre es posible aplicar peque??os trucos para optimizar el posicionamiento en buscadores.
Magz Network public?? una peque??a gu??a SEO que puede aplicarse f??cil y r??pidamente a cualquier plantilla, y que se basa fundamentalmente en utilizar los siguientes trucos:

1. Cambiar la forma en que se muestran los t??tulos del blog

Normalmente, ??stos se muestran como T??tulo del blog: t??tulo del post (al ver posts individuales), pero la idea es que ??stos se muestren como T??tulo del post | T??tulo del blog. Para ello, es necesario buscar al inicio de la plantilla:
<title><data:blog.pageTitle/></title>
Y reemplazar por
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

2. Meta keywords & meta description

A??adir meta keywords y meta description s??lo para la p??gina de inicio, con condicionales. De esta forma, Google no detecta meta keywords y description duplicados.
Para ello, buscar (tambi??n al inicio de la plantilla):
<b:skin><![CDATA[/*
Y a??adir el siguiente c??digo antes:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="La descripci??n de tu blog" />
<meta name="keywords" content="keyword1, keyword2, keyword3, keyword4, keyword5" />
</b:if>

3. Cambiar encabezados (en los t??tulos de los posts)

Usar encabezados H1 para los t??tulos de los posts (con condicionales), en vez de H2 ?? H3 (como en la plantilla m??nima). Para ello, es necesario hacer dos cambios:
En los estilos (en la plantilla m??nima), buscar algo como:
.post h3 {
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:normal;
}
 
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
Reemplazar por:
 
.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 h1 strong, .post h1 a:hover {
color:$textcolor;
}
Luego, con los artilugios expandidos, buscar el siguiente c??digo:
<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>
Y reemplazar por:
<b:if cond='data:post.title'>
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>
</b:if>
 
</b:if>

4. Cambiar el encabezado principal (t??tulo del blog)

Buscar:
#header h1{
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Cambiar por:
#header h1, #header h2 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Y cambiar el contenido de la secci??n header-wrapper(etiquetas ???div??? incluidas) por:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Plantilla de pruebas (cabecera)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.pageType == &quot;index&quot;'><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>
</div>
Y para finalizar, siempre es recomendado mostrar losposts relacionados y botones para redes sociales.
Fuente – chicablogger.com
Importantes: 

No Comments Found

Deja un comentario