El favicon, la pequeña icono que aparece en la pestaña del navegador, es un elemento esencial para la identidad visual y la credibilidad de una tienda en línea. Este artículo detalla los problemas más frecuentes relacionados con el favicon en PrestaShop y propone soluciones concretas para cada uno de ellos.
1. Favicon predeterminado no reemplazado
Un problema común es el olvido o la falta de conocimiento de la necesidad de reemplazar el favicon predeterminado (a menudo el logotipo de PrestaShop), lo que perjudica la personalización y la profesionalización de la tienda. Muchos comerciantes no modifican este favicon, ya sea por falta de información o porque piensan que la modificación es compleja.
Solución:
Acceda al back office de PrestaShop, sección « Diseño » > « Tema y logotipo » > « Favicon ». Importe una imagen cuadrada (preferiblemente de 310x310 px como mínimo, formatos JPG, JPEG o PNG, tamaño máximo de 2 MB). PrestaShop generará entonces automáticamente el favicon en el formato correcto (.ico, 48x48 px).
2. Problemas de formato o tamaño de archivo
El uso de un formato de imagen incorrecto (por ejemplo, un PNG en lugar de un ICO, o una imagen demasiado grande) puede provocar mensajes de error o impedir la visualización del favicon.
Solución:
Respete los formatos y tamaños recomendados. Para PrestaShop, el formato .ico es el más seguro para una compatibilidad máxima. Si su imagen de origen está en PNG o JPG, utilice un generador de favicon (existe uno integrado a partir de PrestaShop 1.7.5) para convertirla. Verifique que el archivo no supere los 2 MB.
3. El favicon no se muestra en algunos contextos (navegadores, Google, etc.)
Puede ocurrir que el favicon sea visible en el front office pero no en algunos navegadores, en los resultados de Google, o que Google informe de un error 404 (favicon.ico no encontrado).
Causas frecuentes:
- El archivo favicon.ico no está en la raíz del sitio.
- La memoria caché del navegador o de PrestaShop no ha sido vaciada.
- Las etiquetas HTML necesarias no están presentes en el
<head>del sitio. - El favicon no se genera en todos los tamaños y formatos requeridos para todos los dispositivos.
Soluciones:
- Coloque un archivo favicon.ico en la raíz del sitio (
https://votresite.com/favicon.ico), ya que algunos navegadores y robots lo buscan en esta ubicación de manera predeterminada. -
Agregue o verifique la presencia de la siguiente etiqueta en el
<head>de sus páginas:<link rel="icon" type="image/x-icon" href="/favicon.ico">
- Después de modificar el favicon, vacíe la memoria caché de PrestaShop y del navegador para forzar la actualización.
-
Para una compatibilidad máxima (especialmente con Google y los dispositivos Apple), genere varios tamaños y formatos de favicon (16x16, 32x32, 180x180, .ico, .png). Existen herramientas en línea que pueden ayudar a generar todos los archivos y etiquetas necesarias.
4. Problemas de integración o de consideración por parte de Google
Google puede no mostrar el favicon en los resultados de búsqueda si el archivo no está accesible en la raíz del sitio o si el formato no es el correcto. Esto puede incluso provocar rechazos de campañas de Google Ads por «destino no funcional».
Solución:
- Compruebe que el favicon es accesible públicamente en
https://votresite.com/favicon.icoy que el servidor no devuelve un error 404 para este archivo. - Utilice la herramienta de Google Search Console para comprobar que el favicon es correctamente detectado por Google.
-
Respete las recomendaciones de Google: favicon cuadrado, al menos 48x48 px, formato .ico o .png, y enlace en el
<head>de su sitio web.
5. Caché y demoras en la propagación
Incluso después de haber reemplazado correctamente el favicon, es posible que el antiguo siga apareciendo debido al caché del navegador o de PrestaShop.
Solución:
- Vuelva a cargar la caché de PrestaShop (« Parámetros avanzados » > « Rendimiento » > « Vaciar la caché »).
- Pida a los usuarios que vacíen la caché de su navegador o que abran el sitio en modo de navegación privada.
-
A veces, es necesario esperar varias horas o días para que el nuevo favicon se tenga en cuenta en todas partes.
6. Problemas específicos de ciertos temas o módulos
Algunos temas o módulos pueden no tener en cuenta la modificación del favicon a través de la interfaz de administración, o sobrescribir este último durante las actualizaciones.
Solución:
- Verifique la documentación de su tema o módulo. Si es necesario, reemplace manualmente el archivo favicon.ico en la raíz del tema o del sitio mediante FTP.
- Después de cada actualización del tema o del módulo, verifique que el favicon personalizado siga en su lugar.