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.icoe 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.