Meta HTML

Aquí veremos la relación que hay entre las etiquetas meta y los buscadores como Google



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:

<head>
<meta name="author" content="Jorge Perez">
</head>

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 una, 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 búsqueda.

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 búsqueda. Es por eso que debe ser una oración o frase que refleje exactamente el contenido de la página.

Importante: es muy recomendable definir diferentes keywords y descriptions para 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

<!-- Lenguaje de scripts por defecto -->
<meta http-equiv="Content-Script-Type" content="text/javascript">

<!-- Lenguaje de hojas de estilo por defecto -->
<meta http-equiv="Content-Style-Type" content="text/css">

<!-- Codificación de caracteres -->
<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 deseas una descripción completa, dirígete a: atributos estándard.



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

En la Web