Informe: Favicon e iconos
Estamos comprobando si el sitio web tiene uno o varios favicons definidos (o disponibles)
Los favicons se utilizan para identificar el sitio web en la pestaña del navegador, los motores de búsqueda y las redes sociales. Son un requisito para cualquier sitio web en la web moderna y deben reflejar la identidad de la marca. En el pasado, los favicons siempre eran de 16x16px, pero hoy tenemos muchas más opciones y tamaños, y se espera que tengamos un favicon estándar de alta resolución.
Recomendaciones
- Asegúrate de tener un favicon estándar bueno, 16x16px es solo el tamaño mínimo
- Tener varios tamaños de favicon, 16x16px, 32x32px, 64x64px, 128x128px, 256x256px
- Siempre es bueno agregar iconos de toque de Apple, 180x180px es el tamaño mínimo
Errores conocidos
- El panel SMM no tiene favicon configurado
- El favicon existe pero no está en el diseño HTML
- Solo se encontró un favicon, no se encontraron diferentes tamaños
Ejemplo de HTML de favicon
Este es un ejemplo de cómo se agregan los favicons al diseño HTML
<link rel="icon" href="/favicon.ico" />
<link rel="icon" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" sizes="192x192" href="/android-chrome-192x192.png" />
<link rel="icon" sizes="512x512" href="/android-chrome-512x512.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />Generar favicon
Puedes generar fácilmente favicons modernos para tu sitio web utilizando las siguientes herramientas: