Existen etiquetas <meta> donde a través de los atributos name y content se puede indicar ciertos metadatos que son muy útiles de cara al SEO. Si no las conoces, las siglas SEO significan Search Engine Optimization, es decir, optimización para motores de búsqueda, lo que hoy en día significa «Google».
Metadatos para SEO
Veamos algunos de los atributos más conocidos que podemos utilizar en etiquetas <meta>, relacionados con Google o con el posicionamiento o SEO:
| Valor name | Descripción |
|---|---|
description | Establece una descripción de página útil para resultados de búsqueda. |
keywords | Lista de palabras clave separadas por comas (Google ya no la lee). |
author | Establece el nombre del autor de la página. |
application-name | Establece el nombre de la aplicación web. Usado en PWA. |
generator | Establece el nombre del software usado para crear la página web. |
La etiqueta <meta name="description"> sirve para indicar unas breves frases donde se explique el contenido de la página actual. Entre otras cosas, sirve para las descripciones que salen bajo los enlaces de los resultados de búsqueda en Google, cuando la página es indexada. En general, suele ser un texto entre 50-160 carácteres.
Por su parte, la etiqueta <meta name="keywords"> solicita una lista de palabras clave separadas por comas que tengan relación con el sitio web. Actualmente, Google no las considera (antiguamente, se abusaba de ellas para hacer spam), sin embargo, otros buscadores o sistemas sí que podrían leerla.
Veamos ahora un ejemplo con dichas etiquetas aplicadas:
<head>
<meta name="description" content="En esta página encontrarás documentación sobre HTML.">
<meta name="keywords" content="html, lenguaje, lenguaje de marcado, código html, etiqueta">
<meta name="author" content="Manz">
<meta name="application-name" content="ManzDev Skynet">
<meta name="generator" content="VSCode">
</head>
Otras etiquetas meta como author, application-name o generator se utilizan para aportar información que podría ser de utilidad para definir datos del desarrollo.
Metadatos de indexación en Google
Algunas de las etiquetas <meta> son bien conocidas como etiquetas que pueden aportar información útil para el SEO de nuestra página en buscadores como Google. Al margen de etiquetas como <meta name="description"> o <title>, que son las principales en temas de SEO, Google recomeinda una serie de etiquetas <meta> para indicarle como realizar la indexación de nuestro sitio:
| Valor name | Valor content | Descripción |
|---|---|---|
google | nositelinkssearchbox | Indica a Google que no muestre el minibuscador en los sitelinks. |
google | notranslate | Indica a Google que no debe traducir la página. |
robots | (parámetros) | Indica al robot de un buscador si debe indexar o no la página. |
Un pequeño ejemplo de esta etiqueta con los citados atributos:
<head>
<meta name="google" content="nositelinkssearchbox">
<meta name="google" content="notranslate">
<meta name="robots" content="index, nofollow">
</head>
La etiqueta <meta> robots
Observa que la etiqueta <meta name="robots"> establecida en el ejemplo anterior, puede tener varios parámetros (separados por comas) para indicarle a Google diferentes detalles. Veamos que valores podemos establecer:
| Parámetros | Significado |
|---|---|
index | Sugiere a Google que se quiere indexar el contenido de la página en el buscador. |
noindex | Indica a Google que no debe indexar el contenido de la página en el buscador. |
follow | Sugiere a Google que siga los enlaces que encuentre en la página. |
nofollow | Indica a Google que no debe seguir los enlaces que encuentre en la página. |
nosnippet | Indica a Google que no muestre fragmentos (descripción, etc...). |
noodp | Indica a Google que no use la descripción alternativa de DMOZ. Obsoleto actualmente. |
noarchive | Indica a Google que no almacene una versión en caché de la página. |
unavailable_after fecha | Establece una fecha de caducidad para que no se rastree más la página. |
noimageindex | Indica a Google que no indexe la página en resultados de Google Imágenes. |
none | Equivalente a indicar los parámetros noindex, nofollow. |
De esta lista, el desarrollador puede elegir los valores correspondientes que más le interesen e indicarlos mediante la etiqueta <meta name="robots">. Mucho cuidado con indicar valores que tengan significados opuestos.
