JMiur [E]

El tag META nos permite proporcionar información adicional sobre nuestra página y su contenido. Muchos buscadores usan esta información para crear sus índices. Es una buena idea saber cómo usarlos y cómo agregarlos a nuestro blog.

Los elementos META deben ubicarse en el HEADER y su forma más simple es la siguiente:

<META name='tipo' content='contenido' />

Blogger Beta, a través de un código específico:
<b:include data='blog' name='all-head-content'/>
agrega un conjunto de metados de manera automática:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
especifica la codificación y el tipo
<meta content='true' name='MSSmartTagsPreventParsing'/>
controversial atributo introducido por Microsoft
<meta content='blogger' name='generator'/>
indica al creador de la página web
pero nosotros, podemos agregar cualquier otro. Personalmente, los ubiqué inmediatamente después del tag <head>;:
<head>
<meta ....... />
.......
<meta ....... />
<b:include data='blog' name='all-head-content'/>
META description está considerado como imprescindible, es el que utilizan los buscadores y, muchas veces, es su contenido el que muestran como sumario de una página. Simplemente es un texto descriptivo del contenido de la página (en este caso del blog entero) sin ningún tipo de restricción, aunque se recomienda no incluir el título dentro del mismo. Qué y cuánto poner parece subjetivo, unos dicen que deber ser conciso mientras otros dicen que debe ser amplio (hasta 150 caracteres). Su código es el siguiente:

<meta name="description" content="... texto_personal ..." />

META keywords también está considerado como imprescindible, contiene palabras clave que sirven de referencia del contenido. Pueden colocarse hasta 1024 caracteres, separando cada palabra por medio de una coma o un espacio:

<meta name="keywords" content="... palabra, palabra, palabra ..." />

META refresh permite establecer cada cuánto tiempo (expresado en segundos) se recargará la página:

<meta http-equiv="refresh"content="segundos" />

con refresh también podemos redireccionar al usuario de una pagina a otra:

<meta http-equiv="refresh" content="segundos;URL=http://www.xxxxx/index.htm" />

META Robots los robots son programas que usan los buscadores para indexar las páginas (visitan y registran todos los vínculos en su base de datos):

<meta meta name="robots" content="TIPO" />

donde TIPO va a indicar cómo queremos que actuen los robots:
content="all" todas las paginas son indexadas
content="noindex,nofollow" no añade la página al motor de búsqueda
content="noindex,follow" no añade la página inicial pero si resto de lo enlaces
content="none" igual que el anterior
content="index,nofollow" sólo indexa la pagina inicial
content="index,follow" indexa la página y todos sus vínculos (opción por defecto y la más utilizada)

El uso de META author, META copyright, META date, META language y META rating es evidente:

<meta name="Author" content="... nombre_autor ..." />
<meta name="copyright" content="... texto_advertencia ..." />
<meta name="Date" content="... fecha ..." />
<meta name="language" content="es" />
<meta name="rating" content="general|mature" />

Hay más, estas, sólo las enumero a modo informativo ya que su aplicación es bastante relativa:

META Cache-Control y META Pragma evitan que la página sea guardada en la caché del usuario. La primera es de uso genérico y la segunda es para los navegadores Netscape. Son útiles cuando tenemos un sitio que se actualiza muy seguido pero sus resultados son poco fiables:

<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />

META Expires permite la caché pero le da un tiempo, pasado este, obliga al navegador a cargar la página desde el servidor (la fecha debe estar en formato GMT):

<meta http-equiv="Expires" content="... fecha ..." />

si se quiere que sea inmediatamente utilizar:

<meta http-equiv="Expires" content="0" />

Eso es todo. Incluir description y keywords me parece casi obligatorio pero tengan en cuenta que el uso de palabras claves falsas para mejorar las estadísticas está considerado un fraude por los motores de búsqueda.

REFERENCIAS:
  • w3.org

  • Generadores de META tags:
  • 1-hit
  • 123promotion
  • searchbliss
  • 49 comentarios:

    Anónimo  

    de coña, como siempre. El otro día estaba hecho un lio con el formato que tenían que tener las keywords y la description en el head... me has vuelto a ayudar mucho

    saludos

    PD: de coña=muy bien :P

    Responder
    JMiur  

    El mérito es compartido, la página que me recomendaste me ayudo a llenar alguno agujeros.

    PD: ya me registré en blogesfera y recién me entero que el botón que me gustó era diseño tuyo. El mundo es chico.

    Responder
    Anónimo  

    Una duda, en la meta keywords diferencia entre amyusculas y minusculas?
    es decir es lo mismo si pones Casa solamente o pones las dos casa, Casa.


    gracias

    Responder
    JMiur  

    No distingue entre mayúsculas y minúsculas así que una sola es suficiente. Por convención se escribe siempre en minúsculas.

    Responder
    Iveldie  

    A ver si me puedes ayudar, acabo de migrar a la nueva plantilla del beta y me es imposible incluir las meta que tenía en la anterior, al hacerlo me da este error:

    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: The element type "META" must be terminated by the matching end-tag "".

    Lo he ubicado justo después de head, antes de la Meta que ya viene asignada a la plantilla

    Saludos!

    Responder
    JMiur  

    Como META no tiene etiqueta de fin obligatoria, es probable que sea eso. Debe agregarse una barra al final:

    <META ...................... />

    Unknown  

    Tenia el mismo problema y lo he solucionado como aqui dices, faltaba la barra "/".
    Muchas gracias por tu ayuda.

    Responder
    Mirarir  

    Hola amigos,
    Si me pudieran ayudar, me pasa lo mismo que a Iveldie.
    Gracias. Muy interesante este blog, felicidaes.

    Responder
    Italico  

    Ah!! queria decir que tengo tambien ese error de HTML mal-formado usando el Blogger nuevo.....y no puedo usar ningun template que no venga con Blogger. Asi por ej, no me anda NINGUNO de http://freetemplates.blogspot.com/

    Salu2 desde la ciudad de las diagnoles ;)

    Responder
    JMiur  

    Abundancia: entonces, la solución es la misma, agregar una barra de cierre al final de la etiqueta. Si sigues teniendo problemas, envíame un mail porque podría haber un error de sintaxis en otro lado.

    Italico: eso es raro, puede ser que hayas cambiado a la cuenta de Blogger Beta pero aún no hayas cambiado a las nuevas plantillas. Primero, intenta usar una predeterminada por Blogger.

    Responder
    Mirarir  

    Hola JMiur,
    Mil gracias por tu ayuda.
    ¡Lo logré!
    Abrazos.

    Responder
    JMiur  

    Me alegro que todo se haya solucionado :)

    Responder
    Gonz  

    Hola,
    tengo una duda con respecto a la nube de tags, copie el codigo de una pagina pero me aparecen por orden de importancia y kisiera verlas por orden alfabetico, como puedo cambiarlo? http://blog-ico.blogspot.com

    Responder
    JMiur  

    Si el truco es similar a este, simplemente ve a Diseño de la plantilla y en la primera solapa, haz click para editar el elemento.

    Allí, marca Ordenar alfabéticamente y guárdalo. Eso es todo.

    Responder
    admin  

    gracias..me has dado una gran mano en mi blog...un abrazo y segui asi :)

    Responder
    Anónimo  

    Ya había tirado la toalla con respecto a la "ayuda de Blogger" y con una explicación bien sencilla me has aydado a resolver el problema. A veces me pregunto si las dificultades de los manuales de Google no estarán hechas a propósito.

    Cuando salvé la plantilla vi que Blogger había cambiado el orden de las entradas y las comillas. Por ejemplo en lugar de meta name="robots" content="noindex, nofollow" que es lo que yo escribí, quedó: meta content='noindex, nofollow' name='robots' . ¿Sabes por qué?.

    Gracias por todo.

    Responder
    JMiur  

    Yo también creo que muchos manuales están hechos para que no los entendamos :)

    Los cambios de comillas y el orden de estas instrucciones dentro header no tienen importancia y sólo tienen que ver con el lenguaje interno que usa Blogger. Por lo general, cambia las comillas dobles por comillas simples.

    Responder
    Kermit  

    He encontrado esto en Internet sobre etiquetas META:

    http://lironcareto.blogspot.com/2007/06/google-indexa-mal-blogger-en-casa-del.html

    ¿Cómo lo ves?

    Por otra parte, ¿sirve de algo crear METAs para cada página de etiquetas que tengamos en el blog?

    Muchas gracias por todo.

    Responder
    JMiur  

    No soy un experto en el tema así que sólo puedo hablar tratando de usar el sentido común.

    Lo que dice el artículo es interesante pero, me parece que, si fuera así y los posts que aparecen en la primera página luego no aparecen indexados, no se indexaría ninguno porque todos los posts aparecen en la primera página en algún momento.

    Google, lee enlaces y los permalinks de los posts, son enlaces, por eso, cada título de un post es un enlace, para que los robots los indexen.

    Usar o no usar esa opción ... no sé qué aconsejarte.

    Respecto de lo otro, lo que dicen los expertos en SEO es que siempre es mejor crear etiquetas META para cada página pero, eso es posible en un sitio que tenga páginas estáticas. En Blogger, no se me ocurre cómo podemos hacerlo ¿Alguna idea al respecto?

    Responder
    Centro Cultural Galatea  

    JMiur: gracias muy útil la información.
    marisol

    Responder
    JMiur  

    alegro que te sirviera, Marisol. Gracias por los comentarios.

    Responder
    TELEVISIONES EN DIRECTO  

    Hola, buenas tardes, me gustaria saber como poner title a cada una de las entradas, bueno....no se si es posible, decir que me has ayudado mucho en todo, si quereis pasar por mi blog esta és mi dirección, www.hispaniatv.blogspot.com, gracias por todo y disculpad las molestias

    Responder
    JMiur  

    Tendrías que explicar un poco más que quieres decir con eso de TITLE en cada entrada ¿será algo de esto?

    Responder
    Anónimo  

    gracias, ahora ojalá que google indexe de nuevo mi blog para que le ponga el texto que le puse con el tag meta description

    esta buena la ayuda

    Responder
    Unknown  

    interesante,lomejor de todo es que yo no sabia mucho sobre esto :D

    Responder
    Anónimo  

    A mi solo me deja poner la de keyworlds y la de la descripcion las otras
    las pongo justo debajo
    y el blog se me cierra :s

    Responder
    JMiur  

    No hay ningún motivo para que ocurra eso. Prueba borrar la caché del navegador.

    Responder
    Anónimo  

    Ya lo solucione
    muchas gracias
    y sigue con este blog
    ke es una maravilla
    besos!

    Responder
    Anónimo  

    Gracias a Gema he llegado hasta aquí, está genial explicado, muchas gracias.
    Hacía tiempo que no pasaba por aquí y me gustan mucho los cambios de la sidebar :) un saludo !

    Responder
    Gem@  

    En algunas cosas siempre llevo razón ;)

    Responder
    JMiur  

    Saludos, Maite. Me alegra que te sirviera :)

    Responder
    Hensytoh  

    gracias por la info, me sivió de mucho y felicidades por el blog.

    Responder
    xDivxOn  

    Hola me gustaria que me digas como puedo crear un formulario de comentarios asi como el tuyo gracias .
    Jaike,
    www.divxon.blogspot.com

    Responder
    JMiur  

    Es el mismo formulario que tienen todos, solo hay unos pocos detalles agregados. La base de todo se explcia en esta entrada.

    Responder
    Piola2.0  

    son dfe lujo sus temas me an ayudado mucho muchas graxias
    mi blog http://piolahp.blogspot.com/

    Responder
    Piola2.0  

    muchas graxias me ayudo mucho se agradece
    mi blog http://piolahp.blogspot.com/

    Responder
    Usuarios  

    Muchas gracias por tu estupendo tutorial! Me ha resultado super útil para darle los toques que le faltaban a mi blog.

    Responder
    JMiur  

    Me alegra que sirviera :D

    Responder
    cagbcn  

    hola a ver si me puedes ayudar. He creado una plantilla pero al subirla me sale el error de: 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: The element type "meta" must be terminated by the matching end-tag "".
    He generado desde webexpertos los metatags y sigue igual(he puesto /> al final, cambiado "por'...) creo que es mi plantilla pero nosé donde está el fallo. Aqui te la dejo para ver si puedes mirarla xD

    Responder
    cagbcn  

    te lo dejo por mediafire ya que no me deja (es un .txt para que no ocupe tanto)http://www.mediafire.com/download.php?xitmtnylimw

    Responder
    JMiur  

    Seguramente falta la barra de cierre de META:

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    Responder
    Luis Herasme  

    Soy Luis Herasme, República Dominicana. Rediseñé mi blog con el nuevo diseñador blogger. El inconveniente es que cuando agrego las metas tags me aparece un error. En la plantilla anterior no presentaba ningún inconveniente. Gracias.

    Responder
    JMiur  

    No sé qué codigo está colocando ni qué tipo de error te dice Blogger. Revisa que tengan la barra de cierre final.

    Responder
    NMitra  

    ¿Puedo dejar de páginas de la indexación de un tipo http://vagabundia.blogspot.com/2006/12/meta-blogger-beta.html?showComment =,,,
    Gracias de antemano!

    Responder
    JMiur  

    En Blogegr no puedes establecer restricciones ya que carece de la posibilidad de crear archivos que condicionen el acceso de los buscadores.

    Responder
    La Dueña  

    Hola: tengo un problema con los Meta tag. Lo hice utilizando un generador y cada vez que lo colo blogger me dice:

    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 "/>".

    Yo no encuentro que esten abiertas. Te podrías pasar el código para que lo veas?

    Saldudos

    Responder
    JMiur  

    Lo más probable es que te falte la barra final de la etiqueta:

    <meta ............. />

    Responder
    La Dueña  

    Ya mi fije eso y cada meta esta cerrado con ..../> e igual me da error.
    En el código debe ir ".." o '..' ??
    Que otra cosa debo revisar?

    Muchas gracias

    Responder
    JMiur  

    ¿Puedes mostrarme el código que tratas de insertar? Puedes dejarlo acá o enviármelo por mail.

    Responder

    ¿Quiere dejar un comentario?

    recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

    Nota: sólo los miembros de este blog pueden publicar comentarios.

    Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

    Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

     
    CERRAR