Las etiquetas META son instrucciones HTML que se utilizan para dar información de nuestra página web a los buscadores y robots de búsqueda de Internet que usan estos datos para crear sus índices. Esta información se conoce con el nombre de metainformación.
Estas etiquetas no son visibles para los visitantes o navegantes, ni influyen en el diseño de las páginas web, pero su uso es imprescindible para que los datos de las páginas web sean transferidos correctamente a los rastreadores y motores de búsqueda, podamos mejorar la posición de nuestra página en los buscadores y, en definitiva, atraigamos más visitantes a nuestro sitio.
Las Meta tags permiten dar los siguientes datos de nuestra página: idioma, autoría, título, descripción, palabras clave y otros atributos que nos interesa que conozcan los motores de búsqueda para que indexen correctamente nuestra página.
Se colocan en la cabecera (head) de la pagina web índice (index o default). Si nuestro sitio web utiliza marcos (frames) las meta tags van en la página donde se configuran los marcos.
Cada etiqueta META especifica un par de propiedad-valor, siendo el atributo «name» el que identifica la propiedad y «content» el valor de la misma. Por ejemplo la etiqueta <META name="Author" content="mi nombre"> especifica la autoría y el nombre del autor.
El atributo «HTTP-EQUIV» puede usarse en lugar del atributo «NAME». Es decir http-equiv = name.
1. Codificación Europeo Occidental
<meta equiv="Content-Type" content="text/html; charset=iso-8859-1">
Definimos que nuestra web es Europeo Occidental. Esta meta-etiqueta permite visualizar correctamente los caracteres especiales de las lenguas europeas: ñ, Ç,...
2. Idioma de la página
Define la lengua en la que está el sitio web. En el caso del idioma castellano la sintaxis será:
<meta name="DC.Language" SCHEME="RFC1766" CONTENT="Spanish">
o bien: <meta http-equiv="Content-Language" content="es">
3. Title
Actualmente la etiqueta de título (title) de la página web es uno de los factores más importantes para el posicionamiento en Internet.
4. Autor
Da información del nombre del autor: <META name="Author" content="nombre del autor">
5. Derechos de autor
Se trata de una etiqueta que aporta información sobre los derechos de autor del creador del contenido o del diseño. Algunos motores de búsqueda como Altavista, Infoseek y Hobot empiezan a tenerla en cuenta lo que podría permitir tener garantías sobre los contenidos de las páginas. La sintaxis es la siguiente: <META name="Copyright" content="©publiceuta">
6. Palabras clave (Keywords)
Estas serán las palabras, junto con la descripción de la página, que usarán los buscadores para indexar nuestra página por lo que nos interesa elegirlas cuidadosamente. Dependiendo de nuestras palabras clave los buscadores presentarán nuestra página en un lugar destacado o no.
Es interesante pensar en las palabras que mejor definen nuestra empresa o bien en las palabras que escribiríamos en un buscador como Google si quisiéramos encontrar nuestra propia página.
Conviene saber que para los buscadores las palabras en plural contienen las mismas palabras en singular, es decir, cuando usamos palabras clave en plural nuestra página será indexada cuando alguien realice una búsqueda con esas palabras clave en singular.
Las palabras clave que mejor definen nuestro negocio o página interesa repetirlas en singular y plural porque el buscador habrá encontrado dos coincidencias para esas palabras clave.
Hay buscadores que penalizan la reiteración de palabras por lo que nunca se debe repetir más de tres veces la misma palabra.
No usaremos palabras de menos de cuatro letras a menos que formen parte de una frase. Se pueden incluir frases completas como keywords, por ejemplo: "venta de pisos".
Algunos motores de búsqueda sólo interpretan o indexan las siete primeras palabras clave y si hay más las desechan todas.
La sintaxis de esta etiqueta es la siguiente: <META NAME="keywords" CONTENT="palabra1, palabra2, palabra3, palabra4, palabra5, palabra6, palabra7">
7. Descripción
Esta etiqueta contiene la descripción de nuestra página y muchos buscadores muestran esta descripción a los navegantes. Además los buscadores la utilizan junto con las palabras clave para indexar nuestra página.
Utilizaremos frases que describan bien nuestra página procurando utilizar palabras que estén contenidas en las keywords. No es conveniente repetir palabras, ya que muchos robots lo penalizan. Trate de usar la mínima cantidad de artículos y preposiciones posibles. Use mayúsculas sólo si habla de lugares o personas.
No conviene usar más de 25 palabras. La mayoría de los motores de búsqueda solo toman los primeros 150 caracteres de la descripción por lo que ésta debe ser concisa y efectiva.
Si no incluimos esta etiqueta, los buscadores pueden presentar nuestra página simplemente por el título del sitio o muestran al navegante una cadena de 150 caracteres de nuestra página lo que en ciertos casos da una imagen errónea de nuestra página.
La sintaxis de la instrucción es: <META NAME="description" CONTENT="descripción de nuestra página">
Como algunos robots no utilizan etiquetas META podemos incluir un comentario descriptivo de nuestra página, con no más de 150 caracteres, después de las META TAGs, entre etiquetas de comentario (<!--// aquí iría su texto descriptivo //--!>).
8. Permisos para los Robots
Esta etiqueta da instrucciones a los robots que visitan de forma automática nuestra página. Los atributos que podemos usar son:
all | none | index | noindex | follow | nofollow
ALL quiere decir que se indexen todos los archivos. NONE ningún archivo. INDEX significa que la página puede ser indexada por los robots, NOINDEX sería lo contrario. FOLLOW indica que sigan los vínculos de esa página a otras. NOFOLLOW lo contrario.
La sintaxis habitual es: <META NAME="robots" CONTENT="all
| index | follow">
Es decir permitimos a los robots que indexen (index) todos los archivos de nuestra página (all) y que siga los vínculos que encuentre para indexar otras páginas (folllow).
Con <META NAME="robots" CONTENT="index | nofollow"> sólo se indexaría la página inicial.
9. Revisit
Esta etiqueta indica al robot que vuelva a visitar esta página pasados «x» días, ya sea porque su contenido cambiará o porque interesa mantenerla actualizada. Es una etiqueta interesante para las páginas que actualizan con mucha frecuencia su información.
La sintaxis es: <META name="Revisit" content="X days"> siendo X el número de días.
10. Caché del explorador
Para que los exploradores no utilicen los datos que tienen almacenados en su caché (memoria) y tengan que ver la imagen actual de nuestra página en el servidor utilizaremos:
- Para el navegador Explorer de Microsoft: <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
- Para los exploradores NetScape: <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
11. Set-Cookie
Esta es una forma de situar una cookie en el explorador del usuario. Si se usa una fecha de expiración la cookie se considera permanente y será salvada al disco, de lo contrario será considerada sólo para la sesión actual y será eliminada cuando se cierre la sesión. La sintaxis es: <Meta HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;expires=Wednesday, dd-Jan-00 hh:mm:ss GMT; path=/">
12. Carga automática de páginas (etiqueta Refresh)
Es una función muy útil porque permite que el explorador nos mande automáticamente a otra página en un número determinado de segundos, sin que el usuario tenga que hacer nada.
La sintaxis es: <META HTTP-EQUIV="Refresh" CONTENT="5";URL="http://www.otradireccion.com">
Es decir se cargará la página www.otradireccion.com pasados 5 segundos.
Si lo que queremos es que se «refresque» automáticamente la misma página
utilizaremos: <META http-equiv="refresh" content="30"> y nuestra página se actualizará automáticamente cada 30 segundos.
13. Rating
La etiqueta «rating» se usa para definir el público al que se dirige nuestra página, especialmente para decir si una página es apropiada o no para niños.
Los valores de esta etiqueta son: «general», para todos los públicos; «14 years», para público con más de 14 años; «mature», para maduros; «restricted», sólo para adultos; «safe for kids», apta para niños.
14. Distribution
La etiqueta «distribution» define el nivel o grado de distribución que pretendemos para nuestra página. Tiene tres valores: «global», indica que la página se dirige a todo el mundo; «local», indica que se pretende una distribución local del documento; «IU» (Internal Use), no para distribución pública.
Si usamos esta etiqueta, como pretenderemos que nuestra página se distribuya por todo el mundo, siempre deberemos darle el valor «global»: .
