Completa guía SEO para usuarios de blogger

Siempre me pregunté si había una forma de optimizar mis plantillas de blogger para que tubieran un mejor posicionamiento en los buscadores, no sólo modificar la forma en que se muestran los títulos para que se visualice primero el nombre de la entrada y luego si el nombre del blog y agregar las meta equiquetas keywords y description. Estos tips son los más conocidos por los bloggers que modifican sus plantillas para posicionar mejor sus post.

Hay otros trucos que ayudan a optimizar la plantilla. Magznetwork publicó un pequeño tutorial SEO que se puede aplicar facilmente a cualquier plantilla blogger, sin tener que quedarse sin pelo en el intento. Esos tips son los siguientes:

Primero empezaremos con los básicos.

1- Modificar la forma en que se muestran los títulos en el sitio.

Como ya sabemos los títulos blogger los muestra de la forma Título del blog: Título del post lo que queremos es que queden al contrario, es decir así Título del post: Título del blog, pues lo importante es que las palabras clave queden lo mas a la izquierda posible, para no perder posiciones en los buscadores.

En el inicio de la plantilla buscamos algo así:

<title><data:blog.pageTitle/></title>

Y lo reemplazamos por el siguiente código:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>


2- Agregar las Meta Keywords y la Meta description.

Las palabras clave (Keywords) y la Description (description), son las piezas mas importantes en un blog que desea ubicarse en los primeros resultados de busqueda. Blogger infortunadamente no las incluye por defecto en las plantillas. Lo mejor que podemos hacer es agregarlas nosotros manualmente.

Ubicamos el siguiente codigo al inicio de la plantilla.

<b:skin><![CDATA[/*

Añadimos antes el siguiente código.

<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 del post.

Aquí empieza lo bueno, usamos encabezados H1 con condicionales en lugar de usar H2 ó H3 por lo que necesitamos hacer los siguientes cambios.

Buscamos en los estilos algo parecido a esto.

.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;
}

Remplazar por lo siguiente:

.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 damos clic en la casilla expandir artilugios y buscamos el codigo siguiente.

<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 lo reemplazamos con este otro.

<b:if cond='data:post.title'>

<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>
</b:if>

</b:if>

4-Cambiar el encabezado principal. Título del Artículo.

Ya nos falta poco, ahora solo tenemos que cambiar el encabezado del título.

Buscamos algo así:

#header h1{
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Con este otro.

#header h1, #header h2 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

si se fijan es el mismo código, sólo cambió la primera linea, lo que nos deja esta otra despues del cambio.

#header h1, #header h2 {



Este es el último paso, buscamos la sección header-wrapper incluyendo las etiquetas "div" y reenplazamos el contenido usando este código.

<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 == "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>
</div>

Ten presente que en donde dice "title" debes reemplazar el texto plantilla de pruebas (Cabecera) por el título de tú blog.

Enlace: Chicablogger

Temas relacionados