La cabecera de un documento HTML se suele utilizar para incluir un tipo de información transparente, también llamados metadatos.

Quizás, la etiqueta con mayor número de posibilidades en la cabecera de un documento HTML es la etiqueta <meta>. En ella, y a través de los atributos name y content podemos indicar una gran cantidad de metadatos al documento. Veamos los más conocidos:

Atributo name Atributo content Descripción
description texto Indica la descripción de la página que aparece en buscadores.
keywords palabras clave Lista de palabras clave separadas por comas. Google no la tiene en cuenta.
author nombre Indica el nombre del autor de la página.
language idioma Código ISO 639-1 del idioma del documento HTML.
generator software Indica el software utilizado para crear la página web.
theme-color color Color en formato hexadecimal de la barra de navegación del navegador.
viewport parámetros Comportamiento de la región visible del navegador. Ver Responsive.

Modificar el aspecto del navegador

Un cambio muy reciente, incluído por parte de Google en Google Chrome y dispositivos Android, es el atributo theme-color que colorea la barra de direcciones del navegador:

<head>
  <meta name="theme-color" content="#1e7bbf">
</head>

Con esto conseguiremos que, un dispositivo móvil con Android y Google Chrome, muestre la barra de navegación de la siguiente forma:

Meta theme

Metadatos para Google

Al margen de etiquetas <meta> como description o <title>, que las entiende y procesa perfectamente para crear los resultados de búsqueda, Google es capaz de leer otros metadatos que le indicarán como realizar ciertas acciones:

Atributo name Atributo content Descripción
google nositelinkssearchbox Indica a Google que no muestre el minibuscador en los sitelinks.
google notranslate Indica a Google que no debe traducir la página.
robots parámetros Indica al robot de un buscador si debe indexar o no la página.

Un pequeño ejemplo de esta etiqueta con los citados atributos:

<head>
  <meta name="google" content="nositelinkssearchbox">
  <meta name="google" content="notranslate">
  <meta name="robots" content="index, nofollow">
</head>

Por su parte, la etiqueta <meta name="robots"> puede tener varios parámetros (separados por comas) para indicarle a Google diferentes detalles:

Parámetros Significado
index Sugiere a Google que se quiere indexar el contenido de la página en el buscador.
noindex Indica a Google que no debe indexar el contenido de la página en el buscador.
follow Sugiere a Google que siga los enlaces que encuentre en la página.
nofollow Indica a Google que no debe seguir los enlaces que encuentre en la página.
nosnippet Indica a Google que no muestre fragmentos (descripción, etc...).
noodp Indica a Google que no use la descripción alternativa de DMOZ.
noarchive Indica a Google que no almacene una versión en caché de la página.
unavailable_after:[fecha]: Establece una fecha de caducidad para que no se rastree más la página.
noimageindex Indica a Google que no indexe la página en resultados de Google Imágenes.
none Equivalente a indicar los parámetros noindex, nofollow.

Metadatos que modifican cabeceras

Existe una serie de metadatos especiales que indican a los robots del buscador o al navegador, que deben modificar las cabeceras HTTP para realizar acciones que suelen hacerse desde el lado del servidor. Para ello, en lugar de utilizar el atributo name, utilizamos el atributo http-equiv. Sin embargo, estas etiquetas pueden ser ignoradas por algunos navegadores o robots de búsqueda y se utilizan por motivos históricos.

Algunos ejemplos de estos atributos son los siguientes:

Atributo http-equiv Atributo content Descripción
refresh segundos;url=URL Redirige a la URL después del número de segundos indicado.
expires fecha Fecha a partir de la cuál se considera página expirada.
pragma no-cache Indica al navegador que no guarde en caché la página.
cache-control public | private
no-cache | no-store
Indica a Internet Explorer si guardar o no en caché la página.

Y finalmente, un ejemplo aplicando cada una de estas etiquetas:

<head>
  <meta http-equiv="refresh" content="300;url=http://www.emezeta.com/">
  <meta http-equiv="expires" content="Fri, 29 Apr 2016 12:56:00 GMT">
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
</head>
Manz
Publicado por Manz

Docente, divulgador informático y freelance. Trabaja como autónomo, escribe en Emezeta.com (sitio web de tecnología con +10.000 visitas diarias) y es profesor en la Oficina de Software Libre de la Universidad de La Laguna, en Tenerife (Islas Canarias).