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.. <meta content='text/html; charset=iso-8859-1' http-equiv='Content-Type'/>
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í<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Aqui debes indicar la descripción de tu blog' name='description'/> <meta content='palabras, claves, de, tu, blog, separadas, por, comas, según, google, esto, no, sirve, para, nada, pero, lo, dejamos, para, otros, buscadores, jejeje' name='keywords'/> </b:if>

¿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:
<meta content="es" name="language" />
Para inglés:
<meta content="en" name="language" />
Para inglés, Estados Unidos:
<meta content="en-us" name="language" />

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

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

Lecturas recomendadas:

Utilización de las GEO Meta Tags para SEO

¿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

¿Te ha gustado esta publicación? Compartela con tus seguidores. Gracias!

49 comentarios:

Dani10/1/12, 11:32
Una información muy útil para todos los bloggers!! Saludos y Gracias por tu ayuda!
ResponderEliminar
Respuestas
iniciaBlog10/1/12, 17:04
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
Respuestas
mistrucosparaeducar10/1/12, 20:30
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
Respuestas
Anónimo10/1/12, 20:46
Ya estoy integrando unas cuantas en mi blog ,gracias por compartir
ResponderEliminar
Respuestas
iniciaBlog10/1/12, 22:25
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
Respuestas
iniciaBlog10/1/12, 22:26
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
Respuestas
k711/1/12, 2:45
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
Ana Laura11/1/12, 19:52
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
JaLinChiNU12/1/12, 21:13
Excelente contenido para los que estamos aprendiendo las técnicas de posicionamiento. Gracias.
ResponderEliminar
Respuestas
Dinero Bloggeando13/1/12, 4:21
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
@EcuadorDeFutbol19/1/12, 19:03
Pero si funcionan con la ultima actualización de google con sus logaritmos? ANTE MANO GRACIAS
ResponderEliminar
Respuestas
Dark Raynor25/1/12, 19:10
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
Anónimo15/2/12, 16:35
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
Dgo Orrego Hidalgo7/5/12, 14:30
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
Nil17/5/12, 4:33
Exclente post me ayudado bastante, muchas gracias
ResponderEliminar
Respuestas
iniciaBlog31/5/12, 8:26
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.
ResponderEliminar
Respuestas
WmasterConsultores1/6/12, 17:37
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
Respuestas
krispo3/6/12, 14:35
Gracias por el artículo. Me es de mucha ayuda.
Por cieto que ya he rellenado la encuesta.
saludos
ResponderEliminar
Respuestas
Tioraro12/6/12, 19:18
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
Respuestas
Andrés Tirado8/7/12, 1:23
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
Respuestas
iniciaBlog6/8/12, 8:55
Gracias Alex por tu visita y por tu comentario!
Jesús González
ResponderEliminar
Respuestas
Anónimo28/8/12, 17:34
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
Games Android30/8/12, 4:45
Gracias por tu informacio, pero tengo una duda amigo por que tu no usas esta tecnica.
ResponderEliminar
Respuestas
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
Respuestas
Anónimo23/9/12, 23:32
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
Anónimo3/10/12, 20:02
Bueno viejo,me ayudaste,que siga creciendo tu web departe de WPS (Y)
ResponderEliminar
Respuestas
Unknown8/10/12, 2:03
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
liss17/11/12, 9:22
impresionante la mejpr y mas clara explicacion de todolo que me he leido , muchas gracias por compartir esta informacion tan util .
ResponderEliminar
Respuestas
María J. Valcárcel17/11/12, 13:03
Muchas gracias. Muy bien explicado.
ResponderEliminar
Respuestas
Unknown30/11/12, 21:47
Hola Jesus,

Fantastico blog y muy buenas explicaciones.

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

Gracias
ResponderEliminar
Respuestas
Anónimo27/1/13, 23:06
cuando haces todo esto,tienes que ver algun cambio en la pagina?por que si es asi a mi no me sale nada.
ResponderEliminar
Respuestas
mary6/3/13, 22:51
Bien Amigo Me Sirvio Mucho Gracias
:D
ResponderEliminar
Respuestas

Añadir comentario

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! ;-)

2 ene 2012

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

Esta son las Meta Tags que necesita tu blog: