JMiur [E]

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.

21 comentarios:

Yanadaseh  

lo he probado y da error, debemos poner unos cuantos slash de más para que blogger lo apruebe, es decir cambiar eso por esto:
al final hay dos tags de title que no se cierran ninguna y ahi debe convertirse la segunda a tag de cierre con unslash y antes de esta debemos poner un slash al final de

data:blog.pageTitle
data:blog.pageTitle/

a mi me funciono así..... muchas gracias por el tip, ya me hacia falta !!!!

Responder
JMiur  

Es verdad, me comí dos barras de cierre. Ya está corregidas. Gracias por el aviso :)

Responder
B-Pirata  

Es muy bueno este truco, pero hay que recordarles a los que lo apliquen que luego no podrán guardar desde "elementos de pagina".

salu2

Responder
JMiur  

Si te refieres a que aparece el error bX-ji78k6 es cierto pero hay que hacer una aclaración.

No se trata de esto en especial ya que, en realidad, no hace nada del otro mundo, sino de un error genérico de Blogger que se ha expandido en las últimas semanas y que afecta a las plantillas que poseen diferentes elementos personalizables, incluyendo AdSense y que se produce al moverlos.

Imagino que, al ser un problema general, lo resolverán ... en algún momento ;)

Responder
B-Pirata  

A ok; ahora me queda claro. Pensaba que era un error solo por el truco.

salu2

Responder
JMiur  

Hay una seguidilla de errores en Blogger. Personalmente, me afectan casi todos y alguno más no reportado :D

De cualquier manera, hay que estar atentos y ver cómo se resuelve esto.

Responder
Sergio Villa  

me aparece este error:
Your template is invalid because the tag 'b:section' appears inside of the tag 'head'

me pararece muy importante esto para el blog si me puedes colaborar te lo agradesco

Responder
JMiur  

Los recientes cambios/errores en Blogger son lo que provocan el error. Fíajate en ESTE POST.

Responder
Unknown  

Muchas gracias por esta rutina. La he encorporado a my blog y he hecho mención en mi página de créditos.

Estupenda página la tuya, buen trabajo.

Responder
JMiur  

Me alegra que te haya servido y gracias por la mención :)

Responder
Unknown  

Hola Javier , perdona mi ignorancia en estas materias , pero cuando reemplazo el código : title data:blog.pageTitle//title

Por el nuevo código , la plantilla me arroja el siguiente error :
No hemos podido guardar tu plantilla
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
La plantilla no es válida porque la etiqueta "b:section" aparece dentro de la etiqueta "head".

Leí que EDWARD dijo que faltaban unos unslash,pero en tu respuesta dijiste que lo corregiste osea el código esta ok.También borre este código abajo :b:skin ![CDATA

Por favor podrías ayudarme ?

Muchas gracias y nuevamente el blog esta sensacional, perdona que no coloque los codigos completos pero Blogger no deja en los comentarios.

Responder
JMiur  

Este post está desactualizado, Blogger ha cambiado las cosas y durante meses se produjeron problemas.

Fíjate en este otro post y allí está la solución.

Responder
Unknown  

Muchas gracias Javier !! todo salio de las mil maravillas ! .Una solución rápida e increíble para optimizar los posts en Blogger .Parabems!!

Responder
JMiur  

No es nada, tardadoron unos meses pero al final Blogger se acordó de nosotros :D

Responder
Gem@  

Leo ahora esta entrada y me he liado, anteriormente sustituí la etiqueta <title><data:blog.pageTitle/></title> por el nombre de mi blog pensaba que era lo mismo :(

Responder
Gem@  

sorry no me acordé de la moderación y como el formulario furula mal estos días lo envié dos veces.

Responder
JMiur  

Gem@:

<data:blog.pageTitle/> es el título del post

Pero, recuerda que el post actualizado con este tema es este.

Responder
Gem@  

Ya, si vi ese tema también y en su día añadí el nombre del blog en lugar de la etiqueta como dice aquí, pero viendo tu código fuente veo que no tienes añadidos los códigos condicionales como explicas en la entrada que me mandas.

Responder
JMiur  

Como son condicionales, sólo los ves en la plantilla pero no si lees el código fuente desde el navegador. Blogger crea la página en función de esas condiciones.

Responder
Paramatma  

JMiur intento hacerlo pues mis titulos salen asi: Nombre del blog, titulo entrada y navegador!! que desastre y me sale

La plantilla no es válida porque la etiqueta "b:section" aparece dentro de la etiqueta "head".

Porque??? Como lo puedo hacer??

Responder
JMiur  

Esta entrada está desactualizada. Fíjate en esta otra y allí tienes la solución.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR