Etiquetas meta y atributos compatibles con Google

En esta página, se explica qué son las etiquetas meta, qué etiquetas meta y atributos HTML admite Google para controlar la indexación, y otros puntos importantes a tener en cuenta cuando se implementan etiquetas meta en un sitio.

Etiquetas meta

Las etiquetas meta son etiquetas HTML que se usan para proporcionar información adicional sobre una página a los motores de búsqueda y a otros clientes. Los clientes procesan las etiquetas meta, pero ignoran aquellas que no admiten. Las etiquetas meta se agregan a la sección <head> de tu página HTML y suelen verse del siguiente modo:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price:  £9.24, Length: 784 pages">
<meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34=">
<title>Example Books - high-quality used books for children</title>
<meta name="robots" content="noindex,nofollow">
</head>
</html>

Google es compatible con las siguientes etiquetas meta:

Lista de etiquetas meta que Google admite

<meta name="description" content="A description of the page">

 Esta etiqueta se usa para proporcionar una descripción breve de la página. En algunos casos, esta descripción se usa en el fragmento que se muestra en los resultados de la búsqueda.

<meta name="robots" content="..., ...">

<meta name="googlebot" content="..., ...">

Estas etiquetas meta controlan el comportamiento de rastreo y de indexación de los motores de búsqueda.

La etiqueta <meta name="robots" ... se aplica a todos los motores de búsqueda, mientras que la etiqueta <meta name="googlebot ... es específica de Google.

Cuando hay etiquetas meta robots (o googlebot) en conflicto, se aplica la etiqueta más restrictiva. Por ejemplo, si en una página hay etiquetas max-snippet:50 y nosnippet, se aplicará la etiqueta nosnippet.

Los valores predeterminados son index, follow y no es necesario especificarlos. Para obtener una lista completa de los valores compatibles con Google, consulta la lista de reglas válidas.

También puedes especificar esta información en el encabezado de tus páginas mediante la regla de encabezado HTTP X-Robots-Tag. Este método es muy útil si quieres limitar la indexación de archivos que no sean HTML, como los gráficos o cualquier otro tipo de documento. Obtén más información sobre las etiquetas meta robots.

<meta name="google" content="nositelinkssearchbox">

 En ocasiones, cuando los usuarios buscan tu sitio, los resultados de la Búsqueda de Google muestran un cuadro de búsqueda específico para tu sitio, junto con otros vínculos directos a este. Esta etiqueta le indica a Google que no debe mostrar el cuadro de búsqueda de vínculos a sitios. Obtén más información sobre el cuadro de búsqueda de vínculos a sitios.

<meta name="googlebot" content="notranslate">

 Cuando Google detecta que es posible que el contenido de una página no esté en el idioma de preferencia del usuario, suele proporcionar un fragmento y un vínculo de título traducidos en los resultados de la búsqueda. Si el usuario hace clic en el vínculo de título traducido, todas las demás interacciones del usuario con la página se realizarán a través de Google Traductor, que traducirá automáticamente los vínculos que se sigan. En general, esto permite que tu contenido único y atractivo llegue a un grupo de usuarios mucho mayor. Sin embargo, es probable que haya casos en los que no desees usar esta opción. Esta etiqueta meta le indica a Google que no quieres que se traduzca esta página.

<meta name="google" content="nopagereadaloud">

 Impide que diversos servicios de texto a voz de Google lean páginas web en voz alta usando texto a voz (TTS).

<meta name="google-site-verification" content="...">

 Puedes utilizar esta etiqueta en la página de nivel superior de tu sitio para verificar la propiedad para Search Console. Ten en cuenta que, si bien los valores de los atributos name y content deben coincidir exactamente con los datos que se te proporcionan (incluidas mayúsculas y minúsculas), no importa si cambias la etiqueta de XHTML a HTML o si el formato de la etiqueta coincide con el de la página.

<meta http-equiv="Content-Type" content="...; charset=...">

<meta charset="...">

 Estas etiquetas definen el tipo de contenido y el grupo de caracteres de la página, respectivamente. Asegúrate de encerrar el valor del atributo content de la etiqueta http-equiv meta entre comillas. De lo contrario, la etiqueta charset puede interpretarse de forma incorrecta. Te recomendamos que uses Unicode/UTF‑8 siempre que sea posible.

<meta http-equiv="refresh" content="...;url=...">

 Esta etiqueta, por lo general llamada meta-refresh, envía al usuario a una nueva URL después de un tiempo y, a veces, se usa como una forma simple para redireccionar. Sin embargo, no es compatible con todos los navegadores y puede resultar confundir a los usuarios. En cambio, se recomienda utilizar un redireccionamiento 301 del servidor.

<meta name="viewport" content="...">

 Esta etiqueta indica al navegador cómo renderizar páginas en un dispositivo móvil. La presencia de esta etiqueta indica a Google que la página está optimizada para dispositivos móviles. Obtén más información para configurar la etiqueta viewport meta.

<meta name="rating" content="adult">

<meta name="rating" content="RTA-5042-1996-1400-1577-RTA">

 Etiqueta una página como de contenido sexualmente explícito para adultos para indicar que se filtre de los resultados de SafeSearch. Obtén más información sobre el etiquetado de páginas de SafeSearch.

Atributos de etiquetas HTML

Los atributos de etiquetas HTML son valores adicionales de etiquetas HTML que configuran la etiqueta superior. Por ejemplo, el atributo href de la etiqueta <a> configura el recurso al que apunta la etiqueta de anclaje: <a href="https://example.com/"...>.

La Búsqueda de Google admite una cantidad limitada de atributos HTML para fines de indexación. Los atributos como src y href se usan para descubrir recursos, como imágenes y URLs. Google también admite varios atributos rel que permiten que los propietarios de sitios califiquen los vínculos de salida.

El atributo data-nosnippet de las etiquetas div, span y section te permite excluir partes de una página HTML de los fragmentos.

Otros puntos que se deben tener en cuenta

  • Google puede leer etiquetas meta de estilo HTML y XHTML, independientemente del código que se utiliza en la página.
  • Para garantizar que los rastreadores puedan leer la sección head, esta debe tener HTML válido y, en el caso de los atributos, todas las etiquetas superiores cerradas según corresponda.
  • A excepción de google-site-verification, el uso de mayúsculas o minúsculas no suele ser de importancia en las etiquetas meta.
  • Puedes usar otras etiquetas meta si son importantes para tu sitio, pero Google ignorará las etiquetas meta que no admita.
  • Si tienes pensado usar JavaScript para insertar o cambiar etiquetas meta, procede con precaución. Te recomendamos que evites usar JavaScript para insertar o cambiar etiquetas meta siempre que sea posible y, si es necesario, prueba tus implementaciones detenidamente.
  • Para verificar las etiquetas y los atributos meta en tus páginas, usa la Herramienta de inspección de URLs.

Etiquetas y atributos no compatibles

Los siguientes atributos y etiquetas no son compatibles con la Búsqueda de Google y se ignoran. Los incluimos aquí porque son muy comunes en HTML, o bien porque solíamos admitirlos.

Etiquetas y atributos no compatibles
<meta name="keywords" content="..."> La Búsqueda de Google no usa la metaetiqueta de palabras clave y no influye en la indexación y la clasificación.
Atributos de etiquetas HTML lang La Búsqueda de Google detecta el idioma de una página en función del contenido textual en ella. No se basa en anotaciones de código, como lang.
<link rel="next" href="...">

<link rel="prev" href="..."> 		Google ya no usa estas etiquetas HTML <link> y no tiene efecto en la indexación.