Cómo definir un ícono de página para que aparezca en los resultados de la búsqueda

Si tu sitio tiene un ícono de página, puedes incluirlo en los resultados de la Búsqueda de Google.

Una ilustración que muestra cómo puede verse el ícono de página en un resultado de la búsqueda.

Ícono de página

Implementación

A continuación, se explica qué debes hacer a fin de que tu sitio sea apto para obtener un ícono de página en los resultados de la Búsqueda de Google:

  1. Crea un ícono de página que cumpla con los lineamientos.
  2. Agrega una etiqueta <link> al encabezado de la página principal con la siguiente sintaxis:
    <link rel="icon" href="/path/to/favicon.ico">

    Para extraer la información del ícono de página, Google se basa en los siguientes atributos del elemento link:

    Atributos
    rel

    Google admite los siguientes valores del atributo rel para especificar un ícono de página. Usa la que se adapte a tu caso de uso:

    icon

    Es el ícono que representa tu sitio, como se define en el estándar HTML.

    apple-touch-icon

    Un ícono compatible con iOS que represente tu sitio, según la documentación para desarrolladores de Apple.

    apple-touch-icon-precomposed

    Un ícono alternativo para versiones anteriores de iOS, según la documentación para desarrolladores de Apple.

    href

    Corresponde a la URL del ícono de página. La URL puede ser una ruta de acceso relativa (/smile.ico) o una absoluta (https://example.com/smile.ico).

  3. Google busca y actualiza el ícono de página cuando rastrea la página principal de tu sitio. Si realizas algún cambio en el ícono de página y quieres informárselo a Google, solicita la indexación de la página principal de tu sitio. Es posible que las actualizaciones tarden varios días en aparecer en los resultados de la Búsqueda.

Lineamientos

Para poder tener un ícono de página en los resultados de la Búsqueda de Google, debes seguir estos lineamientos.

  • La Búsqueda de Google solo admite un ícono de página por sitio, en los casos en donde el sitio se define por el nombre de host. Por ejemplo, https://www.example.com/ y https://code.example.com/ son dos nombres de host diferentes y, por lo tanto, pueden tener dos íconos de página distintos. Sin embargo, https://www.example.com/sub-site es un subdirectorio del mismo sitio y solo puedes configurar un ícono de página para https://www.example.com/, que se aplica al sitio y a sus subdirectorios.
    Se admite: https://example.com (página principal a nivel del dominio)
    Se admite: https://news.example.com (página principal a nivel de un subdominio)
    No se admite: https://example.com/news (página principal a nivel de un subdirectorio)
  • Googlebot-Image debe poder rastrear el archivo del ícono de página y Googlebot la página principal. No deben estar bloqueados para el rastreo.
  • Para que los usuarios puedan identificar tu sitio con rapidez cuando revisen los resultados de la búsqueda, asegúrate de que el ícono de página represente visualmente la marca de tu sitio.
  • El ícono de página debe ser un múltiplo de 48 px cuadrados (por ejemplo, 48 × 48 px, 96 × 96 px, 144 × 144 px, etc.) o un archivo SVG con una relación de aspecto de 1:1 (cuadrado). Se admite cualquier formato de ícono de página válido.
  • La URL del ícono de página debe ser estable (no la cambies con frecuencia).
  • Google no mostrará ningún ícono de página que considere inapropiado, como los que incluyan contenido pornográfico o símbolos que inciten al odio (por ejemplo, cruces esvásticas). Si se encuentra este tipo de imágenes en un ícono de página, Google lo reemplazará con uno predeterminado.