Las meta tags son una serie de etiquetas html que se incorporan en el encabezado de las página web. A nivel general, son invisibles para los navegantes pero son de gran utilidad para los motores de búsqueda que indexan las páginas web. Su finalidad es agregar información referencial (metadatos) sobre la página web, incluyendo: título, autor, fecha, palabras clave, descripción, etc. Dicha información es utilizada por los robots de los motores de búsqueda para incluir las páginas en sus bases de datos. También se utilizan para indicar datos técnicos a los navegadores, tales como grupo de caracteres, tiempo de expiración del contenido, calificación del contenido, posibilidad de dejar la página en cache, etc.
Las meta tags se sitúan en el encabezado de la página web, entre <head> y </head>:
|
1 2 3 4 5 |
<head>
<title>Google Android 2.3 (Gingerbread) es presentado oficialmente | XMundo Networks</title>
<meta name="description" content="La nueva versión de Android presenta cambios en su interfaz de usuario e introduce nuevas herramientas para desarrolladores y un entorno multimedia más rico, entre otras características." />
<meta name="keywords" content="google,android,sistema operativo,gingerbread"/>
</head> |
La sintaxis de las meta tags es la siguiente:
|
1 |
<meta name=" " content=" "/> |
El atributo name señala el tipo de etiqueta y en content se indica el contenido de la etiqueta concreta:
|
1 |
<meta name="keywords" content="google,android,sistema operativo,gingerbread"/> |
Las meta tags más importantes son:
Title
Aunque técnicamente no es una meta tag, se utiliza con frecuencia junto con la Meta Description. Su contenido se muestra como el título en los resultados de búsqueda y en el navegador web del usuario. También es utilizado para describir la página cuando alguien la agrega a sus favoritos en el navegador o en un marcador social de favoritos como Delicious.
|
1 |
<title>Google Chrome OS: “Nada más que la web”. | XMundo Networks</title> |
Title en la barra del navegador:
Title como descripción de favoritos:
Meta Keywords
Esta etiqueta debe incluir palabras clave que describan la naturaleza del contenido de la página web. Aunque hoy en día la mayoría de los buscadores la ignoran, es importante completarla para reforzar los contenidos para aquellos motores de búsqueda que sí la consideran.
Recomendaciones respecto a las palabras clave:
- Escribirlas completamente en minúsculas.
- Separarlas por comas (,).
- Utilizar entre 8 y 12 palabras.
- Evitar repeticiones.
- Escribirlas en orden de importancia.
- Utilizar sinónimos relevantes.
- Considerar errores de ortografía comunes.
|
1 |
<meta name="keywords" content="google,chrome,sistema operativo,piloto" /> |
Meta Description
El contenido de esta etiqueta se utiliza para describir el contenido de la página web y se utiliza como snippet (texto que describe el contenido de la página en los resultados de búsqueda, en los enlaces compartidos en Facebook, en los marcadores en Delicious, etc).
Recomendaciones respecto a las descripciones:
- Representar fielmente el contenido de la página web.
- No utilizar descripciones idénticas o similares en las páginas web.
- Prestar atención a la descripción de la home: debe representar el contenido del sitio web y ser atractiva para los visitantes.
- Utilizar palabras claves relacionadas con el contenido de la página.
- No exceder los 160 caracteres.
- No se requiere que sea en formato oración, es posible incluir datos estructurados acerca de la página web. Por ejemplo: características del producto, precio, descuentos, autores, duración, categoría, etc.
|
1 |
<meta name="description" content="Google demostró las principales características de Chrome OS, introdujo la Chrome Web Store y presentó un programa para probar una Chrome Notebook."/> |
Title y description en resultados de búsqueda:
Title y description en enlaces de Facebook:
Title y description en marcadores de Delicious:
Meta Robots
Esta etiqueta se utiliza para controlar el comportamiento de los motores de búsqueda respecto a la indexación y rastreo de las páginas web. Puede tomar diferentes valores:
index: Indica a los buscadores que pueden indexar la página.noindex: Indica a los buscadores que no pueden indexar la página.follow: Indica a los buscadores que pueden seguir los enlaces que contiene la página.nofollow: Indica a los buscadores que no pueden seguir los enlaces de la página.all: Implica combinarindexyfollow. Los buscadores pueden indexar y seguir los enlaces de la página. Es la configuración predeterminada.none: Combinanoindexynofollow. Indica a los buscadores que deberían ignorar la página.noarchive: Indica a los buscadores que no deben almacenar copia de cache de la página (es decir, no pueden descargar en un almacén temporal cada una de las páginas, tal y como fueron rastreadas).
Para especificar múltiples valores, es necesario escribirlos en minúsculas y separarlos por comas (,).
|
1 |
<meta name="robots" content="index,follow,noarchive"/> |
