English Português

Las metatags son etiquetas con información sobre nuestro sitio, como puedes ser la tematica del sitio web o blog, su descripción, las palabras claves, su codificación, información del autor, el idioma, entre muchas otras. Son importantes por que apartir de estas los buscadores y otras aplicación clasificación tu web, de modo que sino las tienes dificiltas su trabajo y el resultado es menos visitas a tu sitio y visitas no relacionadas al tema de tu sitio.

metatags-en-blogger.gif

Una de las partes más descuidadas en Blogger son precisamente las metatag, pues no coloca ninguna realmente de importancia para la indexación correcta de tu página. Bien, pues en este artículo te mostreremos como colocar las más importantes en la página principal y en las páginas de las etiquetas.

  1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio, después a la opción “Edición HTML”

    blogger-edicion-html.gif

  2. Busca el código siguiente:
    <title><data:blog.pageTitle/></title>
  3. Bajo de este código iran condicionales para mostrar los metatags en las páginas respectivas, de acuerdo con el siguiente esquema de código:
    <!-- Metatags de la página principal -->
    <b:if cond='data:blog.pageType == "index"'>
    <meta content='aquí las palabras clave separadas por comas' name='keywords'/>
    <meta content='una descripción del contenido general del blog' name='description'/>
    </b:if>
    
    <!-- Metatags de cada página de etiquetas -->
    <b:if cond='"http://direccion-de-la-etiqueta" == data:blog.url'>
    <meta content='aquí las palabras clave que describen esta etiqueta' name='keywords'/>
    <meta content='descripción del contenido de esta etiqueta' name='description'/>
    </b:if>

    Como puedes ver, hay un código para la página principal y otro para las etiquetas y tendra que repetirse para cada etiqueta que quieras describir con sus respectivos contenidos.

Veamos un ejemplo:

Para blogandweb podriamos tener el siguiente código para la página principal:

<!-- Metatags de la página principal -->
<b:if cond='data:blog.pageType == "index"'>
<meta content='blogs, webs, blogger, wordpress, recursos web, css, photoshop, adsense, productos google' name='keywords'/>
<meta content='Página web destina a la ayuda a bloggers y webmasters' name='description'/>
</b:if>

Y supongamos que deseo describir la etiqueta de blogger y wordpress, con lo que usaría el siguiente código:

<!-- Metatags de cada página de etiquetas -->
<b:if cond='"http://blogyweb.blogspot.com/search/label/Blogger" == data:blog.url'>
<meta content='plantillas nuevo blogger, plantillas xml, trucos, mejoras, optimización, widgets' name='keywords'/>
<meta content='Todo lo que necesitas para tu blog en blogger, plantillas, trucos y mejoras' name='description'/>
</b:if>

<b:if cond='"http://blogyweb.blogspot.com/search/label/Wordpress" == data:blog.url'>
<meta content='wordpress themes, wordpress plugin, recursos, noticias' name='keywords'/>
<meta content='Recursos para mejorar tu blog en WordPress' name='description'/>
</b:if>

Como ves sólo tienes que poner las palabras claves y la descripción dependiendo de que página se trate y para el caso de la etiquetas, también debes poner la dirección de cada una.

En este código se colocán dos de los metatags, que para mi, son fundamentales. En el código puedes insertar tantas metatags como necesites dentro las etiquetas <b:if> y </b:if> correspondientes.

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

Comentarios

  1. Cristian / Hace 7 años /

    Hola muchachos. Necesito hablar con ustedes (bah, en realidad no se si son muchos o una sola persona, pero para no equivocarme hablo en plural) en privado. Mi mail es blog.identidad@gmail.com

    Saludos.

    Responder a Cristian →
  2. Francisco / Hace 7 años /

    Hola Cristian!

    Claro, pues encontrarnos casi en cualquier momento en nuestro mail de contacto.

    Saludos!

    Responder a Francisco →
  3. ghetto / Hace 7 años /

    ola visten mi pagina y demen unos tips

    Responder a ghetto →
  4. Javier / Hace 7 años /

    realmente interesante este articulo lo recomiendo a todos, es muy inportante el tema de las metatags, recomiendo este sitio 100% webandblog.com me ha ayudado en mucho
    saludos desde colombia

    Responder a Javier →
  5. juanji / Hace 7 años /

    hola amigos

    Responder a juanji →
  6. Francisco / Hace 7 años /

    Hola! :)

    Si, sin duda es un tema importante el de las metatags y sigue siendo efectivo.

    Me alegro te este sirviendo Javier.

    Saludos!

    Responder a Francisco →
  7. eder / Hace 7 años /

    muchas gracias por la informacion que entregas, me has ayudado bastante en la creacion del mio, siga adelante compadre

    adios!

    Responder a eder →
  8. Francisco / Hace 7 años /

    Ojala que pueda servirles :D

    Responder a Francisco →
  9. blablabla / Hace 7 años /

    HEYYYYYYYYY decia……………………………. que yo tuve una inquietud parecida y me terminé ocupando de como agregar meta-tags en cuando se está en la ‘home page’ [usando Bloggerrrrrr]

    El post está en http:// mastecno.com/2007/04/blogger-hack-para-el-titulo-del-blog.html

    Me estas baneando continuamente!!!!!!!!!!!!! bastaaaaaaaaaaaaa

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

    Mastecno, no sé porque, pero te banea, ya saque un par de comentarios del spam, espero no te siga causando problemas.

    Responder a Francisco →
  11. Saborit dj / Hace 7 años /

    Hola mas Tecno, muy bueno tu articulo y el de Fransisco tambien.

    Una pregunta, este codigo no interfiere con el de fransisco y viseversa???????
    es que los dos se complementan????

    Gracias

    Responder a Saborit dj →
  12. Francisco / Hace 7 años /

    Hola Saborit, de cierta forma se podría decir que el mismo, ambos ponen metatags en el página principal sólo que el que se muestra aquí se expande a poner metatags también en las categorías.

    Responder a Francisco →
  13. Luis / Hace 7 años /

    BUeno un saludo a todos.
    Tengo que comentarles que yo edite el html de uno de mis blogs para poder agregarle metatags, pues segui todos los pasos, pero al momento de publicar el blog me salio un eerror donde decia que blogger no acepta metatags, quisiera saber cual es el prolema la verdad es que puse el codigo html como debe de ser pèro me sale ese error.No se que hacer. Pienso que blogger no acepta metatags?

    Responder a Luis →
  14. Francisco / Hace 7 años /

    Hola Luis!

    Si los acepta, solo ten mucho cuidado con las comillas en el código, porque generalmente son las que causan los problemas. Un saludo!

    Responder a Francisco →
  15. Sera / Hace 7 años /

    Que buen articulo este… la verdad es que habia visto los metatags en el codigo fuente de otro blog, pero no entendia como funcionaban… ni si quiera sabia para que servian. Gracias al articulo ya se para que son. Aparte de eso, ya le meti unos cuantos a mi blog. gracias por la info =)

    Responder a Sera →
  16. Francisco / Hace 7 años /

    Que bueno te sirva! :)

    Responder a Francisco →
  17. hopi / Hace 7 años /

    gracias, muy clara la explicacion,
    ya los puse en el blog,

    saludos

    Responder a hopi →
  18. dSeos / Hace 7 años /

    Bueno, esta entrada es algo antigua ya, así que no sé si esto lo verá alguien, pero de todas formas aquí lo dejo: ¿de qué sirve añadir etiquetas y descripciones a estas áginas si están excluídas de los bots de Google? Por lo que sé, en el robots.txt se especifica no indexar nada que esté bajo /search, y eso incluye /search/label así que… Pués eso, ¿sirve para algo?

    Saludos.

    Responder a dSeos →
  19. Francisco / Hace 7 años /

    Hola dSeos!Esta entrada se escribió antes de la incorporación del archivo robots.txt y tienes razón, al menos google y los buscadores que lean este archivo no indexaran estas página y se vuelve útil solo en aquellos buscadores que no leen dicho archivo.

    Buena observación. Un saludo!

    Responder a Francisco →
  20. dSeos / Hace 7 años /

    ¡Hola! Gracias por contestar… ;)

    Bueno, no sé en el caso de los demás, pero el 99% (no es una cifra exacta, sólo una forma de hablar) del tráfico que han recibido mis webs desde buscadores ha provenido siempre de Google, así que a efectos prácticos para mí sólo hay un buscador, y si algo no funciona para ese buscador, simplemente no funciona… :D

    Pero si te digo la verdad, a mí me gustaría poner etiquetas y descripciones en mi blog porque me parece que es la forma correcta de hacer una web, pero como uso la versión clásica de las plantillas, pués no puedo… :(

    Y me da tanta pereza pasarme a la versión nueva con lo que me costó modificar las plantillas…

    Responder a dSeos →
  21. Quique / Hace 7 años /

    Pues yo coloque los metas hace un par de semanas y desde entonces que las entradas a mi web a traves de google han bajado radicalmente… alguien sabe por que???

    Responder a Quique →
  22. Quenya / Hace 7 años /

    gracias! en un alarde de impulsar mi blog encontre esto, es util para posicionarla mejor!

    Responder a Quenya →
  23. DForce / Hace 7 años /

    Es el segundo tema que busco relacionado con blogger y es la segunda vez que utilizo sus consejos. Realmente son muy buenos artículos y explicados con manzanas, saludos

    Responder a DForce →
  24. Mariví Serrano / Hace 7 años /

    tras buscar y buscar este ha sido el único artículo que me ha funcionado para las mete tags de blogger.
    mil gracias!

    Responder a Mariví Serrano →
  25. sagudino / Hace 7 años /

    A mi me gustaría saber si se puede de alguna forma añadir al meta tag keywords todas las etiquetas que tiene en blog, y si estás viendo un post en concreto, las etiquetas de ese post.
    ¿Se puede hacer esto? Por mas que lo intento no me sale

    Un saludo

    Responder a sagudino →
  26. camacho / Hace 7 años /

    hola muy buena informacion muy util, es lo que estaba buscando para mi blog, muy buena pagina y muy buen trabajo, sigan asi ayudando alos que desconosemos un poco, jejeje.
    gracias.

    Responder a camacho →
  27. Canada Paid Surveys / Hace 7 años /

    Que buena información !

    Gracias!

    Responder a Canada Paid Surveys →
  28. Coni / Hace 6 años /

    Hola! Ante todo: buenísimo el blog! Toda la info muy util y claramente explicada. Gracias! Te hago una consulta, pude poner las metatags de la pagina principal sin problema, pero cuando le pongo a las estiquetas, despues no me deja ver el blog. El explorer me dice q no puede encontrar la pagian web. Si le quieto las metatags de las etiquetas todo vuelve a la normalidad. Sabes por qué puede ser?
    Saludos,
    Coni

    Responder a Coni →
  29. MontoGeek / Hace 6 años /

    Hola, muy buen tutorial, el problema es cuando lo implemeto en mi blog. Siempre me da esta mensaje y hago todo bien. Ayuda:
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: Element type “meta” must be followed by either attribute specifications, “>” or “/>”.
    y lo copio tal cual lo das. Que hago.

    Responder a MontoGeek →
  30. A ver que sale / Hace 6 años /

    Muy buen tip, me estaba quemando la cabeza para poder poner los metas

    Responder a A ver que sale →
  31. Videos de Animales / Hace 6 años /

    Muchas Gracias, la verdad no tenia idea, espero que ahora mas gente llegue a ver mis videos de animales !!

    Saludos !

    Responder a Videos de Animales →
  32. eliezer / Hace 6 años /

    Yo meti las metatags despues de muchos intentos sin que me saliera error en el qur viene ya casi al final de las lineas de codigo, donde estas especifican la forma del blog

    Responder a eliezer →
  33. Marcelo / Hace 6 años /

    Tengo una pregunta simple.
    Es obligatorio que si quiero poner tags, tenga que copiar los dos codigos? ( el de pagina principal y el de tags por etiquetas? ), es que no uso etiquetas y solamente puse la mitad del codigo para los tags del index. No me tiro porblemas, pero se puede? o de nada sirve sin ambos?

    Gracias

    Responder a Marcelo →

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