Elementos META

Rubén Martínez Candela

Indice

Introducción Tipos de Metadatos http-equiv name Más información

Introducción(1)

1. ¿Qué es un elemento META?- Son datos acerca de datos, es decir, datos

acerca de un documento (página Web) que no son su contenido principal (fecha, idioma, etc.)

2. ¿Cómo se usan?- forman parte del contenido del elemento HEAD

del documento. La sintaxis del elemento META es la siguiente

Introducción(2)

3. Sintaxis:<meta name=“nombre_prop” content=“valor”...>

o bien:<meta http-equiv=“nombre_encabezado_http”

content=“valor_encabezado”>

Indice

Introducción Tipos de Metadatos http-equiv name Más información

Tipos de Metadatos(1)

Existen dos tipos de elementos META con funciones distintas:

1. Elementos META especificados con http-equiv.

2. Elementos META especificados con name.

Tipos de Metadatos(2)

1. http-equiv– Proporcionan información acerca del tipo de

datos del documento.

– Indican el comportamiento que tienen esos datos y como han de ser tratados por parte del cliente y el servidor

Tipos de Metadatos(3)

2. name– Proporcionan información acerca del contenido

de los datos del documento (tema, idioma…), procedencia de los mismos (autor), actualidad (fecha), etc.

Tipos de Metadatos(4)

Resumen:– Especificados mediante http-equiv:

Normas según las cuales se transmiten los datos del documento (cliente servidor)

– Especificados mediante name:Contenido de los datos, procedencia, etc.

Indice

Introducción Tipos de Metadatos http-equiv name Más información

http-equiv(1)

1. Líneas de encabezado– Dan información sobre el mensaje o contenido en el

cuerpo del mensaje.

– Ocupa una línea.

– Estructura: Nombre_encabezado: valor

– Los principales son server: y last-modified: que indican el servidor y la fecha de la última modificación

http-equiv(2)

3. Encabezados de respuesta definidos por HTTP

Expires: – Indica la fecha (GMT) de caducidad del documento.

– Útil para controlar el almacenamiento en caché. Después de la fecha indicada las cachés y motores de búsqueda volverán al servidor para ver si el recurso ha sido modificado

– Ejemplo: Expires: Wed,19 Oct 2005 17:00:00 GMT

http-equiv(3)

Pragma: – Su valor debe ser no-cache.

– Permite al cliente refrescar la copia de su cahé cuando sabe que está anticuada.

– Ejemplo: pragma: no-cache.

http-equiv(4)

Content-type:– Permite especificar la codificación de caracteres

utilizada al codificar el documento

– Ejemplo: Content-type: text/html; charset=ISO-8895-1

http-equiv(5)

Content-language:– Permite especificar el idioma de los destinatarios

del recurso.

– Los códigos de lenguaje están definidos por el IANA (Internet Assigned Number Authority) y se puedeb ver en http://www.ietf.org/rfc/rfc1766.txt

– Ejemplo: Content-Language: es-ES

http-equiv(6)

Cache-control:– Directrices para determinar cómo deberían der

manejadas las páginas por las cachés, incluyen:

Max-age=segundos: similar a expires, el tiempo de caducidad de cuenta a partir del momento en que se realiza la petición del recurso.

s-maxage=segundos: como max-age pero solo se aplica a cachés proxy.

http-equiv(7)

Public: marca la respuesta como almacenable en caché, incluso cuando lo normal es que no lo fuera.

no-cache: fuerza a las cachés a que siempre envien una petición al servidor antes de servir una página alamcenada.

must-revalidate: comunica a las cahés que has de seguir estrictamente todas nuestras reglas sobre la caducidad de los productos.

http-equiv(8)

proxy-revalidate:como must-revalidate pero solo se aplica a cachés proxy.

– Ejemplo:

Cache-control: max-age=3600, must-revalidate

– Más informacion en RFC2616:http://www.ietf.org/rfc/rfc2616.txt

http-equiv(9)

4. Otros encabezados de respuesta Refresh:

– Fue introducido por Netscape en al versión 2 de su navegador

– Proporciona una posibilidad de redireccionar un documento (ej.: si ha cambiado de localización)

– Nunca debe emplearse un tiempo de cero segundos pues puede estropear la funcionalidad de algunos navegadores

http-equiv(10)

– No tiene mucho sentido a no ser que se utilice para obligar al cliente a refrescar un documento

– Lo que se consigue es que el usuario pierda el control sobre su navegador

– Ejemplo:<meta http-equiv=“refresh” content=“3,URL:http://www.ua.es>

http-equiv(11)

Set-cookie:– Coloca un “cookie” en el navegador

– Ejemplo:<meta http-equiv=“set-cookie”content=“cookievalue=VALUE;expires=DATE; path=PATH;domain=NOMBRE_DOMINIO;secure>

http-equiv(12)

– Si se incluye fecha de caducidad el “cookie” se queda en el disco hasta dicha fecha, entonces se borra.

– Si no se incluye fecha de caducidad se borra cuando se cierra el navegador.

http-equiv(13)

PICS-label:– Significa "Platform Independent Content Rating

Scheme", algo asi como "Clasificación de Contenidos Independiente de la Plataforma“.

– Su uso es clasificar un documento según sus contenidos (violencia, sexo, etc.)

– Tiene otras utilidades como firma de códigos, privacidad, protección de la propiedad intelectual, etc.

http-equiv(14)

– Se puede asignar una etiqueta PICS a cualquier recurso que tenga URL de dos maneras:

Encargar a un organismo independiente que monitorice el recurso o sitio web y las etiquetas se almacenan en su servidor.

Conectar con un servicio de clasificación por medio de unos formularios para obtener los elementos META que se colocaran en la propia página

http-equiv(15)

– Uno de estos servicios gratuitos es el generador de etiquetas PICS de Vancouver-Webpages http://vancouver-webpages.com/VWP1.0/VWP1.0.gen.html

– También se puede encontrar más información en el sitio web del W3C http://www.w3.org/PICS/

http-equiv(16)

Content-script-type:

– Sirve para especificar el lenguaje de scripts por defecto de los scripts que haya en el documento.

– Ejemplo:Content-Script-Type: text/javascript

http-equiv(17)

Content-style-type:– Sirve para especificar el lenguaje de hojas de estilo

por defecto del documento.

– Los documentos que incluyan elementos que especifiquen el atributo style pero que no definan un lenguaje de hojas de estilo por defecto son incorrectos.

http-equiv(18)

– Ejemplo:<meta http-equiv=“Content-Style-Type” content=“text/css”>

http-equiv(19)

5. Encabezados de respuesta HTTP especificados con META

Existen dos maneras los encabezados de respuesta HTTP.– La primera y más segura es enviar los encabezados

con el resto de mensaje de respuesta, antes del cuerpo del mensaje

http-equiv(20)

– La segunda, menos recomendable, es incluir encabezados en el propio documento, mediante la utilización del elemento META con el atributo http-equiv especificado.

– Existen encabezados que pueden no tener el efecto esperado si se declaran de este modo:

Todos serán normalmente ignorados por las cahés proxy

http-equiv(21)

El encabezado cache-control tendrá efectos indeterminados en los navegadores.

La especificación de la codificación de caracteres (content-type) puede provocar problemas.

No se pueden asociar Metadatos a recursos que no sean documentos HTML (imágenes, música, etc.)

http-equiv(22)

– Hay excepciones que son refresh, content-script-type y content-style-type para los cuales una declaración META tiene prioridad sobre un encabezado de respuesta

Indice

Introducción Tipos de Metadatos http-equiv name Más información

name(1)

Proporcionan información acerca del contenido de los datos del documento (tema, idioma…), procedencia de los mismos (autor), actualidad (fecha), etc.

No existe una especificación que defina los posibles valores del atributo name aunque existen algunos de ellos que son ampliamente entendidos; igualmente hay otros que son entendidos por navegadores en particular.

name(2)

Valores más utilizados:– Description: contiene la descripción de un

documento, algunos motores de busqueda incluyen esta información con los resultados de la búsqueda por lo que conviene que sea lo más correcta posible.

<meta name="description" contents="Este documento trata sobre los elementos META (metatags)." lang="es">

name(3)

– Keywords: define palabras clave que son usadas por algunos buscadores para clasificar los documentos. A causa de la mala utilización de este valor, que proporciona resultados inútiles desde el punto de vista del usuario, los buscadores actuales tienden a ignorarlas.

Ej.: <meta name="keywords“ contents="metatags,meta name,meta http-equiv">

name(4)

– Author: el autor del documento. Ej.: <meta name=“author” content=“Rubén Martínez Candela”>

– Copyright: proporciona información sobre el Copyright del documento

Ej.: <meta name="copyright" content="&copy; 2005, Rubén M. Candela" lang="es">

name(5)

– Robots: controla la acción de los motores indexadores sobre el documento. Puede tomar uno o más de los siguientes valores: INDEX, NOINDEX, FOLLOW, NOFOLLOW; además ALL equivale a INDEX, FOLLOW y NONE equivale a NOINDEX, NOFOLLOW.

Ejemplos:<meta name="robots" content="NOINDEX, NOFOLLOW">

– Los robots no pueden indexar esta página y no pueden recorrerla para buscar nuevos enlaces.

name(6)

<meta name="robots" content="NOINDEX, FOLLOW">

– Los robots no pueden indexar esta página pero sí recorrerla para buscar nuevos enlaces.

<meta name="robots" content="ALL"> – Los robots pueden indexar esta página y recorrerla

para buscar nuevos enlaces.

name(7)

Algunos robots soportan tipos concretos de valores, por ejemplo:

– Altavista soporta NOIMAGEINDEX (las imágenes no pueden ser indexadas pero el texto si) y NOIMAGECLICK (no se pueden ofrecer vínculos directos a una imagen)

– Google soporta el valor NOARCHIVE (evita que la página sea almacenada en el caché del buscador)

name(8)

Además, los robots pueden controlarse a nivel de sitio por medio del fichero robots.txt. Más información en http://www.robotstxt.org.

– Dublin Core: es un estándar de Metadatos que define un conjunto de propiedades recomendadas para descripciones bibliográficas (título, autor, descripción, fecha de publicación, idioma, etc.)

name(9)

Ejemplo: <meta name="DC.Title" content="HTML con Clase - Metadatos"><meta name="DC.Creator" content="Juan Ramón Pozo"><meta name="DC.Subject" content="Metadatos"><meta name="DC.Description" content="Los elementos META de HTML: tipos, funciones, etc."><meta name="DC.Publisher" content="ConClase.net"><meta name="DC.Date" content="2001-06-16"><meta name="DC.Type" scheme="DCMIType" content="Text"><meta name="DC.Format.Medium" content="text/html"><meta name="DC.Relation.isPartOf" content="http://www.conclase.net/"><meta name="DC.Identifier" content="http://html.conclase.net/articulos/metadatos"><meta name="DC.Language" content="es"><meta name="DC.Rights" content="(c) 2001 by Juan R. Pozo. All rights reserved.">

Puede encontrarse toda la información en:http://dublincore.org/

Indice

Introducción Tipos de Metadatos http-equiv name Más información

Más información

Podeis encontrar más información en los siguientes sitios:– Vancouver-Webpages:http://vancouver-webpages.com/META/– Las especificaciones de HTTP 1.0

(http://www.ietf.org/rfc/rfc1945.txt ) y HTTP 1.1 (http://www.ietf.org/rfc/rfc2616.txt)

– Y los enlaces citados durante la presentación.