Los meta tags más importantes en HTML

Las etiquetas meta o meta tags encabezan un documento HTML y suministran información codificada a navegadores y motores de búsqueda sobre una página web. Los metadatos son invisibles para el usuario y se encargan de añadir información para facilitar el análisis de los archivos HTML y la gestión del contenido de una página web. Los meta tags de HTML siguen a menudo la misma construcción: en primer lugar se define un elemento y en segundo lugar se asigna un contenido. De esto resulta el siguiente esquema:

Hace un tiempo, los metadatos eran de gran importancia para el SEO, ahora su influencia en el posicionamiento en los buscadores más conocidos ha disminuido. Sin embargo, los meta tags siguen siendo relevantes para metabuscadores y archivos de búsqueda locales, por lo que no está de más contar con una detallada lista de los mismos. Además, permiten definir indicaciones para guiar a los bots (crawlers) de los motores de búsqueda.

La lista de todos los elementos que se pueden incluir en el encabezado de un archivo HTML es larga. Junto a datos esenciales como el título y la descripción de la página o la definición de la fuente usada para el texto, el header de los archivos HTML puede abarcar información útil para los agentes de usuario. Así, es posible delimitar palabras clave relevantes o definir un tema para la página. Incluso se puede hacer referencia al autor o editor de los contenidos e indicar el copyright. Aunque estos datos no siempre son relevantes para la interacción con navegadores y motores de búsqueda, los meta tags dirigen su comportamiento impidiendo, por ejemplo, la indexación de un archivo HTML o el rastreo de los enlaces de una página. En la siguiente selección aclaramos las etiquetas meta más importantes y su utilidad para la administración de páginas web.

Título (Title)

Estrictamente hablando, este no es ningún meta-tag, sino una etiqueta autónoma de HTML (HTML Tag), aunque, debido a su significado a la hora de interactuar con los agentes de usuario es común que sea mencionada como parte de los metadatos. Como elemento obligado en el encabezado del HTML, el título se sitúa, por regla general, por encima de todas las demás etiquetas. Los navegadores lo leen y aparece en la barra del título de una pestaña o una ventana como nombre estándar de la página en la lista de favoritos y en el historial del navegador. Los buscadores más importantes usan esta etiqueta para titular las entradas en las listas de resultados o SERP, de modo que influye de forma decisiva en la elección del internauta. Según Google, el título se incluye entre los cerca de 200 factores que se tienen en cuenta en el cálculo del ranking en la búsqueda orgánica. Es por esto que, en el marco de la optimización OnPage, este no debe sobrepasar la longitud máxima de 55 caracteres que pueden mostrar los buscadores. Además, se recomienda situar la palabra clave principal de la página en el “title-tag”. Como título de esta página se ha introducido, por ejemplo, la siguiente información:

Codificación de caracteres

Si la fuente no fue previamente definida en el header del archivo HTTP, es necesario hacerlo usando HTML. Así se evita, por ejemplo, que la ñ o las tildes no se muestren correctamente. El meta tag que usaremos es este:

Descripción (Description)

En la descripción o meta description podemos describir brevemente el contenido de la página web. Esta información se muestra como snippet (una síntesis en dos líneas del tema de una página que aparece bajo la URL) en los buscadores de uso más generalizado como Google o Bing, por lo que se recomienda cuidar su redacción. Por su papel central en tanto que influye de manera decisiva en la elección del usuario del mejor resultado acorde con su búsqueda, este meta tag es considerado uno de los más importantes en cuanto a la optimización para los buscadores. La descripción no debe sobrepasar los 160 caracteres de longitud, ya que se corre el riesgo de que esta aparezca incompleta en la lista de resultados. La metadescripción se dirige principalmente al usuario, por lo que debería contener un resumen preciso del contenido que le espera cuando haga clic en la página. Según Google, cada subpágina de una página web debería contar con una descripción propia que facilite información útil y precisa sobre su contenido. Esto aporta al usuario un valor añadido y ayuda a los administradores a aumentar su ratio de clics. En la metadescripción se puede encontrar, por ejemplo, la siguiente información:

Palabras clave (Keywords)

Con esta etiqueta meta los administradores tienen la posibilidad de definir palabras clave para el buscador. Las keywords son aquellos criterios a los que responde un buscador para ofrecerle al usuario páginas HTML como respuesta, donde tales palabras clave son parte de los meta tags. Anteriormente, esta etiqueta era considerada como el factor SEO más importante, ya que los buscadores primitivos recurrían a este atributo como característica central para el posicionamiento en las listas de resultados. Pero hoy es ignorado por Google y su importancia ha sido minimizada por Bing y otros buscadores populares debido a la facilidad con que puede ser manipulado en el cálculo del factor de ranking. Es por ello que ha perdido todo su valor en el campo de la optimización para los buscadores, aunque esto no significa que un mal uso de este meta tag no pueda llevar a la devaluación en el posicionamiento.

La elección de las palabras clave requiere de cierta sutileza: hay que evitar su uso abusivo, fenómeno  conocido como keyword stuffing, así como aquellas sin relación con el contenido de las páginas en una web. A consecuencia de que los archivos locales de búsqueda y los metabuscadores acuden a la información en los meta tags de las palabras clave, se recomienda introducir términos relevantes.

Una línea puede contener varios elementos. Las palabras clave se separan por comas.

Autor (author) y copyright

Estos dos meta tags, de uso opcional desde el punto legal, permiten hacer referencia al diseñador de una página web y al propietario de los derechos del código fuente de una página HTML. En algunos sistemas de gestión de contenido (CMS), las etiquetas de autor se generan automáticamente y en ellas se nombra a la persona que ha trabajado la página en último lugar. De esta forma, los administradores pueden extraer del directorio quién gestiona cada página.

Instrucciones para los robots de búsqueda

Una de las principales funciones de los meta tags es proporcionar instrucciones para la indexación a los crawlers (robots o googlebots). Esto se logra con la etiqueta meta “robots”. Con los siguientes meta tags es posible estipular si una página será indexada y, en consecuencia, si estará disponible para la búsqueda. También se puede establecer si los robots han de seguir los enlaces salientes o si, por el contrario, han de ignorarlos. Esta información se cuenta entre los metadatos más relevantes para el SEO.

Los meta tags con el atributo “http-equiv” pueden contener información equivalente a las indicaciones en el encabezado HTTP, la cual puede ser leída, por ejemplo, si el servidor no está configurado como corresponde. Los encabezados HTTP con el mismo nombre tienen prioridad frente a los meta tags de HTML. Los más importantes son:

Control de caché

Para asegurar la fluidez del funcionamiento de Internet, las webs se suelen guardar en servidores proxy intermedios o en el caché del navegador para ser descargadas fácilmente en el futuro. Para impedirlo usamos el meta tag “cache-control” con el valor no-cache:

Expires

Es posible que no se quiera prohibir el almacenamiento temporal en caché de forma absoluta. En este caso se puede usar el atributo “http-equiv” para definir una fecha de expiración para los datos HTML solicitados. Se haría de esta manera: