Introducción a las metatags: definición, sintaxis y uso correcto

Hablar de las etiquetas “meta”, o “metatags” como se las conoce popularmente, puede parecer anticuado en una época en la que los grandes motores de búsqueda no les dan la importancia de antaño.

Sin embargo no debemos dejarnos llevar por la dejadez y pensar que dichos elementos son superfluos y nada aportan a nuestro proyecto.

Las etiquetas “meta” han de situarse en el interior de las etiquetas <head></head>, es muy usual colocarlas justo después de la etiqueta <title></title>, aunque en ningún caso es obligatorio dicho orden.

Hay un par de variaciones importantes en cuanto a sintaxis e intención en las etiquetas “meta” que ha de tenerse en consideración, puesto que cada una de ellas tiene una filosofía y un propósito diferente.

Veamos la primera de ellas:

<meta http-equiv="nombre" content="contenido" />

Esta sintaxis merece cierta atención, ya que es tradicional cierto desconocimiento acerca de su origen y su propósito.

Con ella lo que conseguimos el efecto de añadir información a la cabecera con la que es enviada nuestra página hacia el navegador del usuario.

Consideremos una cabecera de respuesta típica:

HTTP/1.1 200 OK
Date: Tue, 20 Jul 2004 19:27:09 GMT
Server: Apache/1.3.26 (Unix) Debian GNU/Linux mod_gzip/1.3.19.1a PHP/4.3.8 v2h/1.5.1
X-Powered-By: PHP/4.3.8
Expires: Mon, 26 Jul 1997 05:00:00 GMT
Last-Modified: Tue, 20 Jul 2004 19:27:09 GMT
Cache-Control: no-store, no-cache, must-revalidate
Cache-Control: post-check=0, pre-check=0
Pragma: no-cache
Transfer-Encoding: chunked
Content-Type: text/html

Imaginemos que necesitamos añadir cualquier atributo usual dentro de estas cabeceras, no tenemos acceso a la configuración de nuestro servidor o no dispongamos de ningún lenguaje dinámico como ASP o PHP que nos permita hacerlo de forma más o menos elegante.

En este caso la adición de una etiqueta meta con el parámetro “http-equiv” es equivalente, nuestro navegador debería interpretarlo como tal.

Por ejemplo, si deseásemos añadir el atributo:

Refresh: 5

No tendríamos más que colocar la siguiente construcción entre nuestras etiquetas “meta”:

<meta http-equiv="Refresh" content="5" />

Podemos encontrar todos los atributos posibles dentro de las especificaciones de los protocolos http 1.0 y http 1.1.

La segunda sintaxis, mucho más usual, es la siguiente:

<meta name="nombre" content="contenido" />

Usuarios que han visto este tema también han visto...

- Alineamiento de tablas
- Comentarios Condicionales de IE con HTML
- Declaración DOCTYPE en HTML
- Cómo hacer los mapas de imágenes en HTML
- Creación de mapas en HTML

- Versión imprimible de este documento

- Enviar por e-mail este documento