Favicon
Un favicon es el pequeño icono que se muestra en las pestañas del navegador, marcadores y resultados móviles de Google para identificar tu tienda online.
¿Qué es un favicon?
Un favicon (icono de favoritos) es el pequeño icono cuadrado que representa a tu sitio web en las pestañas del navegador, marcadores, historial del navegador y en los resultados de búsqueda móvil de Google. Normalmente se declara con una etiqueta <link rel="icon"> en la sección <head> de la página y, como alternativa, los navegadores intentan cargar automáticamente el archivo /favicon.ico desde la raíz del dominio. Los favicons modernos se proporcionan como .ico, .png o .svg – y un solo archivo .ico puede contener varios tamaños (16×16, 32×32 y 48×48).
¿Por qué es importante un favicon?
Para una tienda online, un favicon es un elemento de branding pequeño pero visible. Cuando un cliente tiene muchas pestañas abiertas, el icono suele ser lo único que hace que tu tienda sea fácil de encontrar de nuevo. Google también muestra tu favicon junto al resultado en las búsquedas móviles, por lo que un icono nítido y de confianza refuerza tanto el porcentaje de clics como la confianza. Cuando falta el favicon, el navegador solo muestra un marcador de posición predeterminado en blanco, lo que hace que la página parezca incompleta o menos profesional.
Casos de uso comunes
- Reconocimiento en las pestañas del navegador cuando el cliente tiene varias páginas abiertas a la vez.
- Visualización junto a tu resultado en los resultados de búsqueda móvil de Google (Google recomienda un icono cuadrado que sea múltiplo de 48px, por ejemplo, 48×48).
- Icono cuando un cliente guarda la tienda como marcador o en la pantalla de inicio (a través de
apple-touch-icon, normalmente de 180×180). - Identidad de marca coherente en el navegador, las pestañas y los enlaces compartidos.
Perspectiva de Shopify
En Shopify subes tu favicon directamente en el editor del tema, dentro de la configuración del tema, sin necesidad de editar código. Shopify reduce la imagen a 32×32 px, por lo que debes subir un gráfico sencillo y cuadrado que sea claro en tamaños pequeños (evita detalles finos y mucho texto). Cambiar de tema no necesariamente restablece el favicon, pero comprueba siempre el resultado después de un cambio de tema. Piensa en el favicon junto con tus otros metadatos visuales como Open Graph, para que tu tienda tenga un aspecto coherente en pestañas, resultados de búsqueda y enlaces compartidos.