Los titulos de nuestras entradas

como podemos cambiar los títulos de nuestras entradas.

Las etiquetas de nuestros encabezados, H1-H2-H3-H4 ect, con unas de las grandes etiquetas que nos pueden facilitar mucho SEO.

Estas etiquetas nos pueden facilitar mucho la visibilidad de nuestra página mediante SEO, si hacemos un uso correcto.

Tenemos que tener muy claro que si un artículo, aunque sea de mucha calidad, pero no está bien estructurado puede pasar desapercibido por los buscadores.

Los encabezados ayudan a los buscadores, a identificar los elementos importantes del contenido de nuestras entradas.

Por ejemplo, el H1 no debería de ir enlazado a ningún documento, ya que necesitamos que el contenido sea importante solo para el post que estamos viendo.

Debe de ser corto, ya que contra más largo más fuerza pierde para SEO.

Google, le da más importancia a las primeras palabras de la frase, que a las últimas.

Los encabezados


Cuando utilizamos las herramientas de edición de las entradas de Blogger, se genera una etiqueta HTML.

La mayoría de las plantillas, no están optimizadas para SEO, y vamos a explicar como podemos cambiar esto.


Optimizando la plantilla de Blogger


Vamos a ver como vamos a optimizar nuestra plantilla las etiquetas H1-H2-H3 ect de todas las secciones de nuestro blog.

Recuerda, antes de hacer cualquier modificación, es recomendable realizar una copia de seguridad de tu plantilla.


En Blogger > Plantilla > "Crear/Restablecer copia de seguridad".


1. Nos vamos a la edición del código HTML de la plantilla


Plantilla > Editar HTML

2. Buscamos "post-title entry-title" (CTRL+F, "post-title entry-title") y encontraremos algo como ésto:

<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/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

3. Sustituimos el código anterior por este otro, para darle mayor relevancia a los titulares de las entradas

<b:if cond='data:blog.pageType == "index"'>
<h2 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/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'><data:post.title/></h1>
</b:if>

4. Vuelve al paso 2 hasta que no encuentres más secciones "post-title entry-title"
Si tras los cambios no ves el título de la entrada correctamente, sigue estos pasos:

1. Busca

h3.post-title, .comments h4 {

y sustutúyelo por

post-title, h2.post-title, .comments h4 {

2. Busca

.mobile h3.post-title {

y sustitúyelo por

.mobile h3.post-title, .mobile h2.post-title {

Optimizando los encabezados de la sideber y footer.

La mayoría de plantillas blogger utilizan la etiqueta H2 para definir el encabezado de los gadgets/widgets del sidebar y el footer.

Puesto que estos titulares no suelen ser importantes para el posicionamiento de las entradas, los sustituiremos por la etiqueta H4, esto hará ganar mucho más peso a los encabezados del contenido, por lo que nuestras entradas estarán mejor optimizadas para el SEO.


1. Nos vamos a la edición del código HTML de la plantilla

Plantilla > Editar HTML

2. Busca todas las apariciones de:

<h2><data:title/></h2>

y sustitúyelo por:

<h4><data:title/></h4>

3. Busca todas las apariciones de (puede que tu plantilla no tenga apariciones de este código, es normal):

<h2 class='title'><data:title/></h2>

y sustitúyelo por:

<h4 class='title'><data:title/></h4>

Si tras el cambio anterior, no se visualiza correctamente los estilos, busca en el código "h2 {" y sustitúyelo por "h4 {", ahora se te verá como antes.

Cada vez que crees un nuevo gadget, desde el modo diseño de Blogger, se añadirá por defecto una etiqueta <h2>, por lo que recuerda volver a hacer este proceso si quieres mantenerlo optimizarlo.