Base de Conocimientos - FAQs

Meta Tags HTML

Debido a que son muchas las cosillas que se pueden usar con los "meta" tags de las páginas HTML, he pensado que lo mejor es dedicar una página a ese tema...

Como sabrás, en las páginas HTML existe una sección dentro de la "cabecera", definido por y , en las cuales se pueden insertar tags del tipo meta... estos tags son indicadores que, en algunos casos, le dicen a la página cómo deben comportarse y en otros son meramente informativos.

Cuando creamos una página HTML suelen incluirse los siguientes:
este realmente no es un meta tag, pero está dentro de la cabecera e indica el título de la página.
este indica el editor con el que se ha creado la página.
este es otro de los meta tags que indica el tipo de codificación usada en la página.

Nota:
Estos meta-tags acaban con el signo >, pero si queremos que tenga "consistencia", (sobre todo con el formato "bien formado" XML), deberían acabar con />, de esta forma estaremos haciendo las cosas mejor... aunque esa diferencia, para los navegadores no es importante.

Aparte del título, en estos casos que te muestro, vemos los dos tipos más habituales: name y http-equiv, en ambos casos el formato es el mismo, tipo de meta-tag y después el contenido, el cual debe estar entrecomillado después de la palabra content.
En el caso de name, podemos crear los nuestros propios, (que aunque no tengan ningún significado para el navegador, para nosotros puede resultar útil al menos a título informativo. Ya que puedes crear tus meta-tags para indicar el autor de la página, la fecha de revisión, etc.
Pero lo importante es saber cuales de esos meta-tags tendrán algún tipo de efecto sobre el navegador e incluso sobre los "robots" usados por los buscadores.
Veamos esa relación.

Para "refrescar" una página o redirigirla a otra, transcurrido un cierto tiempo:

El tipo es http-equiv="refresh", en content le decimos el número de segundos (si indicamos CERO será inmediato) y a continuación indicamos la página a la que debe dirigirse, para ello usamos URL=nombre de la página.
En este ejemplo, se cargará la página indice.htm que esté en el directorio actual transcurridos 20 segundos.

Las palabras claves que los "robots" usarán:

Este tag lo usarán los "robots" enviados por los buscadores y se usará para indicar las palabras claves relacionadas con la página en cuestión.

La descripción de la página:

Este tag lo usan los buscadores para dar una descripción del contenido de la página.

Si los "Robots" deben tener en cuenta esta página o no:

El valor de content puede ser:
all para que el robot tenga en cuenta esta página y pueda seguir los links contenidos en la misma (este es el valor predeterminado)
noindex para que no la tenga en cuenta.
none que es lo mismo que noindex, nofollow
index para que la tenga en cuenta
follow para que pueda seguir los links que haya en la página
nofollow lo contrario de follow.

La fecha en la que expira una página:

La fecha en la que dicha página expira y por tanto el navegador "refrescará" el contenido después de esa fecha. El formato de la fecha es algo como: Sat, 16 Nov 2002 16:05:00 GMT, también se puede indicar un CERO para que expire inmediatamente.
En el caso de que el valor de content sea -1, no se guardará en el caché, e teoría lo mismo que si fuese 0.
Si se usan páginas ASP, se puede usar también: Response.Expires = -1

Para que no se guarde la página en el caché:

Esto le indica al navegador que no guarde la página en el caché.
Este meta-tag no es válido para el Internet Explorer y según la Knowledge Base, es preferible usar el método indicado arriba, es decir usar "expires" y en content -1:

A ver si es cierto... ya que esto es el que yo necesito para evitar los problemillas que algunas veces me contáis de que no se ve la página correcta...

Evitar que una página se muestre dentro de un frame:

En Content podemos usar:
_top para indicar que se muestre en la página completa, no dentro de un frame,
_blank para que se muestre en una nueva ventana

Hay más, pero creo que estos que te muestro son los más importantes.

Para seguir investigando: http://www.w3.org/TR/REC-html40/struct/global.html#h-7.4.4.2