Agregar un favicon a la tienda
Un favicon, o ícono de favoritos, es una imagen o un logo pequeño que aparece junto al nombre de una página web. Los favicons se ven en las pestañas del navegador y en páginas del navegador que muestran listas de sitios web, como la página de favoritos. Puedes agregar un favicon a la tienda online para fortalecer la marca y darle un aspecto más profesional al sitio web.
Crear un favicon
Puedes usar un sitio web generador de favicons gratuito para crear un favicon personalizado, o crearlo por tu cuenta. Para encontrar un generador de favicons, busca en internet free favicon generator.
El tamaño ideal de la imagen para un favicon es 16 x 16 píxeles o 32 x 32 píxeles. Si el tamaño de la imagen del favicon es demasiado grande, se reducirá a 32 x 32 píxeles cuando la subas a Shopify.
Agregar un favicon a la tienda online
Puedes agregar un favicon a la tienda online si estás en el plan Basic o uno superior. No puedes agregar un favicon a la tienda online si estás en el plan Starter.
Pasos:
Escritorio
Desde el panel de control de Shopify, ve a Tienda online > Themes.
Busca el tema al que quieres agregar un favicon y haz clic en Editar tema.
Haz clic en el ícono de engranaje para abrir Configuración del tema.
Según la versión del tema, haz clic en Logo o Favicon.
En la sección Imagen del favicon, haz clic en Seleccionar imagen y luego realiza una de las siguientes acciones:
- Para seleccionar una imagen que ya subiste al panel de control de Shopify, búscala y luego selecciónala con la casilla de verificación.
- Para seleccionar una imagen desde tu computadora, haz clic en Agregar imágenes, abre la imagen desde tu computadora y luego selecciónala con la casilla de verificación.
Haz clic en Listo.
Opcional: agrega texto alternativo a la imagen del favicon realizando las siguientes acciones:
- En la sección Imagen del favicon, haz clic en Editar.
- En el cuadro de diálogo Vista previa y edición, ingresa una breve descripción de la imagen en el campo Texto alternativo.
- Haz clic en Guardar.
Haz clic en Guardar.
Móvil
Desde la app de Shopify, toca el ícono
.En la sección Canales de venta, toca Tienda online.
Toca Administrar todos los temas.
Busca el tema al que quieres agregar un favicon y toca Editar tema.
Toca ... > Configuración del tema.
Según la versión del tema, toca Logo o Favicon.
En la sección **Imagen de favicon**, toca **Seleccionar imagen** y luego haz lo siguiente:
- Para seleccionar una imagen que ya subiste al panel de control de Shopify, búscala y luego selecciónala con la casilla de verificación.
- Para seleccionar una imagen desde tu dispositivo, toca Agregar imágenes, abre la imagen desde tu dispositivo y luego selecciónala con la casilla de verificación.
Toca Listo.
Agrega texto alternativo a la imagen del favicon realizando las siguientes acciones:
- En la sección Imagen del favicon, toca Editar.
- En el cuadro de diálogo Vista previa y edición, ingresa una breve descripción de la imagen en el campo Texto alternativo.
- Toca Guardar.
Toca Guardar o ✓.
Solucionar problemas con favicons
Si tienes problemas con el favicon, revisa los siguientes pasos de resolución de problemas.
Solucionar que el favicon no se muestre en los resultados de búsqueda de Google
Si el favicon no se muestra en los resultados de búsqueda de Google, asegúrate de haber enviado tu sitemap a Google para que se pueda rastrear la información de la tienda.
Según Google's documentation, no se garantiza que el favicon se muestre en los resultados de búsqueda, incluso si se cumplen todas las guidelines.
Solucionar que el favicon no se muestre en las páginas de cuentas de cliente o de pago
Los favicons no se muestran en las páginas de cuentas de cliente y de pago a menos que estés en Shopify Plus. Además, los favicons no se muestran cuando ves el tema en el editor de temas, porque el editor de temas forma parte del panel de control de Shopify y no refleja la tienda online publicada.
Si estás en Shopify Plus y quieres configurar un favicon en las páginas de cuentas de cliente y de pago, necesitas usar Branding API o Checkout Blocks. El favicon no aparece automáticamente y no se puede configurar en el editor de temas ni en el editor de pago del panel de control. Para obtener más información sobre cómo usar Branding API, consulta la siguiente documentación para desarrolladores: