Menú

Enlaces

Visitas

2.3. Metadatos (Metadata)

Se utiliza para añadir información sobre la página. Esta información o metadatos no se visualiza en la página, pero es de suma importacia para los buscadores y para los navegadores. Los buscadores consultan la información de la etiqueta <meta> de las páginas, buscando coincidencias con lo que el usuario pretende encontrar. No tiene etiqueta de cierre pero se puede poner al final el cierre />.

Va entre las etiquetas:
<head></head>

Es la etiqueta:
<meta> o <meta />
Ejemplo:
<head>
<meta name="Author" content"ParriOro">
<meta name="Author" content"ParriOro" />
</head>

2.3.1. Atributos

Van dentro de la etiqueta:
<meta>

2.3.1.1. name y content

name: Indica el tipo de información.

content: Indica el valor de dicha información.

Para indicar el tipo de información podemos utilizar cualquier palabra que deseemos, como puede ser Autor, Palabras clave, Descripción, etc. Pero debido a que la mayoría de buscadores están en inglés, es preferible que el tipo de información se especifique en inglés, Author, keywords, description.

Los valores más habituales del atributo name son:
Ejemplo:
<meta name="author" content="ParriOro">
<meta name="copyright" content="© 2011, La Zona by ParriOro">
<meta name="description" content="Este documento trata sobre las etiquetas META">
<meta name="distribution" content="global">
<meta name="generator" content="bloc de notas">
<meta name="keywords" content="html,meta,name,atributos">
<meta name="owner" content="ParriOro">
<meta name="progid" content="txt.document">
<meta name="rating" content="general">
<meta name="resource-type" content="document">
<meta name="revisit-after" content="1 mounth">
<meta name="revisit-after" content="35 days">
<meta name="robots" content="all">

2.3.1.1.1. Dublin Core

Dublin Core es un estándar de metadatos que define un conjunto de propiedades recomendadas para descripciones bibliográficas electrónicas, y su objetivo es promover la interoperabilidad entre modelos descriptivos dispares. Estas propiedades incluyen entre otras: título, autor, descripción, tema, editor, tipo de recurso, fecha de publicación, idioma, formato, documentos relacionados, derechos de autor, etc.
Ejemplo:
<meta name="DC.Title" content="HTML - Metadatos">
<meta name="DC.Creator" content="ParriOro">
<meta name="DC.Subject" content="Metadatos">
<meta name="DC.Description" content="Este documento trata sobre las etiquetas META">
<meta name="DC.Publisher" content="lazonahtml.webcindario.com">
<meta name="DC.Date" content="2011-04-12">
<meta name="DC.Type" scheme="DCMIType" content="Text">
<meta name="DC.Format.Medium" content="text/html">
<meta name="DC.Relation.isPartOf" content="http://www.lazonahtml.webcindario.com/">
<meta name="DC.Identifier" content="http://html.lazonahtml.webcindario.com/carpeta de la página en la que está esta página">
<meta name="DC.Language" content="es">
<meta name="DC.Rights" content="© 2011, La Zona by ParriOro.">

2.3.1.2. http-equiv y content

Crean una cabecera de respuesta HTTP que transmite información o instrucciones al navegador sobre las acciones que este debe tomar con respecto a la página. Obtiene información sobre los encabezados del mensaje de respuesta HTTP.
Ejemplo:
<meta http-equiv="Allow" content="">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Encoding" content="gzip">
<meta http-equiv="Content-Language" content="es-ES">
<meta http-equiv="Content-Length" content="">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html" charset="iso-8859-1">
<meta http-equiv="Date" content="Mon, 17 Oct 2011 09:05:14 GMT">
<meta http-equiv="Expires" content="Mon, 17 Oct 2011 09:21:56 GMT">
<meta http-equiv="Last-Modified" content="Mon, 17 Oct 2011 09:05:14 GMT">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Location" content="URL=http://lazonahtml.webcindario.com/index.html">
<meta http-equiv="page-enter" content="revealtrans(duration=5,transition=23)">
<meta http-equiv="page-exit" content="revealtrans(duration=5,transition=23)">
<meta http-equiv="page-enter" content="blendTrans(duration=5)">
<meta http-equiv="page-exit" content="blendTrans(duration=5)">
<meta http-equiv="PICS-Label" content="(PICS-1.1 "http://vancouver-webpages.com/VWP1.0/" l gen true comment "VWP1.0" by "candilejas74@yahoo.es" on "2011.10.17T11:09-0700" for "http://lazonahtml.webcindario.com/" r (Gam -1 V 0 Env 0 SF 0 Com 0 Can 0 Edu -2 S 0 P 0 Tol -1 MC 0 ))">
<meta http-equiv="Refresh" content="30"> (Refresca la página cada 30 seg.)
<meta http-equiv="Refresh" content="5; URL=http://www.lazonahtml.webcindario.com/index.html"> (5 seg. y redirecciona)
<meta http-equiv="Reply-To" content="candilejas74@yahoo.es">
<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 21-Oct-11 14:18:41 GMT; path=/">
<meta http-equiv="Window-target" content="_top">
<meta http-equiv="WWW-Authenticate" content="">

2.3.1.3. scheme

No suele utilizarse, aunque permite proporcionar información de contexto para que el navegador interprete correctamente el valor del metadato. En el siguiente ejemplo, el atributo scheme indica al navegador que el valor del metadato hace referencia al código ISBN.
Ejemplo:
<meta scheme="ISBN" name="identificador" content="789-1392349610">

Especifica el formato o URL del valor dado en el atributo content. Nombra un esquema que será usado para interpretar el valor de la propiedad.

2.3.1.4. dir

Especifica la dirección del texto en el atributo content. El valor ltr va de izquierda a derecha (left to right). El valor rtl va derecha a izquierda (right to left). El español se escribe de izquierda a derecha mientras que el árabe o hebreo van de derecha a izquierda.
Ejemplo:
<html>
<head>
<title>HTML Básico</title>
<meta name="description" content="Este documento trata sobre las etiquetas META" dir="ltr">
</head>
<body>
Etiquetas y contenidos del cuerpo. Parte del documento que será mostrada por el navegador: Texto e imágenes.
</body>
</html>

2.3.1.5. lang

Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento. El atributo lang es útil para:
Ejemplo:
<html>
<head>
<title>HTML Básico</title>
<meta name="description" content="Este documento trata sobre las etiquetas META" lang="es-ES">
</head>
<body>
Etiquetas y contenidos del cuerpo. Parte del documento que será mostrada por el navegador: Texto e imágenes.
</body>
</html>