Checklist de Gobernanza de Favicons
Trata los iconos como cualquier otro activo crítico de la marca. Este checklist mantiene alineadas a las organizaciones con varios equipos antes, durante y después de un rebranding.
Auditoría en cuatro pasadas
- 1
Inventaría cada superficie
Enumera pestañas del navegador, marcadores, pantallas de inicio de iOS/Android, mosaicos de Windows, vistas previas en Slack, landing pages de marketing y micrositios.
- 2
Mapea responsables y SLAs
Asigna los design systems, la marca, la infraestructura de plataforma y el product marketing a las superficies que cada uno controla. Documenta quién aprueba los cambios de icono.
- 3
Captura los activos actuales
Exporta el favicon.ico existente, los PNG, las máscaras y los datos del manifest a un repositorio versionado.
- 4
Señala las carencias
Busca Apple touch icons ausentes, pestañas 32x32 desactualizadas, theme colors que no coinciden o metadatos del manifest obsoletos.
Quién es responsable de qué
Alinear a los equipos evita que los iconos se distancien entre sí después de las prisas del lanzamiento inicial.
| Equipo | Responsabilidad | Herramientas |
|---|---|---|
| Design Systems | Crea el arte de origen, define la paleta de colores y es responsable de los overlays de cada entorno. | Bibliotecas de Figma, archivos de tokens, revisión de accesibilidad. |
| Plataforma / DevOps | Automatiza la generación, almacena los activos en buckets de CDN y los referencia mediante variables de entorno. | Pipelines de CI, infraestructura como código, Favicon Tools CLI. |
| Seguridad / Compliance | Garantiza que los iconos cambien durante los modos de incidente y que los certificados coincidan con los hosts de los iconos. | Sistemas de gestión de cambios, hooks de monitorización, flujos de aprobación. |
| Marketing / Growth | Mantiene los iconos específicos de campaña alineados con los lanzamientos de temporada y los programas de SEO. | Calendarios de contenido, integraciones con CMS, frameworks de experimentación. |
KPIs que vigilar
Mide la tasa de finalización de tu checklist de favicon por cada release y controla cuántos incidentes mencionan «entorno equivocado» o «icono desactualizado».
Un KPI del 0 % de incidentes le demuestra a la dirección que la inversión valió la pena.
Legal y cumplimiento
Algunos sectores (finanzas, salud) exigen registros de cambios documentados. Guarda cada exportación de icono con marcas de tiempo y responsables de aprobación.
Vincula los registros a tus carpetas de evidencias de SOC2 o ISO para que las auditorías avancen más rápido.
Checklist de despliegue
Ejecuta esto cada vez que ajustes iconos, colores o metadatos del manifest.
- 1
Pon la auditoría en un calendario
Programa una auditoría trimestral de favicons que se ejecute junto con los análisis de accesibilidad y SEO.
- 2
Versiona los activos
Versiona todos los iconos más el manifest.json en un repositorio dedicado con tags semánticas.
- 3
Revisa los cambios de icono como código
Exige pull requests para cualquier actualización de icono, incluyendo enlaces de vista previa que muestren la pestaña, el móvil y la vista de instalación.
- 4
Prueba los bytes en producción
Conecta pruebas automatizadas (Playwright o scripts propios) que descarguen los iconos de producción y comparen los hashes con los activos esperados.
- 5
Avisa a CX y a Soporte
Anuncia los cambios para que reconozcan el icono más reciente al crear actualizaciones en la página de estado.
Paquete de documentación
Incluye pautas de uso de los iconos, referencias de color por entorno y requisitos del manifest en el wiki de tu marca.
Enlaza directamente al preset del generador de Favicon Tools para que los diseñadores exporten los formatos aprobados sin tener que adivinar.