English Português

El proceso aquí expuesto es obsoleto, consulta nuestro nuevo artículo para optimizar los títulos en Blogger.

Habrás notado que al navegar en un blog de Blogger los títulos de la ventana siempre son “Nombre del blog: nombre de la entrada”, algo poco importante para el usuario, pero si importante para los buscadores.

Los buscadores suelen dar mayor importancia a las primeras palabras del título, por lo que estamos en desventaja ante blog que tenga primero el nombre del artículo o etiqueta y después el título. Así que aquí te vamos a mostrar como optimizar los títulos de las entradas de tu blog.

  1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML”.
  2. blogger-edicion-html.gif

  3. Buscamos el siguiente código:
  4. <title><data:blog.pageTitle/></title>
  5. Sustituye esa linea con el siguiente código:
  6. <!-- Optimización del título en Blogger -->
    <b:if cond='data:blog.pageType == "item"'>
    <b:section id='titleTag'>
    <b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
    <b:includable id='comments' var='post'/>
    <b:includable id='postQuickEdit' 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:includable id='backlinkDeleteIcon' var='backlink'/>
    <b:includable id='feedLinksBody' var='links'/>
    <b:includable id='backlinks' var='post'/>
    <b:includable id='status-message'/>
    <b:includable id='feedLinks'/>
    <b:includable id='nextprev'/>
    <b:includable id='commentDeleteIcon' var='comment'/>
    <b:includable id='post' var='post'><data:post.title/></b:includable>
    </b:widget>
    </b:section>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>
    <!-- Termina título optimizado -->
  7. Guarda y ¡listo!

Ahora todas tus entradas serán del tipo “título entrada: nombre del blog”.

NOTA: Este código ocasiona que no se pueda guardar desde el panel de “Elementos de página”. Puede ser muy útil y sí quieres usarlo, te recomendamos que lo hagas cuando hallas definido el arreglo de tu blog y volverlo a quitar cuando necesites hacer un cambio.

Vía: Widget-based

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Araque / Hace 10 años /

      Hola, me gusta mucho vuestra web me ha sido de gran ayuda, he usado una plantilla que me ha gustado mucho y un widget para buscar dentro de mi blog. Pero tengo un problema, cuando estoy en Plantilla, elementos de la página y añado uno nuevo, si lo muevo de sitio cuando doy a Guardar se me queda “colgado” y no hace nada de nada con lo cual todos los nuevos elementos me aparecen arriba. Como lo puedo solucionar? GRACIAS

      Responder a Araque →
    2. Xavi / Hace 10 años /

      Muchas gracias por publicar este truco. Es una cosa que siempre habia querido cambiar de mi blog.

      Responder a Xavi →
    3. SpamLoco / Hace 10 años /

      Genio, ídolo, máster, sos el uno.
      Siempre quise cambiar esto… porque Google me estaba matando.

      Gracias!!.

      Responder a SpamLoco →
    4. Francisco / Hace 10 años /

      Como estan?

      araque: Vi tu blog y estas usando la plantilla “blogy-tradicionalista”, aunque la plantilla no se relaciona tanto con la movilidad de los widget, probe la que tengo de demo y funciona bien. Recuerdo que llegue a tener ese problema al agregar un widget y desde un firefox viejito (en el 2 no hay problema. Bien, para que puedas moverlos, lo mejor es que entres a blogger.com, entre a tu cuenta, diseño y desde ahi los muevas.

      Xavi, Spamloco:

      La verdad que este es un problema de consideración para ubicarnos en los buscadores y yo también buscaba esa solución. Esta solución no es mia, la encontre desde technorati. (como puede olvidar algo tan importante como los creditos, ya los pongo).

      Saludos y que bueno que les sea utíl 😀

      Responder a Francisco →
    5. Araque / Hace 10 años /

      Bueno, gracias por la ayuda, ya vi que el problema estaba al incluir el código de este post (Optimiza los títulos de blogger) no se lo que ocurría pero cuando lo he quitado me ha dejado grabar en lo Elementos de la página de blogger

      Responder a Araque →
    6. efecinco / Hace 10 años /

      No hay de que Francisco, pienso que tienes una web muy buena que la gente tiene que conocer.
      Por cierto, lo de efecinco..si, viene por la tecla para actualizar. Es un tecla que uso mucho,jeje así que como todos los nombres para blog que quería estaban elegidos..pues se me ocurrió eso: F5 😛

      Responder a efecinco →
    7. Francisco / Hace 10 años /

      Araque: Tiene toda la razón, se queda colgado al guardar desde el panel, aun así tiene muchas ventajas, buscare una forma con javascript para no tener este inconveniente.

      Efecinco: En un principio me parecio extraño el nombre, pero despues pense en esa tecla y se me hizo muy creativo el nombre y que mejor que de un buen blog.

      Responder a Francisco →
    8. SpamLoco / Hace 10 años /

      Yo estoy igual que Araque, si pongo el código no me deja guardar los cambios de los elementos de página. Me dejó loco en un principio, porque no sabía que estaba pasando hasta que descrubrí que era este código.

      De todas formas es muy bueno y necesario. Ojala puedas encontrarle una solución.

      Saludos.

      Responder a SpamLoco →
    9. ekz / Hace 10 años /

      Yo tampoco puedo guardar cambios si hago esta optimización..
      Gran página
      podrías añadir una entrada sobre plugo ( http://www.plugoo.com/ ) está muy interesante que nuestros visitantes se comuniquen con nosotros a través de nuestro programa de mensajería instantánea =)

      Saludos! gran página

      Responder a ekz →
    10. Kermit / Hace 10 años /

      Cuando intento optimizar las entradas, me sale el siguiente mensaje:

      Se ha encontrado más de un artilugio con el ID: Blog2. Los ID de artilugio deben ser exclusivos.

      ¿Qué puedo hacer?

      Un saludo, y enhorabuena por vuestro blog.

      Responder a Kermit →
    11. Francisco / Hace 10 años /

      Hola Kermit, para que no te salga el error, en el código del paso 3, cambia:

      widget id=’Blog2′

      por

      widget id=’Blog4′

      o cualquier otro número, un saludo!

      Responder a Francisco →
    12. observadorweb / Hace 10 años /

      como es para que no se solo el titulo del post?

      Responder a observadorweb →
    13. Abraham / Hace 10 años /

      Hola que tal?
      Bueno yo escribo solamente para preguntar algo seguro supersencillo pero que no sé hacer. Mi blog está en blogger, al aparecer el blog se muestran los títulos de las entradas pero con entrada y todo y lo que me gustaría es q solo aparecieran los títulos y al pinchar fuese a la entrada completa. Digo que será la tontería más grande pero es que ni idea de como se hace, perdón por mi torpeza de antemano.

      Responder a Abraham →
    14. Francisco / Hace 10 años /

      Abraham, de hecho es algo relativamente complejo, una solución la puedes encontrar en el blog de gema.

      Responder a Francisco →
    15. sebas / Hace 10 años /

      Francisco, primero te queria felicitar sinceramente por tu gran blog! siempre lo utilizo y me gusta mucho.
      Te queria hacer una pregunta, porque yo ya no se que pasa, me estoy volviendo loco. No se si sera por este codigo, o por otro que he puesto, pero cuando entro a una pagina de alguna entrada, se me vuelve loco y se mescla todo. Se ve todo junto y superpuesto y no se entiende nada. no se si sabes que puede ser.
      hasta luego! y gracias!

      Responder a sebas →
    16. sebas / Hace 10 años /

      El problemas se da cuanto pongo que cada entrada tenga su web. Pero antes nunca me paso. Comenzo a pasarme en cuanto cambie de plantilla y ahora no hay manera de solucionarlo, tuve que inhabilitar las paginas para cada entrada…

      Responder a sebas →
    17. Francisco / Hace 10 años /

      sebas, gracias por el comentario, como veras en la nota del post, este script afecta el guardado en la página de elementos de página, pero no así a la plantilla. Si descargaste la plantilla hace más de 2 dos meses, probablemente sea eso y te recomiendo bajarla e instalarla de nuevo (ya hemos corrigido varios errores).

      Un saludo!

      Responder a Francisco →
    18. sebas / Hace 10 años /

      Gracias Francisco, ahora entiendo porque no se me guardaba! igualmente, el otro problema he logrado solucionarlo, asique cambié la plantilla. Me he puesto la plantilla illacrimo que poneis en otro post y la verdad fenomenal, la plantilla es hermosa y ya no tengo problemas!
      hasta pronto! gracias

      Responder a sebas →
    19. Lola / Hace 9 años /

      Hola! Una duda: al implementar este cambio de titulos en Blogger, mis post que ya están indexados (y mas o menos posicionados) en Google, van a dejar de estarlo? les afectará para mal? O simplemente por unod dias hasta que lo tome de nuevo?
      Gracias 🙂

      Responder a Lola →
    20. Alquimista / Hace 9 años /

      Hola muchas gracias por este código, pero surgió un problema,
      normalmente quito el código para poder modificar los layouts, y lo vuelvo a poner pero ahora no me deja sale esto:

      Por favor, corrige el siguiente error y envía la plantilla de nuevo.

      Your template is invalid because the tag ‘b:section’ appears inside of the tag ‘head’.

      Responder a Alquimista →
    21. Lola / Hace 9 años /

      me pasa lo mismo, alguna forma de arreglarlo?
      Noté que poniendo el codigo fuera del head, lo toma. Pero no se si obstruira algo?

      Responder a Lola →
    22. Lola / Hace 9 años /

      Bueno, ni se gasten en contestar eh? solo en poner los articulos.
      En vagabundia.blogspot.com tienen un par de soluciones amigos, al menos es lo que he encontrado.
      saludos.

      Responder a Lola →
    23. Alquimista / Hace 9 años /

      Muchas gracias Lola
      Parece que hasta el momento no hay solución.

      Responder a Alquimista →
    24. Francisco / Hace 9 años /

      Si, recientemente cambio sus reglas Blogger en cuanto al código que acepta en el header. Y como bien dicen, eso anula este pequeño truco :S

      Responder a Francisco →
    25. diego / Hace 9 años /

      hola, tengo un problema cuando implemento el codigo me aparece esto: Your template is invalid because the tag ‘b:section’ appears inside of the tag ‘head’
      y no se como solucionarlo.
      Gracias

      Responder a diego →
    26. Silvestre / Hace 9 años /

      A lola, Diego,alquimista,etc. El problema: La plantilla no es válida porque la etiqueta “b:section” aparece dentro de la etiqueta “head”.

      COLOQUEN TODO EL CODIGO DESPUES DEL Y ANTES DEL .

      A mi me funciona asi.

      Por cierto. GRacias Blogandweb por el codigo, hacia tiempo que lo buscaba pero encontraba puros .js que los robots no leen.

      Responder a Silvestre →
    27. Silvestre / Hace 9 años /

      Despues del /head y antes del body.

      Responder a Silvestre →
    28. juanña / Hace 9 años /

      Por favor ayuda no se realizan los cambios que hago en el blog porque
      gracias

      Responder a juanña →
    29. Francisco / Hace 9 años /

      Disculpen, este código ha quedado obsoleto debido a unos cambios hechos en Blogger. Igualmente parece que ya hay un nuevo método y pronto lo publicaré.

      Saludos!

      Responder a Francisco →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad