Un favicon es un icono del navegador que representa una marca o un sitio web. Aunque suelen aparecer junto al título de una página web en las pestañas del navegador, los faviconos también pueden encontrarse en las barras de direcciones, las listas de favoritos, las páginas de resultados de búsqueda, las barras de herramientas, el historial del navegador y otros lugares de la web.
Si estoy escudriñando rápidamente la página de resultados, probablemente decidiré explorar Joy Us Garden y Easy to Grow Bulbs antes que The Succulent Source por unas cuantas razones. No sólo aparecen en primer lugar en la SERP, sino que además sus favicons, URLs, títulos de páginas y meta descripciones apuntan a que son sitios web dedicados a todo lo relacionado con las plantas y que tienen una respuesta a mi pregunta.
Ahora imagina estos tres sitios web en las pestañas del navegador en un escritorio. Sería mucho más fácil recordar los favicons personalizados de Joy Us Garden y Easy to Grow Bulbs que el favicon por defecto de The Succulent Source. En un mar de pestañas abiertas, es más probable que vuelva a hacer clic en las pestañas con faviconos personalizados y pase más tiempo en esos sitios.
Por último, digamos que hago clic en cada uno de estos sitios. Al visitar Joy Us Garden y Easy to Grow Bulbs, me doy cuenta inmediatamente de que los faviconos personalizados se basan en los logotipos de los sitios web. El colorido logotipo de este último se muestra a continuación. Reconocerás el tulipán como su favicon.
¿Qué le sorprendió del proceso de diseño? Elvin: El proceso de diseño fue un reto divertido y de colaboración para todos los participantes. El equipo celebró sesiones virtuales de brainstorming que produjeron una variedad de conceptos que se esforzaron por convertirse en la nueva “cara” de Chrome. Aunque el cambio de color sea sutil, queríamos asegurarnos de que el icono no se perdiera en ninguno de los lugares en los que aparece. En un momento dado, nos sentimos satisfechos con un gradiente verde específico en el icono, pero después de realizar pruebas exhaustivas, descubrimos que se mezclaba con el fondo de pantalla predeterminado de Windows 11 (y la barra de tareas), que es popular entre muchos de nuestros usuarios. Pruebas como esta fueron las que garantizaron que nuestro icono funcionara bien en todas partes.
¿Volverán a utilizar el icono original de Chrome? Hemos investigado los iconos personalizados de las aplicaciones y hemos comprobado que cada plataforma tiene diferentes niveles de compatibilidad con ellos. Quizá algún día lo recuperemos como opción en las plataformas que lo admitan.
Resolución y reglas de recorte para el faviconUn favicon será visible para cualquier visitante en la pestaña de su navegador. Ese logotipo debe tener un tamaño de 32×32 píxeles. El archivo debe ser un jpg, png, gif o .ico.Si la foto que subes no tiene un tamaño de 32×32 píxeles, se redimensionará automáticamente y las imágenes más altas se cortarán por la mitad (la parte superior y la inferior se recortarán). Para disfrutar de los mejores resultados, debes utilizar el tamaño recomendado.Puedes añadir un tipo de archivo .ico para garantizar la visibilidad en diferentes navegadores. En particular, Microsoft Edge parece confiar en este tipo de archivo, pero un archivo .ico también debería funcionar en otros navegadores. Qué herramienta utilizar para redimensionar y recortar imágenesPuedes utilizar un editor de imágenes básico (como Paint) o algunas herramientas online como Cropp.me o Cut My Pic.
El beneficio más obvio de tener favicons dentro de los resultados orgánicos es la conciencia de marca. El inconveniente más obvio que surge de tener favicons en la SERP móvil es… la conciencia de marca. Para las grandes marcas, aquellas con las que todos estamos familiarizados, tener los favicons es una gran victoria. Para aquellas marcas menos conocidas que aparecen en la SERP, es una gran pérdida (al menos en mi opinión).
Imagina que haces una búsqueda y la SERP produce tres resultados que están por encima del pliegue. De esos tres resultados, digamos que los dos últimos son marcas con las que todo el mundo está familiarizado mientras que el primer resultado es una empresa sin nombre de Tombuctú (sin ofender a Tombuctú). ¿Qué va a hacer el usuario? Va a ver los favicons familiares que representan las marcas que ha llegado a conocer y amar a lo largo de los años y saltará la entidad desconocida.
Me di cuenta de que no miraba el nombre del sitio (en parte porque el nombre está ahora “obstruido” y más adelante se hablará de ello), sino que se centraba por completo en el favicon (siempre que el título encajara bien). Cuando había un logotipo de marca reconocible en las SERP, mi reacción instintiva era dirigirme a él, pasando así por encima de los sitios cuyo icono no me resultaba familiar.