Antonio Barranco
Martes, 20 de Julio de 2004
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" />
Con ella buscamos introducir cierta información en forma de metadatos que habrán de ayudar a identificar rasgos y atributos de nuestra página web.
Dichos atributos podrán ser aprovechados por navegadores, motores de búsqueda o incluso humanos para ayudar a clasificar su página, al igual que hacen los bibliotecarios cuando clasifican un libro en base a ciertos atributos.
Su uso fue recomendado por el World Wide Web Consortium (W3C), precisando que se deben proporcionar metadatos para añadir información semántica a los sitios web.
Podemos considerar que las etiquetas mas comunes que debería incluir toda página son las siguientes:
Description
El propósito de la presente etiqueta es proporcionar una breve descripción del contenido de nuestro sitio web.
Tradicionalmente ha venido siendo usada por motores de búsqueda para añadir dicha información a sus resultados. En la actualidad debido al perfeccionamiento de dichos motores dicho atributo apenas se tiene en cuenta o no se hace en absoluto.
La razón de esta práctica es que dichos buscadores para brindar una mayor utilidad al usuario muestran el texto colindante a los términos de búsqueda empleados en sus resultados, a fin de ofrecer una referencia contextual. También debemos destacar que los tiempos en que los buscadores tenían en cuenta sólo el texto de dicha etiqueta están afortunadamente lejos.
No obstante quedan muchos buscadores que en determinados casos aun hacen uso de dicha información, y es importante incluir una descripción lo más completa posible del contenido de nuestra página, que debemos conseguir con el menor número de palabras posibles, ya que muchos robots sólo consideran aproximadamente las 15 primeras palabras de su contenido.
Ejemplo: <meta name="description" content="Bitácora personal sobre usabilidad, diseño, marketing, publicidad, canales y modelos de negocio, nuevas tecnologías y promoción en Internet.” />
Keywords
Define una serie de palabras clave que tienen el propósito de referenciar nuestra web de cara a búsquedas, es de recibo pensar dicho atributo se creó pensando especialmente en los motores de búsqueda.
Podemos hablar mucho de este atributo, pero heredando de la anterior debemos comprender que su uso es bastante limitado en la actualidad.
Esto es debido a las razones anteriormente expuestas y a que tradicionalmente se ha utilizado dicha etiqueta para cometer fraude, incluyendo palabras que para nada tenían que ver con el contenido que se mostraba. Como reacción los buscadores en claro afán de producir mejores resultados que los de su competencia han ido eliminando gradualmente el crédito proporcionado a dicha información.
No obstante puede resultar interesante hacer uso de ella ya que pequeños buscadores aun hacen uso de la información que proporciona, en estos casos es recomendable tomarse la elección de dichas palabras clave palabras clave de forma muy delicada, ya que deben expresar el contenido intrínseco de nuestra página de una forma exacta. Han de colocarse en orden de importancia y no conviene extenderse en su uso, ya que tradicionalmente un motor de búsqueda que haga uso de ellas no tomará más de 15.
Ejemplo: <meta name="keywords" content="usabilidad, diseño, marketing, publicidad, promoción, nuevas tecnologías, modelos de negocio” />
Author
En ella especificamos quien es el autor del documento que presentamos.
Ejemplo: <meta name= “author” content=“Antonio Barranco” />
Language
Con ella informamos acerca del idioma en que se encuentra nuestro documento. Existe una lista de códigos para los idiomas más comunes. Por ejemplo, el código de idioma para el Español es “es”, si queremos concretar más y especificar que se trata de Español de España escribiremos “es-es”.
Todos estos códigos se encuentran estandarizados dentro de la norma ISO 639-2, que puede servirles como material de consulta en caso de tener dudas acerca del código correspondiente a su idioma.
Ejemplo: <meta name="language" content="es" />
Robots
Su valor proporciona instrucciones a los motores de búsqueda información sobre cómo rastrear o indexar el documento y otros documentos enlazados con él. En un próximo artículo se hará un análisis exclusivo sobre el uso de dicho atributo.
Ejemplo: <meta name="robots" content="index, follow” />
Copyright
EL valor de “copyright”, debe incluir el propietario de los derechos del sitio así como una declaración de uso lícito.
Ejemplo: <meta name="copyright" content="Copyright Antonio Barranco 2.004 - Todos los derechos reservados” />
Existen atributos que informan a los motores de búsqueda del periodo en que se actualiza la página y otra información similar. La tendencia actual de dichos sistemas es hacer caso omiso a dicha información, por lo que no entran dentro del ámbito del presente artículo.
Igualmente es interesante conocer ciertos atributos para las metatags que permiten modificar aspectos del comportamiento del navegador, que pese a no estar estandarizados y ser propietarios pueden ayudarnos a eliminar comportamientos no deseados.
Enlaces relacionados:
Categorías: Diseño web
Comentarios (1) •Trackbacks (2) •Enlace permanente