JMiur [E]

Optimizar los títulos del blog, es decir, cambiar el orden en que se muestran en la barra superior del navegador es un tema que había quedado resuelto pero que los cambios ocurridos en Blogger hace un par de meses nos habían obligado a olvidarnos del tema y quitar los códigos correspondientes.

Por defecto, el título que muestra el navegador tiene el siguiente orden:

Nombre del blog : Título del post - Navegador

Y eso es el resultado de un código que está inmediatamente después de <head> en cualquier plantilla:
<title><data:blog.pageTitle/></title>

¿Por qué era tan importante el tema de los títulos y en su momento había generado tantas preguntas e intentos fallidos? Porque ese texto también es el que se muestra en los buscadores y, que aparezca en ese orden no es bueno ya que el título de la entrada queda relegado. Lo ideal es que sea al revés, es decir:

Título del post : Nombre del blog - Navegador


Hablemos entonces de un posible milagro. Blogger escuchó.

En Blogger Buzz hay una serie de anuncios referidos a arreglos realizados en los últimos días; problemas resueltos, ampliaciones, nada extraordinario pero también dice al pasar:

Layouts now has a blog.pageName datum that gives the name of the current page without the “[Blog Name]: ” prefix that blog.pageTitle adds.

Esto significa que han agregado un nuevo dato al cual podemos acceder desde la plantilla y al que llaman blog.pagename. Ese dato, contiene el nombre de la página actual, el nombre de la página donde estamos, o sea, en los posts individuales, el título de la entrada pero, sin el nombre del blog. Así que:

<data:blog.pageTitle/> es igual a Nombre del blog : Título del post

pero:

<data:blog.pageName/> es igual a Título del post

de tal manera, ahora podríamos optimizar los títulos del blog, cambiando la etiqueta TITLE y aprovechándonos de ese nuevo dato:
<title><data:blog.pageName/> : nombreBlog</title>
Sólo debemos agregar el nombre del blog mediante <data:blog.title/> o bien podemos hacerlo manualmente, cualquier texto es válido.

Si bien es una solución, haciéndolo de esa manera, cuando abrimos una página que no es un post individual, las cosas no se ven muy bien ya que data:blog.pageName no existe y se mostrará algo así:


Entonces, lo que debemos hacer es usar los códigos condicionales de tal manera que el título varíe según se la página; en las páginas de entradas individuales, usaremos el nuevo dato y en el resto de páginas, el modelo anterior:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> : nombreBlog</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
El resultado, en los navegadores, será este


¿Cómo reaccionarán Google y los demás buscadores? Eso, por el momento es un misterio ya que no puedo verificarlo pero, no debería haber inconvenientes y, al pasar los días, los resultados deberían irse amoldando al nuevo modelo.

 
CERRAR