Optimizar los títulos del blog

NOTA: Este post está desactualizado debido a los cambios realizado por Blogger.

Para una soluciòn efectiva, ver el siguiente artículo:

Hace un par de días, Quique preguntaba cómo cambiar el orden en que se muestran los títulos de los posts en la barra superior del navegador.

Por defecto, la barra de títulos del navegador, muestra esto:

Es decir:

Nombre del blog : Título del post - Navegador

Y no sólo es es una cuestión estética, Google indexa las entradas con el titulo del blog y no con el titulo del post (ver captura ejemplo) y lo ideal es que aparezcan invertidos, primero el título del post y luego el nombre del blog (ver captura ejemplo).

En WordPress es sencillo, hasta hay plugins que lo hacen. En Blogger también puede hacerse pero, debemos agregar el código directamente en la plantilla.

Vamos a Diseño / Edición HTML y sin expandir los artilugios, buscamos lo siguiente:

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

Y lo reeemplazamos por esto:

<!-- Optimización del título de Blogger -->
<b:if cond='data:blog.pageType == "item"'>
<b:section id='titleTag'>
<b:widget id='Blog2' locked='false' title='Entradas del blog' type='Blog'>
  <b:includable id='nextprev'/>
  <b:includable id='backlinks' var='post'/>
  <b:includable id='post' var='post'><data:post.title/></b:includable>
  <b:includable id='commentDeleteIcon' var='comment'/>
  <b:includable id='status-message'/>
  <b:includable id='feedLinks'/>
  <b:includable id='backlinkDeleteIcon' var='backlink'/>
  <b:includable id='feedLinksBody' var='links'/>
  <b:includable id='postQuickEdit' var='post'/>
  <b:includable id='comments' var='post'/>
  <b:includable id='main' var='top'>
    <title>
      <b:loop values='data:posts' var='post'>
        <b:include data='post' name='post'/></b:loop> : <data:blog.title/>
    </title>
  </b:includable>
  </b:widget>
  </b:section>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>
<!-- final optimización del título de Blogger -->

Si ya se posee un segundo elemento Blog en la plantilla, deberemos cambiar el numero del ID por el que corresponda. Por ejemplo:

<b:widget id='Blog3' locked='false' title='Entradas del blog' type='Blog'>

Eso es todo salvo un par de advertencias.

Hay que tener en cuenta que una vez que agreguemos el código y guardemos la plantilla, este, se nos mostrará diferente ya que, por defecto, Blogger oculta el contenido de los widgets:

<b:if cond='data:blog.pageType == "item"'>
<b:section id='titleTag'>
  <b:widget id='Blog2' locked='false' title='Entradas del blog' type='Blog'/>
  </b:section>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>

Por último, no vayan a creer que los cambios en los resultados de las búsquedas que muestra Google serán instantáneos. Pueden tardar muchos días en ser aplicados.