Aller au contenu principal
Connexion
English (US) Español Italiano

Comment régler les problèmes les plus courants avec le favicon d’une boutique PrestaShop

  • Mise à jour

Le favicon, petite icône affichée dans l’onglet du navigateur, est un élément essentiel pour l’identité visuelle et la crédibilité d’une boutique en ligne. Cet article détaille les problèmes les plus fréquents liés au favicon sur PrestaShop et propose des solutions concrètes pour chacun d’eux.

 

1. Favicon par défaut non remplacé

Un problème courant est l’oubli ou la méconnaissance de la nécessité de remplacer le favicon par défaut (souvent le logo PrestaShop), ce qui nuit à la personnalisation et à la professionnalisation de la boutique. Beaucoup de marchands ne modifient pas ce favicon, soit par manque d’information, soit parce qu’ils pensent que la modification est complexe.

Solution :

Accédez au back office de PrestaShop, rubrique « Design » > « Thème & Logo » > « Favicon ». Importez une image carrée (de préférence 310x310 px minimum, formats JPG, JPEG ou PNG, taille maximale 2 Mo). PrestaShop génère alors automatiquement le favicon au bon format (.ico, 48x48 px).

 

2. Problèmes de format ou de taille de fichier

L’utilisation d’un mauvais format d’image (par exemple, un PNG au lieu d’un ICO, ou une image trop volumineuse) peut entraîner des messages d’erreur ou empêcher l’affichage du favicon.

Solution :

Respectez les formats et tailles recommandés. Pour PrestaShop, le format .ico est le plus sûr pour la compatibilité maximale. Si votre image source est en PNG ou JPG, utilisez un générateur de favicon (il en existe un intégré à partir de PrestaShop 1.7.5) pour la convertir. Vérifiez que le fichier ne dépasse pas 2 Mo.

 

3. Favicon non affiché dans certains contextes (navigateurs, Google, etc.)

Il arrive que le favicon soit visible sur le front office mais pas dans certains navigateurs, dans les résultats Google, ou que Google signale une erreur 404 (favicon.ico introuvable).

Causes fréquentes :

  • Le fichier favicon.ico n’est pas à la racine du site.
  • Le cache du navigateur ou de PrestaShop n’a pas été vidé.
  • Les balises HTML nécessaires ne sont pas présentes dans le <head> du site.
  • Le favicon n’est pas généré dans toutes les tailles et formats requis pour tous les appareils.

Solutions :

  • Placez un fichier favicon.ico à la racine du site (https://votresite.com/favicon.ico), car certains navigateurs et robots le cherchent à cet emplacement par défaut.

  • Ajoutez ou vérifiez la présence de la balise suivante dans le <head> de vos pages :

    <link rel="icon" type="image/x-icon" href="/favicon.ico">
  • Après avoir modifié le favicon, videz le cache de PrestaShop et du navigateur pour forcer l’actualisation.

  • Pour une compatibilité maximale (notamment avec Google et les appareils Apple), générez plusieurs tailles et formats de favicon (16x16, 32x32, 180x180, .ico, .png). Des outils en ligne peuvent aider à générer tous les fichiers et balises nécessaires.

     

4. Problèmes d’intégration ou de prise en compte par Google

Google peut ne pas afficher le favicon dans les résultats de recherche si le fichier n’est pas accessible à la racine du site ou si le format n’est pas conforme. Cela peut même entraîner des refus de campagnes Google Ads pour « destination non fonctionnelle ».

Solution :

  • Vérifiez que le favicon est bien accessible publiquement à https://votresite.com/favicon.ico et que le serveur ne retourne pas d’erreur 404 pour ce fichier.
  • Utilisez l’outil Google Search Console pour vérifier que le favicon est bien détecté par Google.

  • Respectez les recommandations de Google : favicon carré, au moins 48x48 px, format .ico ou .png, et lien dans le <head> du site.

     

5. Cache et délais de propagation

Même après avoir correctement remplacé le favicon, il se peut que l’ancien s’affiche encore à cause du cache du navigateur ou de PrestaShop.

Solution :

  • Videz le cache de PrestaShop (« Paramètres avancés » > « Performances » > « Vider le cache »).
  • Demandez aux utilisateurs de vider le cache de leur navigateur ou d’ouvrir le site en navigation privée.

  • Parfois, il faut attendre plusieurs heures ou jours pour que le nouveau favicon soit pris en compte partout.

     

6. Problèmes spécifiques à certains thèmes ou modules

Certains thèmes ou modules peuvent ne pas prendre en compte la modification du favicon via le back-office, ou écraser ce dernier lors de mises à jour.

Solution :

  • Vérifiez la documentation de votre thème ou module. Si besoin, remplacez manuellement le fichier favicon.ico à la racine du thème ou du site via FTP.
  • Après chaque mise à jour du thème ou du module, contrôlez que le favicon personnalisé est toujours en place.

Articles associés