Come risolvere i problemi più comuni con il favicon di un negozio PrestaShop?

HelpCenter

Il favicon, piccola icona visualizzata nella scheda del browser, è un elemento essenziale per l'identità visiva e la credibilità di un negozio online. Questo articolo descrive i problemi più frequenti legati al favicon su PrestaShop e propone soluzioni concrete per ciascuno di essi.

 

1. Favicon predefinito non sostituito

Un problema comune è l'oblio o la mancanza di consapevolezza della necessità di sostituire il favicon predefinito (spesso il logo PrestaShop), il che compromette la personalizzazione e la professionalizzazione del negozio. Molti commercianti non modificano questo favicon, sia per mancanza di informazioni, sia perché pensano che la modifica sia complessa.

Soluzione:

Acceda al back office di PrestaShop, sezione « Design » > « Tema & Logo » > « Favicon ». Importi un'immagine quadrata (preferibilmente di almeno 310x310 px, formati JPG, JPEG o PNG, dimensione massima 2 Mo). PrestaShop genera quindi automaticamente il favicon nel giusto formato (.ico, 48x48 px).

 

2. Problemi di formato o dimensione del file

L'utilizzo di un formato di immagine errato (ad esempio, un PNG al posto di un ICO, o un'immagine troppo grande) può causare messaggi di errore o impedire la visualizzazione del favicon.

Soluzione:

Rispettare i formati e le dimensioni consigliati. Per PrestaShop, il formato .ico è il più sicuro per la massima compatibilità. Se l'immagine di origine è in formato PNG o JPG, utilizzi un generatore di favicon (ne esiste uno integrato a partire da PrestaShop 1.7.5) per convertirla. Verifichi che il file non superi i 2 MB.

 

3. Favicon non visualizzato in alcuni contesti (browser, Google, ecc.)

Può capitare che il favicon sia visibile nell'area front office ma non in alcuni browser, nei risultati di Google o che Google segnali un errore 404 (favicon.ico non trovato).

Cause frequenti:

  • Il file favicon.ico non si trova alla radice del sito.
  • La cache del browser o di PrestaShop non è stata svuotata.
  • I tag HTML necessari non sono presenti nel <head> del sito.
  • Il favicon non viene generato in tutte le dimensioni e i formati richiesti per tutti i dispositivi.

Soluzioni:

  • Inserire un file favicon.ico nella radice del sito (https://votresite.com/favicon.ico), poiché alcuni browser e robot lo cercano in tale posizione per impostazione predefinita.
  • Aggiungere o verificare la presenza del seguente tag nel <head> delle proprie pagine:

    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    
    
  • Dopo aver modificato il favicon, svuoti il cache di PrestaShop e del browser per forzare l'aggiornamento.
  • Per una compatibilità massima (in particolare con Google e i dispositivi Apple), generare diverse dimensioni e formati di favicon (16x16, 32x32, 180x180, .ico, .png). Strumenti online possono aiutare a generare tutti i file e i tag necessari.

     

4. Problemi di integrazione o di riconoscimento da parte di Google

Google potrebbe non visualizzare il favicon nei risultati di ricerca se il file non è accessibile alla radice del sito o se il formato non è conforme. Ciò può addirittura comportare il rifiuto delle campagne Google Ads per "destinazione non funzionante".

Soluzione:

  • Verifichi che il favicon sia effettivamente accessibile pubblicamente all'indirizzo https://votresite.com/favicon.ico e che il server non restituisca errori 404 per tale file.
  • Utilizzi lo strumento Google Search Console per verificare che il favicon sia effettivamente rilevato da Google.
  • Rispetti le raccomandazioni di Google: favicon quadrato, almeno 48x48 px, formato .ico o .png, e link nel <head> del sito.

     

5. Cache e tempi di propagazione

Anche dopo aver sostituito correttamente il favicon, potrebbe accadere che venga ancora visualizzato quello precedente a causa della cache del browser o di PrestaShop.

Soluzione:

  • Cancelli la cache di PrestaShop (« Impostazioni avanzate » > « Prestazioni » > « Cancella la cache »).
  • Chieda agli utenti di cancellare la cache del loro browser o di aprire il sito in modalità di navigazione privata.
  • A volte, è necessario attendere diverse ore o giorni affinché il nuovo favicon sia preso in considerazione ovunque.

     

6. Problemi specifici di alcuni temi o moduli

Alcuni temi o moduli potrebbero non tenere conto della modifica del favicon tramite l'interfaccia di amministrazione, o sovrascriverlo durante gli aggiornamenti.

Soluzione:

  • Verifichi la documentazione del suo tema o modulo. Se necessario, sostituisca manualmente il file favicon.ico alla radice del tema o del sito tramite FTP.
  • Dopo ogni aggiornamento del tema o del modulo, verifichi che il favicon personalizzato sia ancora presente.

⚠️ Questo articolo è stato tradotto da un programma di traduzione automatica.