Ajustando (de nuevo) el título y la descripción en Blogger

No hace mucho comentábamos la novedad de Blogger que permitía introducir desde elEscritorio el contenido de la etiquetameta correspondiente a ladescripción del blog, algo que resulta bastante interesante de cara a forzar lo que los buscadores encuentran y muestran sobre nuestros sitios.

Pues bien... ayer me avisóFelipe OI de que el uso de la etiquetameta expr:content='data:blog.metaDescription' name='description'/ estaba provocando que esa información apareciera duplicada en nuestras páginas.

Esto no es algo grave, pues sólo una de ellas será tomada por el buscador de turno y como son exactamente iguales, lo mismo nos da que escoja una que otra. Sin embargo podemos hacer las cosas bien, así que vamos a ello y de paso volvemos a ver lo de lostitle's.

El problema por así llamarlo, está en elinclude característico de Blogger que va al principio de todos sus blogs en la formab:include data='blog' name='all-head-content'/. Ahora, después de siglos viéndolo, descubro parcialmente lo que hace y que simplemente es insertar durante la carga de nuestro blog una serie de encabezamientos. Esto es algo que ahora me parece evidente tras fijarme un poco más en elname.

Pues el asunto es que no sé desde cuándo, pero entre estos encabezamientos automáticos también se incluye ahora la descripción del blog. Siempre que la hayamos activado previamente mediante aquella nueva opción que comentaba al principio, claro. Por tanto, si también tenemos ladata:blog.metaDescription, dicha descripción se duplica... inútilmente.

Con condicionales podemos hacer distintos giros para mostrar una información u otra según el tipo de página en el que estemos o incluso discriminando si tenemos esa descripción grabada en un post o no. Pensad que los que llevamos un tiempo con el blog no disponíamos de esa meta-descripción entonces y que ahora no es cuestión de ponerse a editar uno por unotodos los posts para incluirla. Mejor que se haga en automático aunque el resultado no sea el óptimo

En este tipo de cosas hay diversas opiniones y cada cual tiene unas necesidades o ganas de currar distintas. Aclaro esto porque un servidor ha escogido la opción que le parece más efectiva con el menor trabajo posible y que es la que sigue.

Un blog sin modificar tiene justo antes de la apertura deskinsólo un par de líneas:

b:include data='blog' name='all-head-content'/
titledata:blog.pageTitle//title

b:skin![CDATA[/*

Ahí va lo de las cabeceras automáticas, el título de cada página -lo que saldrá en la pestaña del navegador- y listo. Observaréis que ya no vienedata:blog.metaDescription y eso que veis es suficiente para funcionar sin problemas. Pero esta combinación podría ser mejor:

b:include data='blog' name='all-head-content'/

b:if cond='data:blog.url != data:blog.homepageUrl'
titledata:blog.pageName/: data:blog.title//title
b:else/
titledata:blog.pageTitle//title
/b:if

b:if cond='data:blog.metaDescription'
b:else/
meta expr:content='data:blog.pageName+ "texto_corto"' name='description'/
/b:if

En primer lugar seguimos teniendo elall-head-content, pues además de la descripción, también inserta otras cosas convenientes por una parte y necesarias por otra.

Luego tenemos una condición para distinguir distintos títulos según el tipo de página y unavariable data para cada caso. Realmente sólo diferenciamos la página principal del resto pero creo es suficiente como vereis. Los resultados con esa estructura serán los siguientes (entre paréntesis un ejemplo con este blog):

Página principal: Nombre del blog (Oloblogger)
Página etiquetas: Etiqueta: Nombre del blog (Recursos: Oloblogger)
Navegación recientes/antiguas: : Nombre del blog (: Oloblogger)
Página estática: Título página: Nombre del blog (Sobre este blog: Oloblogger)
Entrada: Título de la entrada: Nombre del blog (Ajustando el título en Blogger: Oloblogger)

Por último está lo de la descripción, para la cual sólo distinguimos dos casos. Entiendo que previamente hemos activado la descripción desde elEscritorio(ver cómo). Si hay una descripción en la entrada, se muestra. De lo contrario utilizamos el nombre de la página (data:blog.pageName) más un pequeño texto a nuestro gusto. Esto último es opcional.

Y el resultado sería:

Página principal: La descripción genérica grabada
Página etiquetas:La descripción genérica grabada
Navegación recientes/antiguas: : La descripción genérica grabada
Página estática: Título de la página
Entrada: Descripción particular del post o Título de página si no se ha grabado descripción

Ycomo proponía Felipe, se puede aprovechar que estamos en esa parte del código para añadir dentro de esos condicionales las correspondientes metaetiquetas de Facebook.

meta expr:content='data:blog.metaDescription' property='og:description'/

meta expr:content='data:blog.pageName+ "texto_corto"' property='og:description'/