Si tu icono aparece en Chrome, pero no en Yandex, o si un resultado de Yandex Search no muestra ningún icono, es posible que estés ante dos sistemas distintos. Que un favicon no aparezca en Yandex puede significar que Yandex Browser no puede cargar la imagen o que Yandex Search no ha actualizado el icono de una página indexada.

Solución rápida: favicon que no aparece en Yandex

Primero, averigua dónde no aparece el icono: en la pestaña, en la barra de direcciones, en los marcadores o en los resultados de búsqueda. El navegador y los resultados de búsqueda tienen procesos de actualización distintos, por lo que que una pestaña funcione no demuestra que la ficha de búsqueda esté actualizada.

  1. Encuentra la declaración. Consulta el código fuente de la página y busca un enlace cuyo rel contenga icon. Si no existe, añádelo dentro del head del documento.
  2. Prueba la URL exacta del archivo. Abre el valor href en una pestaña nueva. Debe devolver la propia imagen, no una página 404, una pantalla de inicio de sesión ni un documento HTML de error.
  3. Usa un fallback relativo a la raíz. Coloca un archivo ICO válido en /favicon.ico y referencia esa ruta de forma explícita. Esto evita ambigüedades al resolver rutas en páginas anidadas.
  4. Omite una copia antigua de la caché. Cierra la pestaña, recarga la página con la caché desactivada y ábrela de nuevo. Un valor temporal como /favicon.ico?v=2 puede confirmar si la caché provocó la discrepancia.
  5. Actualiza la búsqueda por separado. Si el archivo directo funciona, pero Yandex Search sigue sin mostrar el icono, confirma que la página esté indexada con la URL esperada. Si utilizas Yandex Webmaster, envía la URL corregida para solicitar su reindexación, en lugar de cambiar el icono repetidamente.

Para una primera prueba, basta con una declaración pequeña y predecible:

<link rel='icon' href='/favicon.ico'>

Si SVG forma parte de los formatos compatibles de tu configuración, puedes añadir una opción SVG:

<link rel='icon' type='image/svg+xml' href='/favicon.svg'>

El estándar HTML define la relación de enlace icon para un recurso externo y su atributo opcional sizes. Mantén las dimensiones declaradas alineadas con el archivo que sirves.

Causas raíz de un fallo exclusivo de Yandex

1. La ruta parece correcta, pero se resuelve en otro lugar

Las URL relativas de los iconos se resuelven respecto de la URL base de la página. En https://example.com/products/item/, href='favicon.ico' puede apuntar dentro de la ruta actual en lugar de a la raíz del sitio. Un elemento base o una URL generada por un framework puede cambiar ese resultado.

Abre el panel Network, filtra la solicitud del icono e inspecciona su URL final. /products/item/favicon.ico y /favicon.ico son recursos distintos, aunque ambos nombres te resulten familiares en el árbol del proyecto.

2. El servidor no devuelve una imagen

Un archivo en una carpeta de build puede seguir fallando en el sitio publicado. Comprueba si hay un despliegue obsoleto, una discrepancia en las mayúsculas del nombre del archivo, una ruta de CDN bloqueada, un bucle de redireccionamiento o una regla de autenticación.

Revisa el estado de la respuesta, la URL final y el tipo de contenido. Un ICO necesita un media type de icono, mientras que SVG y PNG necesitan sus tipos de imagen correspondientes. Si el cuerpo de la respuesta es HTML, el navegador recibió una página de error en lugar de un icono.

3. Los resultados de búsqueda y las pestañas del navegador usan estados distintos

Una pestaña carga el icono desde la página que visitas. Un resultado de Yandex Search puede reflejar información obtenida durante un rastreo anterior, por lo que la pestaña actual puede verse correctamente mientras que el resultado no muestra ningún icono o muestra uno antiguo.

Comprueba primero la URL de destino del resultado. Si apunta a una URL antigua, a una página de staging, a una redirección o a una versión indexada distinta, cambiar solo la página actual puede no corregir ese resultado. Mantén el icono público y estable y, después, solicita una actualización mediante las herramientas de webmaster disponibles.

4. Las cachés o los enlaces duplicados ocultan el archivo correcto

Yandex Browser puede conservar un icono que ya había descargado, mientras que un servidor o un CDN puede conservar un despliegue más antiguo. Un nombre de archivo con versión, como /favicon-v2.ico, puede poner de manifiesto una ruta de solicitud obsoleta, siempre que actualices simultáneamente el enlace del HTML.

Inspecciona también todos los enlaces del icono inyectados. Un tema de CMS, un plugin o una plantilla puede añadir otra declaración rel='icon', dejando dos candidatos con rutas diferentes. Elimina los duplicados accidentales en lugar de depender del orden de selección.

Prevención: haz que el favicon sea predecible

Comprobación final

Si la solicitud directa falla, corrige la entrega antes de preocuparte por Yandex. Si funciona, pero el resultado de búsqueda es incorrecto, céntrate en la URL indexada y en el proceso de reexploración. Esta división suele convertir un problema difuso con el favicon en dos comprobaciones que puedes completar.

Para una lista de comprobación más amplia del lado del navegador, consulta ¿El favicon no aparece? 7 causas y soluciones rápidas. Si estás comparando motores de búsqueda, las reglas de Google son distintas; revisa el checklist del favicon para Google en lugar de asumir que Yandex aplica los mismos criterios.

Puedes usar Mzu favicondl para preparar un fallback limpio en ICO o PNG antes de publicarlo en la ruta raíz. Los detalles decisivos son la URL final, la respuesta y la ruta de actualización que Yandex pueda usar.