2 ene. 2012

Qué son las Meta Tags y cuales son las más importantes para Blogger



Las Meta Tags son fragmentos de código HTML que deben situarse en la sección <head> del blog. Son importantes para los motores de búsqueda y contribuyen a mejorar el posicionamiento del mismo.

Antes de entrar en materia, debemos saber que en el caso particular de un Blog la sección <head>  es común para todos los post y páginas. En el caso de un sitio web, cada página tiene su propio <head> y por lo tanto, pueden establecerse Meta Tags con valores diferentes en cada una de ellas.

Aunque son básicamente las mismas Meta Tags para un blog que para una página Web, existen lo que se llaman condicionales en Blogger que podemos usarlos para establecer valores particulares en el caso que tengamos páginas estáticas en nuestro blog, pudiendo incluso establecer títulos, palabras claves (keywords) y descripción diferentes a cada página igual que ocurre con una web. Todo esto contribuirá a un mejor posicionamiento del Blog.

Uff...parece complicado pero es más teoría que otra cosa...no te desanimes, aunque... ahora sería bueno un ejercicio de estiramiento y listo! :-)

En cada uno de los siguientes bloques contrarás un fragmento de código, solo tienes que copiarlo y pegarlo dentro de la plantilla HTML de tu blog antes del </head>. Tienes el procedimiento detallado al final.

Esta son las Meta Tags que necesita tu blog:

  • Formato del contenido publicado (+ info):
    Gracias a esta Meta Tags los navegadores podrán mostrar caracteres como las válido para páginas en Español, Inglés, Alemán, Danés, Portugués, Italiano, Euskera, Catalán..
  • Título de la vista inicial del blog y de los post
    Por defecto la Meta Tag para definir el titulo del Blog, no favorece el SEO, vamos hacer un pequeño cambio en la plantilla. Procedimiento más detallado aquí
    • Buscar: <title><data:blog.pageTitle/></title>
    • Sustituir por lo siguiente: 
  • Descripción y palabras claves (Keywords)
    Es la descripción que saldrá en la página de resultados de Google, pero....nos interesa que esta descripción afecte sólo a la página principal del blog, de esta forma la descripción de cada post será el primer párrafo del mismo.  Procedimiento más detallado aquí   

¿Qué otras Meta Tags son las más importantes para el Blog?

  • Configuración del robots (spider) para indicar qué contenidos indexar (+ info)
    Aquí tienes configurada esta para que indexe el index y siga todos los enlaces. Ver más variantes (inglés)
  • Las que definen el idioma del blog
    Se supone que el idioma del blog lo determina de manera automática el propio buscador y en algunos sitios he visto he podido leer que realmente no es necesaria. Pero cuando integramos por ejemplo los botones de Facebook, Twitter estos si no tienen parámetros de idioma pueden mostrarse por defecto en Inglés. Por lo tanto he visto cierta utilidad en las Meta Tags que definen el idioma.

    Para español:

    Para inglés:

    Para inglés, Estados Unidos:

¿Qué Meta Tags son innecesarias? 

  • Las de autor y copyright 
  • Las de vuelve a visitarme (al rastreador web) dentro de x días
    En el caso de un Blog, esto no lo controlamos nosotros. Dependerá de la periodicidad de nuestras publicaciones 

 ¿Cómo Generar Meta Tags para el Blog/Web?

En este post tienes las principales, solo tienes que irlas copiando y pegando en el código HTML de tu plantilla. Existen multitud de generadores de MetaTags online que también puedes usar por ejemplo:


¿Cómo añadir las Meta Tags en Blogger?

Como siempre que tocamos la plantilla HTML te recomiendo copia de seguridad antes. Sigue estos sencillos pasos:
  1. Accede a la pestaña Plantilla y haz clic en el botón Crear copia de seguridad/Reestablecer
  2. Una vez hayas creado tu copia de seguiridad, presiona el botón Edición de HTML
  3. Busca Ctrl F o Ctrl B (en Mac en Mac ⌘F o ⌘B) y busca  <b:skin><![CDATA[/*
  4. Justo encima ve pegando las diferentes Meta Tags que hemos descrito en este post
  5. Revisa y personaliza aquellas que lo requieran sobre todo la de título, descripción y keywords
  6. No viene mal revisar la sección <head> y eliminar las Meta Tags que pudieran estar duplicadas

Lecturas recomendadas:

¿Te ha gustado esta publicación?:

Espero que este post haya sido de utilidad, como siempre, te invito a utilizar los comentarios para dejar tu opinión en este artículo. Si te ha gustado esta publicación y no quieres perderte ninguna otra, sígueme a través de Facebook, Twitter, suscripción por email, Google Friend , RSS ahora también en Google +. Usa los botones sociales al pié de la publicación para recomendarla a tus amigos. ¡Gracias! ;-)

Actualizado el 1 de Junio de 2012

52 comentarios:

  1. Una información muy útil para todos los bloggers!! Saludos y Gracias por tu ayuda!

    ResponderEliminar
  2. Gracias Dani...yo creo que si además de util es sumamente importante. Este es un tema muy amplio sin embargo he querido ser sobre todo muy práctico e ir al grano.

    Muchas gracias por tu comentario es lo que le da sentido a esto!

    Gracias

    ResponderEliminar
  3. Me encanta lo fácil que lo pones y explicas!!
    Voy a ver si me sale esta vez también!! En otras ocasiones también seguí tus pasos y lo conseguí!!
    Gracias!!

    ResponderEliminar
  4. Ya estoy integrando unas cuantas en mi blog ,gracias por compartir

    ResponderEliminar
  5. Gracias mistrucosparaeducar...además te doy mi bienvenida especial a este humilde blog por ser la primera vez que comentas.

    Seguimos conectados.

    Mucha suerte cualquier duda solo tienes que comentarla.

    Gracias
    Jesús González.

    ResponderEliminar
  6. Gracias Jorge Luis....
    Por favor coméntame cualquier si tuvieras cualquier dificutad, este es un tema delicado y todo puede ser mejorado.

    Un fuerte abrazo y bienvenido!
    Gracias
    Jesús González.

    ResponderEliminar
  7. Ola aunque no tiene nada que ver con el tema me gustaria saber como poner el menu de paginas arriba del titulo del blogger, asi como esta tu pagina? Gracias x leer mi mensaje y spero tu rstpa.

    ResponderEliminar
    Respuestas
    1. Es muy simple, Ve a la pestaña Diseño, coje tu menu y arraztralo hasta colocarlo por encima de la imagen de cabecera. Guarda la composición y visualiza tu blog.

      Gracias por comentar.
      Dime si te salió.
      Mucha suerte con tu blog,
      Jesús González

      Eliminar
  8. Muy buenos consejos, ya mismo voy a ver mi plantilla y hacer los cambios que recomiendas. Gracias!

    Mucha suerte en el concurso y saludos!

    ResponderEliminar
    Respuestas
    1. Hola Ana,

      Gracias por pasarte por aquí y dejar tu comentario. He visto tu blog y tiene muy buena pinta así que enhorabuena!
      Seguimos en contacto!
      Jesús González

      Eliminar
  9. Excelente contenido para los que estamos aprendiendo las técnicas de posicionamiento. Gracias.

    ResponderEliminar
    Respuestas
    1. Gracias por dejar tu comentario. Me alegra que te haya servido.

      Eliminar
  10. Excelente artículo. Y muy buena explicación. Aunque hay otros Meta, que yo también frecuento usar en mis blogs, como lo son "ICBM" y "geo" para asociar geográficamente tu blog, ya que actualmente hay bastantes buscadores que indexan la geolocalización. Y sí tienes asociado tu blog a un Fan Page, agregarle los meta "og" que son equivalentes a Title, Description y Keywords, pero específicos para Facebook.
    Nos vemos el 17 de Enero en el concurso.

    ResponderEliminar
    Respuestas
    1. Gracias Gilberto por tu gran aporte. He querido ofrecer una primera entrega básica y necesaria. Me apunto el resto de temas que comentas para un futuro post.

      Gracias por pasarte por aquí y dejar tu comentario!

      Eliminar
  11. Pero si funcionan con la ultima actualización de google con sus logaritmos? ANTE MANO GRACIAS

    ResponderEliminar
    Respuestas
    1. Hola Christian, hasta donde yo sé los últimos cambios en el algoritmo de resultados de una búsqueda en Google, por un lado penalizan webs con contenidos duplicados (feb 2011) y dar más protagonismos a eventos como deportivos o de actualidad (nov 2011 http://googleblog.blogspot.com/2011/11/giving-you-fresher-more-recent-search.html)

      Las metatags son digamos un elemento básico y necesario en el desarrollo web. Aquí las tienes adaptadas a Blogger por lo tanto altamente recomendable.

      Gracias por tu comentario ya me comentas ¿vale?
      Un abrazo,
      Jesús González.

      Eliminar
  12. Estimado:
    tengo una duda todos los codigos van antes del <![CDATA[/*
    en definitiva lo que mas me interesa es saber donde va la Descripción y palabras claves (Keywords). Gracias.

    ResponderEliminar
    Respuestas
    1. Si Dark, lo tienes explicado mira donde pone
      ¿Cómo añadir las MetaTags en Blogger? efectivamente va antes de
      "<![CDATA[/*"

      Gracias por comentar y seguimos en contacto
      Saludos
      Jesús González

      Eliminar
  13. falta un (h) en tu enlace aquí tienes uno de ellos. ttp://www.metatags.com.mx/generador-de-metatags.php (http://www.metatags.com.mx/generador-de-metatags.php)

    ResponderEliminar
    Respuestas
    1. Gracias Jonathan,

      Se me habia pasado tu comentario :( pero comentarte que ya está corregido. Muchas gracias por comentarlo.

      Un fuerte abrazo!
      Jesús González.

      Eliminar
  14. Una vez puse unos meta tags pero que al momento de poner un enlace de mi blog en facebook, no mostraban ni la foto del articulo ni el resumen. Con estos meta no pasa eso?

    ResponderEliminar
    Respuestas
    1. Hola Dgo Orrego,
      En principio te expongo aquellos que yo uso en este blog y los recomendados desde el punto de vista SEO adaptado por supuesto a Blogger y no tiene por qué haber conflicto.

      Gracias por dejar este comentario,
      Saludos,
      Jesús González

      Eliminar
  15. Exclente post me ayudado bastante, muchas gracias

    ResponderEliminar
    Respuestas
    1. Gracias a ti Nilson por pasarte por aquí y dejar este comentario....

      Por cierto me ha encantado tu blog, un sitio donde encontrar un completo directorio de juegos online, sigue trabajando en el seguro que te va a dar muchas satisfacciones.

      Un fuerte abrazo!
      Jesús González

      Eliminar
  16. Muchas gracias por tu informacion en este post y te presento Generador de Meta-Tags Blogger donde podras crear los metatags para tu blogger.
    Prueba y disfruta de este servicio.
    Url: http://generadormetatagsblogger.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola WMaster!

      Fantástico ese generador,
      Te he enlazado desde este post como recomendado.
      Solo una sugerencia, en aquellos metatags donde es elegir una opción por ejemplo en el de idioma spanish, english por qué en lugar de un textbox no pones un combobox, quedará mucho más funcional y evitas errores al tener que escribir.

      Gracias por pasarte por aquí
      Jesús González.

      Eliminar
  17. Hola Jesus G. muchas gracias espero que sea de ayuda este generador para los webmaster blogger y muchas gracias lo tendre en cuenta tu sugerencia y realizare las modificaciones correspondientes.
    Saludos estaremos en contacto.

    ResponderEliminar
  18. Gracias por el artículo. Me es de mucha ayuda.
    Por cieto que ya he rellenado la encuesta.
    saludos

    ResponderEliminar
    Respuestas
    1. Gracias Kristina por pasarte por iniciaBlog y dejar este comentario.

      Seguimos conversando,

      Bienvenida!

      Jesús González

      Eliminar
  19. Hola, soy novato con la nueva interfaz de blogger y no encuentro la cabecera head en el código html, si que encuentro la palabra Header en el html de la nueva interfaz. No sé si es lo mismo.

    ResponderEliminar
  20. Cordial saludo Jesús, leyendo tu articulo me encuentro con "¿Qué Meta Tags son innecesarias? Las de autor y copyright ", si bien tienes razón en la de "copyright" me surge la duda ¿por qué la del autor no es necesaria?, esto te lo pregunto porque para Google es importante ahora el Author Rank, ello es importante para hacer la vinculación con el texto de identificación de autoría (Rich Snippets) y la vinculación misma con Google+ para certificar la autoría de tu contenido al igual que se hacía y hace con el FeedBurner.

    Saludos.

    ResponderEliminar
  21. gracias amigo me ha servido de mucho

    ResponderEliminar
    Respuestas
    1. Gracias Alex por tu visita y por tu comentario!
      Jesús González

      Eliminar
  22. Qué tal Jesús,

    Muchas gracias por toda la información que pones a disposición de quienes no somos expertos en estos temas. En especial cuando quieres poner un blog para difundir algún tipo de idea que deseas.

    Tengo una consulta. mientras iba indagando sobre el posicionamiento de los blogs ingresé al Google webmaster tools. Allí existe un apartado para ver los "párrafos enriquecidos" que en teoría ayudarían al SEO. Lo que me sucedes es que, del diagnostico que la web presenta, luego de cada entrada detalla lo siguiente: rel/ name / url. Hasta ahí todo bien, salvo que luego presenta "warning: missing required fiel "updated"". No sé porqué sale esta advertencia.

    Si es posible ayudarme con esto te lo agradecería. Ya he ido haciendo todos los cambios que tu web propone.

    Desde ya, muchas gracias.

    Saludos.

    ResponderEliminar
    Respuestas
    1. guau!!!!...los formatos enriquecidos son usados por ejemplo para recetas...existes unos microformatos establecidos como por ejemplo las calorias...el tiempo etc...que permitirian ofrecer al buscador informacion por la q luego es posible filtrar por ejemplo si vas al buscador de google en inglés verás en la parte izquierda algo que se te llaman las recetas.

      tendría que ver tu caso con mayor detenimiento si te parece podemos contactar la próxima semana.

      Eliminar
  23. Gracias por tu informacio, pero tengo una duda amigo por que tu no usas esta tecnica.

    ResponderEliminar
    Respuestas
    1. Hola Games....
      Comentarte que lo indicado es lo correcto...permiteme unos dias para revisar mi plantilla es posible que tenga otros metatags de prueba.... Te respondo el lunes 3.

      Muchas gracias por tu comentario.
      Jesus Gonzalez

      Eliminar
  24. Anónimo31/8/12 0:00

    Saludos Jesús,

    Una consulta. Dentro de las estadisticas de mi blog, se detalla que la mayoria de visitas vienen desde Rusia y a mi parecer de una página indeseable. Qué puedo hacer al respecto para eliminar sus visitas (no es un buscador ni nada por el estilo) como fué que se realizó el enlace con mi blog?

    No quiero abusar de tu gentileza, pero te agradeceria mucho si me ayudas con esto.

    ResponderEliminar
  25. La verdad, muy bien explicado. Sobre todo para aquellos/as como yo que no tenemos tanta practica con el tema de los blogs. Muchas gracias.
    ttbdivas.blogspot.com

    ResponderEliminar
    Respuestas
    1. Muchas gracias Nevalyn por acercarte por aquí y además dejar tu comentario.
      seguimos conversando,

      Jesús González

      Eliminar
  26. Bueno viejo,me ayudaste,que siga creciendo tu web departe de WPS (Y)

    ResponderEliminar
  27. Hola Jesús, tengo problemas con este tutorial.
    1º No me encuentra esto: "title></title" le pongo comillas, porque no me deja poner el símbolo original

    2º En Descripción y palabras claves (Keywords): pongo la descripción, justo donde en tu ejemplo, dices que hay que ponerla, sin modificar nada posterior, me refiero a seguido que pone name description, hasta ahí, creo que bien, pero al ir a poner las palabras claves (creo que no hay un límite, verdad?? podría poner 50 si quiero...???), lo intenté de dos formas, por palabras sin separación,
    por ejemplo: casadearbol, otrakeyword,
    Y de la otra forma con espacios: casa de arbol, otra keyword

    En ambos caso me da este error: A skin cannot contain the element: b:if. Only text and CDATA sections are accepted.

    Podrías contestarme por email?? Es urgente. Muchas Gracias!! y ánimo, que nos ayudas a todos un montón!!

    ResponderEliminar
    Respuestas
    1. Te voy a contactar a través de Google+ y le hacemos seguimiento mediante un correo privado.

      Gracias por comentar!

      Eliminar
  28. impresionante la mejpr y mas clara explicacion de todolo que me he leido , muchas gracias por compartir esta informacion tan util .

    ResponderEliminar
  29. Hola Jesus,

    Fantastico blog y muy buenas explicaciones.

    Una pregunta..
    Como hago amigables las urls de las paginas estaticas???

    Gracias

    ResponderEliminar
    Respuestas
    1. Hola Alejandro,
      Por favor mira esta entrada, toco ese tema precisamente.

      Gracias por comentar,
      Jesús.

      Eliminar
  30. cuando haces todo esto,tienes que ver algun cambio en la pagina?por que si es asi a mi no me sale nada.

    ResponderEliminar
  31. Bien Amigo Me Sirvio Mucho Gracias
    :D

    ResponderEliminar

Te agradezco la participación en iniciaBlog a través tu comentario. Recuerda que te responderé con otro comentario justo debajo del tuyo. Gracias y mucha suerte! ;-)

Más información ¿Cómo poner el botón de...:?

Premio Bitácoras

Aviso Legal

Licencia Creative Commons
iniciaBlog - Te ayuda con Blogger a mejorar tu blog
iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
Basada en una obra en www.iniciablog.com.

Creado por Jesús González

Política de Privacidad de iniciaBlog | Política de Cookies
2015 © Jesús González es el autor de iniciaBlog.com
Tema creado por Way2themes y adaptado por inciciablog