SEO para Blogger

Blogger para SEO debe incluir etiquetas, no solo categorías. Esta guía ayuda aplicar los trucos para optimizar el posicionamiento en buscadores.
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.
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.

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

Esos son algunos puntos que nos ayudarán poner en las busquedas de google