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
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