# Favicon / iconos _Fuente: https://seomatrix.ai/es/tools/favicon-check/_ --- ## Qué hace Una comprobación de favicon verifica que un sitio declara y sirve todos los iconos que esperan los navegadores y los buscadores: la etiqueta `` 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é revisa - **etiqueta ``** — La declaración del icono en el `` 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 `` 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 ``, 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 `` 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 `` 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 ### ¿Sigo necesitando /favicon.ico si ya tengo una etiqueta ``? 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.