Prueba de favicon
Respuesta breve
Comprueba la presencia y configuración correcta del favicon.
Qué hace
Prueba la presencia del favicon en los formatos que esperan los navegadores y las instalaciones PWA: `/favicon.ico`, un `<link rel="icon">` declarado, un favicon SVG, iconos táctiles de Apple, un Web App Manifest con un icono enmascarable y una etiqueta meta theme-color. Devuelve un resultado de aprobado/no aprobado por cada comprobación además de una puntuación de preparación para PWA.
Por qué importa
Los favicons aparecen junto a tus páginas en los resultados de Google, en las pestañas y marcadores del navegador, y como icono de la aplicación cuando alguien instala tu sitio. Un icono ausente hace que tu sitio sea más difícil de identificar en todos ellos. Un favicon.ico, un icono SVG, un icono táctil de Apple de 180×180 y un web app manifest con iconos de 192px y 512px cubren los navegadores y dispositivos actuales.
Cómo funciona
-
Introduce tu dominio y haz clic en Ejecutar prueba
-
Comprobamos `/favicon.ico` además de todos los enlaces de icono declarados
-
Buscamos un favicon SVG, iconos táctiles de Apple, un Web App Manifest y una etiqueta meta theme-color
-
Devolvemos una tabla de estado para cada variante esperada
Ejemplo de entrada y salida
host: rankproof.eu
/favicon.ico: 200 OK <link rel="icon">: presente <link rel="apple-touch-icon">: presente (180x180) favicon SVG: presente web app manifest: presente icono enmascarable en el manifest: presente etiqueta meta theme-color: presente puntuación de preparación PWA: 100/100
Quién lo usa
-
Responsable de marca
Audita cada dominio de tu portafolio; confirma que un favicon y un icono táctil de Apple están realmente declarados, no ausentes en silencio.
-
Desarrollador/a frontend
Valida el conjunto de favicons después de una renovación de marca; que esté presente cada variante que espera el navegador o el sistema PWA.
-
Responsable de PWA
Confirma que el Web App Manifest está enlazado y declara un icono enmascarable para la instalación de la PWA en móviles.
Preguntas frecuentes
¿Qué formatos de favicon admite la Búsqueda de Google?
BMP, GIF, ICO, PNG, JPEG, PPM y TIFF, declarados en tu página de inicio con rel="icon", rel="apple-touch-icon" o rel="apple-touch-icon-precomposed". El icono debe ser cuadrado y de al menos 8×8 px; Google recomienda más de 48×48 px.
¿Sigo necesitando favicon.ico?
Sigue siendo buena idea. Algunos navegadores y herramientas solicitan /favicon.ico directamente sin leer tu HTML.
¿Qué es un icono táctil de Apple?
Un PNG de 180×180 que se usa como icono de pantalla de inicio cuando los usuarios de iOS añaden tu sitio como aplicación web. Decláralo mediante `<link rel="apple-touch-icon">`.
¿Debería el favicon ser SVG?
Los navegadores modernos aceptan iconos SVG, que se mantienen nítidos en cualquier tamaño. La Búsqueda de Google no incluye SVG entre sus formatos de favicon admitidos, así que mantén también un PNG o ICO.
¿Por qué Google muestra un icono de globo genérico para mi sitio?
Normalmente porque no hay favicon, su URL está rota o Google no ha vuelto a rastrear tu página de inicio desde que lo añadiste. Comprueba que el icono carga y está declarado en la página de inicio, y luego dale tiempo a Google para volver a rastrear.