SEO en los titulos de los post (Blogger)

Optimizar el SEO en los títulos de los post de blogger, mejorando el uso de las etiquetas H3 y añadiendo H1 para mejorar los títulos. H1 debe ser la etiqueta a utilizar en los títulos de las entradas de las páginas individuales. Ejemplo: en el index del sitio, el título importante es el nombre del blog siempre lleva H1 pero en las páginas individuales, el título es el del post. Debemos condicionarlo a H1, por defecto, el título de las entradas es H3 siempre para todo el blog.


Entramos en plantilla con los artilugios expandidos y buscamos el siguiente código.

<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.link'><data:post.title/></a>
</b:if>
<b:else/>
<a expr:href='data:post.link'><data:post.title/></a>
</b:if>
</b:if>
</h3>
</b:if>

Y lo cambiamos por este código de abajo, optimizado para ver mejoras en los resultados de los buscadores.

<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h1 class='post-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<b:else/>
<h3 class='post-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</b:if>

Estos cambios deberán hacerse con cuidado, cada template puede variar. Lo importante es saber lo que hacemos es añadir una condicional y duplicar el código, el primero con H1 y el segundo con H3. También tenéis que agregar las propiedades css.

Buscamos .post h3 y le agregamos estas de abajo, H1 que son las de color rojo que van delante de las H3.

.post h1, .post h3 {
CSS
}
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {
CSS
}
.post h1 a:hover, .post h3 a:hover {
CSS
}