sábado, mayo 10, 2008

Blogger: Optimizar los títulos. ¡ALELUYA!

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.

38 comentarios:

BoliBic

Gracias por la información.
Realmente útil
Saludos y felicidades por el blog tan bueno

Holly

Genial!!! Gracias por el dato. Esperaba solucion a esto, ya que poner y sacar el codigo anterior cada vez que queria mover los elementos era realmente un dolor de cabeza (el codigo funcionaba bien fuera del head)

Ignasi

Hola Jmiur!

Entonces, para cambiar este inconveniente solo se tiene que añadir el codigo condicional que comentas al final, no?

Donde se tiene que poner, después del head?

Y una pregunta mas, donde el código conficional, pones en amarillo nombreBlog, aquí que se tiene que poner solo el nombre?

Gracias!

Ignasi

Vaya! lo he puesto en mi blog de "test" y funcioan perfectamente, poniendo el codigo condicional y el nombre del blog (en texto)!

Funciona muy bien!

Ahora solo a esperar que vuelvan las arañitas a visitar nuestro blog ;)

Muchas gracias!

Kermit

Tiene buena pinta. ¿Muchísimas gracias!

Gerardo Blanco

¡Era hora!
Gracias por el aviso, JMiur.

Ikanus

Buen dato! Era un problema estar cambiando HTML para ordenar los elementos, porque supongo eso se evita, voy a probar y te aviso.

JMiur

Sin duda es una buena mejora, lástima que haya que esperar tanto para ver los cambios. Seguiré esperando ...

Mr

Interesante optimización, ni siquiera me había percatado del hecho de que el nombre del post saliera despues del nombre del blog, esto puede beneficiar en el posicionamiento en los buscadores ¿no?.

En fin muchas gracias por el articulo jmiur, con tu permiso hare una reseña en mi blog.

JMiur

Sí, Mr. Esa es la idea. Por lo menos, es lo que las técnicas SEO indican que debería hacerse. Esperemos que de resultado.

KyubiT

Excelente informacion, no tenia idea... gracias totales

Pepiche

Realmente, excelente, JMiur!!!
Voy a estar toqueteando la plantilla para ver que se puede hacer. Espero no marearme ...

Gracias por la información ;)

¡Saludos!

Pepiche

JMiur, estoy mareado ....
Puedes explicar cómo hay que hacer para colocar estos códigos?, sinceramente, no termino de entender :(

PD: Soy un poco duro con respecto a HTML o similar :P

¡Saludos!

JoXu

Gracias por la info, ni sabia que existia ese código...
PD: ¡Viva Firefox! xD

Quique

Eso mismo, ¡Aleluya! :) estaba cansado de cortar y pegar cada vez que tenia que mover algo

Gracias Jmiur

JMiur

El dato es nuevo así que, veremos como funciona.

Pepiche, buscá esto que está casi al inicio de la plantilla:

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

y lo reemplazás por esto:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> : Aeromodelismo a Full</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Eso es todo. Cualquier cosa, me avisás.

Pepiche

Gracias, JMiur, sos un capo, te agradezco :P

Ya mismo estoy probando ;)

¡Un saludo!

Gem@

Cambiado está, esperemos los resultados ;)

Gem@

Me preguntaba en qué puede variar si agregamos un texto junto al título del blog.

JMiur

Me legro que funcionara, Pepiche.

Gem@, en teoría, todo lo que estén en TITLE es lo que verás en los resultados de los buscadores y puede ser cualquier texto, no hay problema.

Marcos

Hola Jmiur;

sabes porque las plantillas tardan en actualizar?

Cambio cosas y no las reconoce como antes de rapido, que sucede??

JMiur

No tengo información específica pero, si he notado que en estos días las cargas son más lentas, el blog, las imágenes, las plantillas. Hoy, incluso, me ha costado publicar porque por momentos todo se congelaba.

Gem@

Menos malllll pensaba que era mi blog el que tardaba tanto :D

JMiur

No, parece bastante general. Veremos hoy; hasta ayer, seguían los problemas.

THOR

Para los que hayan realizado ese cambio ya en su plantilla...
..¿os ha visitado ya el robot y se notan los resultados?

ya direis algo

JMiur

Thor:
Los cambios ya comienzan a mostarse en algunos de los enlaces de resultados. Desconozco el tiempo que puede tardar en completarse pero, hablan de semanas.

THOR

¿ como se puede saber que está afectando a algunos enlaces de los resultados ?
gracias

SpamLoco

Idolo.

Jaja, otra cosa no se me ocurrió.

JMiur

Saludos, Alejandro. Usalo sin problemas, ya lleva más de diez dias en el blog y Google ya indexó las páginas con el nuevo modelo.

l3utterfish

sabeis como se haria en el antiguo BLOGGER?

JMiur

Lo único que puedo aportar al tema de las viejas plantillas es un enlace a una pregunta similar que vi en Google Groups.

Calithos

Hola Javier , este post tiene un mes y 12 días exactamente ,por favor podrías decirme después de este tiempo : Cuales han sido los beneficios? . Mejoro tu trafico? , Cual fue el porcentaje de incremento?...seria lindo varios posts con espacios de tiempo de 1 mes para comparar los resultado de optimizar los posts.

Muchas gracias!!

JMiur

Realmente no tengo ninguna información al respecto ya que no analizo las estadísticas :)

Calithos

Muchas gracias Javier , espero que alguien lea este comentario y tenga algunos datos acerca del resultado que tuvieron con optimizar los posts de su blog .Desde ya serán bien recibidos!!

Anónimo

Una pregunta , no se que codigos borre accidentalmente pero la cosa es que en el buscador no aparece la descripcion del blog. Antes si aparecia pero ahora no. En tu blog si aparece una descripcion en los buscadores :Algo más y algo menos. Blog surtido en español. Actualidad, humor y un poco de todo. Recursos y trucos simples para Blogger Beta. ....
Pero en el mio desaparecio .

Podrias decirse que codigos son los que controlan la descripcion del blog para restituirlos???

gracias

JMiur

¿Puede ser alguna etiqueta META?

Fíjate en este post.

¿Quiere dejar un comentario?

Utilice el formulario adjunto para comunicarse.

Agregar un comentario al viejo estilo ...