herramienta gratis

Verificador de favicon e íconos táctiles

Un favicon o ícono táctil de Apple faltante se ve roto en las pestañas, los marcadores y los accesos directos de la pantalla de inicio. Pega una URL: listamos los íconos declarados y revisamos el respaldo /favicon.ico.

Qué comprueba esta herramienta

Una comprobación de favicon verifica que un sitio declara y sirve todos los iconos que esperan los navegadores y los buscadores: la etiqueta `<link rel="icon">` del HTML, el apple-touch-icon para iOS, un manifiesto web con su conjunto de iconos y el archivo de reserva /favicon.ico en la raíz. Un favicon ausente o roto no solo deja la pestaña en blanco: coloca un marcador genérico junto a tu resultado en Google y junto a tu fuente en las citas de respuestas de IA (Perplexity, AI Overviews), justo donde el usuario reconoce la marca y decide en quién confiar y a qué hacer clic.

Qué se evalúa

etiqueta `<link rel="icon">`
La declaración del icono en el `<head>` con la ruta al archivo; es la señal explícita que navegadores y rastreadores leen antes de recurrir al archivo de la raíz.
reserva /favicon.ico
El archivo en la raíz que navegadores y Google piden por defecto aunque no haya etiqueta HTML; sin él se genera un 404 extra y en clientes antiguos puede no aparecer ningún icono.
apple-touch-icon
El PNG (normalmente 180×180) de `<link rel="apple-touch-icon">` que iOS usa al guardar la página en la pantalla de inicio; sin él Apple coloca una captura de la página.
iconos del manifiesto web
El site.webmanifest enlazado desde el `<head>`, cuyo array `icons` (habitualmente 192 y 512 px) aporta el icono para instalar la PWA y el aviso de instalación en Android.
accesibilidad de los iconos
Cada URL de icono declarada debe devolver HTTP 200 con un tipo de imagen; un enlace que da 404 o sirve HTML equivale a no tener icono.
cobertura de formatos y tamaños
Si los iconos declarados cubren los formatos y resoluciones que eligen los clientes (ICO/PNG/SVG, varios tamaños) para que el icono se vea nítido en cada superficie.

Cómo usarla

  1. Pega la URL de la página en la herramienta y ejecútala: descarga el `<head>` y comprueba los archivos de icono en una sola pasada.
  2. Revisa los elementos marcados: falta el apple-touch-icon, no hay manifiesto web o /favicon.ico devuelve un 404.
  3. Añade las etiquetas `<link>` que falten y sube los archivos de icono referenciados; después vuelve a ejecutar la comprobación para confirmar que todos los iconos cargan.

Preguntas frecuentes

¿Sigo necesitando /favicon.ico si ya tengo una etiqueta `<link rel="icon">`?

Sí. Los navegadores, los rastreadores y Google piden /favicon.ico por defecto, así que mantener un archivo válido en la raíz garantiza una reserva cuando no se lee la etiqueta HTML.

¿Por qué mi favicon se ve en la pestaña del navegador pero no en los resultados de Google?

Google obtiene el favicon con su propio rastreador y lo cachea: un archivo bloqueado en robots.txt, una imagen no cuadrada, un tamaño inferior a 48×48 o un icono que solo carga con JavaScript pueden impedir que aparezca en la búsqueda.

¿Qué archivos de icono necesito realmente?

Un conjunto práctico es /favicon.ico (o un SVG/PNG con `rel=icon`), un apple-touch-icon de 180×180 y un manifiesto web con PNG de 192×192 y 512×512, que cubre pestañas, iOS y la instalación en Android.

¿Afecta el favicon al SEO o a las citas de IA?

De forma indirecta pero real: no es un factor de posicionamiento, pero es la marca que aparece junto a tu resultado en Google y junto a tu fuente en las respuestas de IA, así que su ausencia reduce el reconocimiento y el clic donde más cuenta.

compartir el resultado ¿Resultado útil? Compártelo: Telegram WhatsApp X
esto es solo una herramienta

Esta auditoría es 1 de 85 operaciones en seo·matrix

Las herramientas gratuitas te muestran QUÉ corregir. La auditoría completa y el equipo autónomo de 20 agentes de IA lo resuelven de principio a fin: estrategia, contenido, GEO, enlazado interno, publicación y mantenimiento continuo.

Todas las herramientas gratuitas →