Meta HTML

<<< La Sección Head Explicación sobre URL >>>

La etiqueta <meta>

La etiqueta <meta> se utiliza para identificar propiedades de un documento(p.ej.,el autor, una lista de palabras claves, la descripción de una página, etc.) y para asignar valores a esas propiedades. Para ello nos servimos del atributo name que especifica la propiedad a usar y del atributo content para definir el contenido de dicha propiedad.

El siguiente ejemplo nos muestra un valor para la propiedad author:

La etiqueta <meta> debe ubicarse en la sección head del documento, entre las etiquetas <head> y </head>.
La etiqueta <meta> no tiene cierre.

Meta y los motores de búsqueda

keywords

Uno de los usos más importantes de la etiqueta <meta>, es especificar una lista de palabras claves relacionadas con el contenido de la página. Estas palabras claves (keywords) serán usadas por los motores de búsqueda para identificar el contenido de la página y de esa forma mejorar la calidad de los resultados de una búsqueda.
Las palabras claves deben separarse con una coma (,) y se pueden escribir dos o más palabras juntas.

<meta name="keywords" content="vacaciones, vacaciones en el Caribe, Caribe, islas, playas del Caribe, sol">

Nota: observe que "vacaciones en el Caribe" y "Caribe" son términos diferentes.
"vacaciones en el Caribe" es un término más preciso que la palabra "Caribe". Esto es importante ya que ayuda a los motores de búsqueda a encontrar términos que se adecúan a las exigencias de los usuarios. Lo que nos lleva a entender que hay más posibilidades de aparecer en puestos superiores en los resultados de busqueda.

description

También es importante dar una descripción lo más precisa posible de la página Web.

<meta name="description" content="Sus próximas vacaciones en el Caribe">

Nota: esta descripción es la que aparece muchas veces por debajo del título del sitio, en los resultados de los motores de busqueda. Es por eso que debe ser una oración o frase que refleje exactamente el contenido de la página.

Importante: es muy recomendable poner diferentes keywords y descriptions por cada una de las páginas de un sitio.

Meta e información por defecto

Las etiquetas <meta> pueden utilizarse para especificar la información por defecto de un documento en los siguientes aspectos:

El lenguaje de scripts por defecto.
El lenguaje de hojas de estilo por defecto.
La codificación de caracteres del documento.

Para ello nos servimos del atributo http-equiv

<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-5">

Etiquetas y atributos de meta.

Etiquetas	Atributos	Valor	Descripción
<meta>			Especifica una pareja propiedad/valor del documento.
	name	author	Identifica un nombre de propiedad.
		description
		keywords
		generator
		revised
		otros
	http-equiv	content-type	Los servidores HTTP utilizan este atributo para obtener información sobre los encabezados.
		expires
		refresh
		set-cookie
	content	valor	Este atributo especifica el valor de una propiedad.
	scheme	valor	Proporciona a los navegadores más contexto para la interpretación correcta de los datos.

Atributos estándard

lang, dir

Si desea una descripción completa, diríjase a: atributos estándard.

¿No encuentras lo que buscas?

<<< La Sección Head Explicación sobre URL >>>

Búsqueda

Otros tutoriales

HTML
CSS
Herramientas Utiles
Diseño de formularios

Diseño Web

Sitios amigos

LaWebdelProgramador
Desarrolloweb
Frogx.three

Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.

webmaster@virtualnauta.com

Mapa del sitio

HTML

Básico

Colores

Avanzado

Ejemplos y Examen

Guías de referencia