Come riparare le immagini danneggiate in WordPress: consigli pratici

Le immagini svolgono un ruolo fondamentale nel migliorare l'esperienza e il coinvolgimento degli utenti . La presenza di immagini non visualizzate correttamente sul tuo sito WordPress finisce per svalutare il tuo brand, ecco perché è fondamentale imparare a risolvere i problemi relativi alle immagini in WordPress.

Oltre al coinvolgimento, le immagini svolgono un ruolo importante anche nel posizionamento dei siti web, quindi le immagini non funzionanti possono essere un brutto colpo per la reputazione complessiva del tuo sito. Ma non preoccuparti, esistono molti modi per individuare e correggere le immagini non funzionanti.

Sebbene sia sempre possibile assicurarsi che i link del sito web WordPress siano corretti con l'aiuto dell'assistenza WordPress, è importante comprendere le basi per la correzione delle immagini non funzionanti. Oggi esploreremo le immagini non funzionanti e come correggerle facilmente in WordPress.

In breve: Guida rapida per risolvere i problemi relativi alle immagini corrotte sui siti web

• Scansiona il tuo sito con un plugin per trovare rapidamente i file multimediali mancanti o non disponibili.
• Verifica attentamente i percorsi, i nomi e le estensioni dei file per assicurarti che corrispondano esattamente.
• Ricarica o sostituisci i file danneggiati o eliminati direttamente dalla libreria multimediale.
• Evita i link esterni alle immagini e mantieni i file sul tuo server per una maggiore affidabilità e velocità.

Cos'è un'immagine danneggiata e perché è importante ripararla?

In parole semplici, le immagini non funzionanti rimandano a un link non più disponibile o danneggiato. Quando gli utenti cliccano su un'immagine non funzionante, ricevono un errore 404 o un'icona di errore, a indicare che l'immagine è danneggiata o non disponibile. Si tratta di uno degli errori più comuni di WordPress.

Come accennato all'inizio, un'immagine non visualizzata correttamente è un problema critico per il tuo sito web. Ad esempio, se hai un negozio online o un sito web del settore alberghiero che si basa molto sulle immagini dei prodotti, gli utenti si aspettano immagini di alta qualità.

Se un utente trova un'immagine non funzionante, ciò può avere un impatto negativo sulla tua attività e compromettere l'esperienza utente. Non solo gli utenti, ma anche i bot di Google possono scansionare il tuo sito web alla ricerca di link non funzionanti e segnalarlo come inaffidabile o spam a causa di immagini danneggiate. Questo influisce anche sul design responsive del tuo sito web WordPress.

Pertanto, la presenza di immagini o link non funzionanti sul tuo sito web può danneggiarne la credibilità e l'immagine del marchio. È importante eseguire una manutenzione regolare del sito web, verificare la presenza di immagini o link non funzionantie correggerli immediatamente.

Molti proprietari di siti web riscontrano problemi anche con le immagini JPEG, soprattutto quando questi file si corrompono o vengono rinominati accidentalmente.

Come rilevare le immagini danneggiate in WordPress?

Ora che hai capito cosa sono i link non funzionanti e come possono influire sulla reputazione del tuo sito WordPress, è fondamentale individuare le immagini non funzionanti.

Sebbene esistano molti modi per verificare i link non funzionanti sul tuo sito web, il più semplice è utilizzare il plugin di WordPress Broken Link Checker.

Con questo plugin, puoi facilmente verificare la presenza di immagini non funzionanti o link interrotti sul tuo sito web e correggerli direttamente in WordPress. Il plugin è disponibile in versione gratuita e a pagamento. La versione gratuita consente di rilevare i problemi tramite una scansione manuale, mentre la versione premium offre funzionalità più avanzate.

Per iniziare a rilevare le immagini e i link non funzionanti:

• Installa e attiva il plugin di controllo dei link interrotti in WordPress

• Dopo aver installato il plugin, vai alla pagina di verifica dei link interrotti, seleziona la scansione dei link interrotti e fai clic su avvia una nuova scansione

• Il plugin avvierà la scansione per individuare tutti i link non funzionanti del tuo sito web. Potrai visualizzare il numero di pagine e articoli nella barra di avanzamento mentre la scansione è ancora in corso

• Una volta completata la scansione, otterrai un elenco di tutti i link non funzionanti, in modo da poter correggere le immagini danneggiate in WordPress.

Queste scansioni consentono di identificare rapidamente i file immagine mancanti che potrebbero essere stati spostati, eliminati o collegati in modo errato durante gli aggiornamenti o le migrazioni.

In alternativa, puoi utilizzare lo strumento di verifica dei link non funzionanti di Seahawk Media, incluso nei nostri strumenti di test gratuiti, oppure affidarti ai nostri sviluppatori WordPress per ottenere risultati rapidi.

Correlati: Come ottimizzare le immagini e migliorare la velocità del sito web

Come riparare le immagini danneggiate in WordPress?

Prima di addentrarci nel come risolvere i problemi relativi alle immagini danneggiate in WordPress, analizziamo alcune delle cause di questo inconveniente.

Analizziamo i problemi che possono causare la visualizzazione di immagini non funzionanti in WordPress:

• Percorso file errato per la posizione dell'immagine.
• File immagine danneggiato.
• Mancata corrispondenza nel formato dell'immagine (ad esempio, il file immagine è .jpg, ma il codice lo identifica come .png).
• Modifiche al nome del file immagine.
• I file vengono eliminati o risultano mancanti dal server (spesso ciò accade durante la migrazione del sito).

Quelle sopra elencate sono alcune delle ragioni per cui le immagini sul tuo sito web potrebbero non essere visualizzate correttamente. Vediamo come possiamo risolvere questi problemi, correggere le immagini non visualizzate in WordPress e ridurre la frequenza di rimbalzo.

Leggi: Perché il tuo WordPress è lento

Percorso file errato

WordPress genera un percorso file per specificare la posizione di un'immagine quando la si aggiunge al sito web. I browser web utilizzano questo percorso nell'attributo src dell'immagine per individuarla e visualizzarla. Se il percorso non è corretto, le immagini non verranno visualizzate e i tempi di caricamento aumenteranno.

Un semplice errore di battitura nel percorso di un file JPEG può danneggiare istantaneamente l'immagine, quindi controlla attentamente la struttura delle directory prima di aggiornarla. Per risolvere il problema, individua il post o la pagina con l'icona dell'immagine danneggiata e sostituiscila con un'altra immagine.

Ecco come fare:

• Accedi alla dashboard di WordPress.
• Vai al post o alla pagina con l'immagine non funzionante.
• Passa il mouse sopra il post e seleziona "Modifica"
• Nell'editor dei post, scorri fino alla sezione con l'immagine danneggiata.
• Fai clic sull'immagine danneggiata, quindi seleziona "Sostituisci"
• Scegli un'immagine dalla tua libreria multimediale o carica una nuova immagine.
• Fai clic su "Aggiorna" per salvare le modifiche.

Sostituzione di immagini HTML personalizzate

Se aggiungi un'immagine utilizzando HTML o CSS personalizzato, devi assicurarti che il percorso sia corretto. Ecco come verificarlo e correggerlo, soprattutto se si trova nel blocco CSS aggiuntivo:

• Accedi alla dashboard di WordPress. Vai su Aspetto ⟶ Personalizza.

• Selezionare il blocco CSS aggiuntivo o il menu CSS personalizzato.

• Nell'editor di codice, individua la riga di codice in cui è stata aggiunta la foto ed evidenzia il percorso dell'immagine.

• Fai clic con il pulsante destro del mouse e seleziona "Vai al percorso del file". Se l'immagine non è disponibile, verrà visualizzato un errore 404 Non trovato.

• Carica nuovamente l'immagine sul tuo sito web: vai su Media ⟶ Aggiungi nuovo. Fai clic su "Seleziona file" e seleziona il file immagine. Una volta completato il caricamento, fai clic su "Copia URL negli appunti"

• Torna alla pagina di personalizzazione e sostituisci il link dell'immagine non funzionante con il nuovo URL che hai copiato. Fai clic su "Pubblica" per salvare le modifiche.

I file di immagini danneggiati aggiunti tramite HTML o CSS personalizzati sono particolarmente comuni, quindi assicurati sempre che il file si trovi nella cartella di caricamento corretta.

Da non perdere: Attività di manutenzione di WordPress

Controlla i nomi dei file

Una causa comune di immagini non visualizzate e problemi di caricamento è la mancata corrispondenza dei nomi dei file. È necessario verificare l'ortografia del nome del file immagine nel codice per assicurarsi che corrisponda esattamente a quello nella libreria multimediale e correggere le immagini non visualizzate in WordPress.

Vediamo come possiamo risolvere questo problema:

• Accedi alla dashboard di WordPress.
• Vai su Media ⟶ Libreria.
• Utilizza la casella di ricerca per trovare l'immagine che vuoi confrontare.
• Passa il mouse sopra l'immagine e seleziona "Visualizza"
• Controlla la barra degli indirizzi per trovare il percorso dell'immagine. La parte evidenziata è il nome del file dell'immagine.

Ora passiamo al post con l'immagine non funzionante:

• Apri la pagina nel tuo browser.
• Fai clic con il pulsante destro del mouse sull'immagine danneggiata e seleziona "Apri immagine in una nuova scheda"
• Confronta il nome del file nella barra degli indirizzi con quello nella libreria multimediale.

Se persistono discrepanze nei nomi dei file, l'immagine potrebbe non essere visualizzata, generando un 404 Not Found errore.

Questo accade spesso con i file JPEG che sono stati rinominati manualmente senza aggiornare il riferimento al file in WordPress.

• Modifica il post con l'immagine non funzionante.
• Sostituisci il nome file errato con quello corretto dalla libreria multimediale
• Aggiorna il post per salvare le modifiche.

Se l'immagine continua a non essere visualizzata, caricala nuovamente e aggiungila al tuo post. Assicurati di aggiornare il post per salvare le modifiche. Questo dovrebbe risolvere il problema e l'immagine dovrebbe ora essere visualizzata correttamente.

Impara: come risolvere i problemi di lentezza del backend di WordPress

Estensioni di file errate

È importante ricontrollare le estensioni dei file delle immagini. Anche se il nome del file è corretto, un'estensione errata può causare problemi.

Verificate sempre che il vostro file JPEG utilizzi l'estensione ".jpeg" o ".jpg", poiché estensioni diverse possono impedire al browser di caricare l'immagine.

Ad esempio, potresti caricare un file immagine .jpg, ma il codice lo interpreta come un file .png. Questa discrepanza impedirà il caricamento dell'immagine.

Un altro problema comune riguarda le estensioni "jpg" e "jpeg". Sebbene questi formati di immagine siano identici, utilizzare uno al posto dell'altro può causare un errore di immagine danneggiata.

Assicurati che l'estensione del file nel tuo codice corrisponda esattamente a quella nella tua libreria multimediale per evitare problemi.

Utilizzare un percorso file relativo

L'utilizzo di un percorso file relativo collega un file in base alla sua posizione rispetto all'URL della homepage. In WordPress, un percorso relativo omette il nome di dominio e utilizza solo il percorso successivo al dominio.

Ad esempio, nell'attributo “src”, invece di utilizzare

“https://example.com/wp-content/uploads/image.png”, “puoi usare “/wp-content/uploads/image.png.”

Questo collegamento più breve funzionerà comunque bene per le tue immagini.

Uno dei vantaggi dell'utilizzo di un percorso relativo è che le immagini continueranno a funzionare anche se cambi il nome del dominio, a condizione che i file rimangano ospitati sullo stesso server. Questo approccio offre flessibilità e garantisce che le immagini rimangano accessibili anche in caso di cambio di dominio.

Lettura consigliata: Come spostare un sito WordPress su un nuovo dominio

Verifica se l'immagine esiste

A volte può capitare di inserire un link a un'immagine ospitata su un altro sito web. Se quel sito non è più disponibile o viene trasferito su un server diverso, le immagini non saranno più accessibili.

Inoltre, il collegamento diretto a un altro sito aumenta l'utilizzo del server sul sito che ospita l'immagine. Se il sito web ospitante disabilita l'hotlinking, l'immagine non verrà visualizzata.

• Per evitare questi problemi, è consigliabile caricare ogni immagine sul proprio sito web prima di aggiungerla a una pagina.

• Inoltre, evitate di utilizzare immagini provenienti da siti web di terzi a meno che non abbiate l'autorizzazione a farlo. Questo garantisce che le vostre immagini siano sempre disponibili e riduce il rischio di link non funzionanti.

Sebbene non siano comuni, possono verificarsi problemi di trasferimento. A volte, il server risulta sovraccarico e non riesce a caricare tutte le risorse della pagina con sufficiente rapidità prima che la richiesta scada. Questo problema è più frequente con i server web più economici.

Per risolvere il problema, valuta la possibilità di potenziare la capacità del tuo server o di migrare a un hosting web più affidabile. Inoltre, l'attivazione del lazy loading per le immagini può essere d'aiuto.

Quando il lazy loading è abilitato, il server carica le immagini solo quando l'utente scorre la pagina fino a raggiungere la sezione corrispondente. Questo riduce il carico sul server e velocizza il sito web.

Cause comuni di immagini danneggiate in WordPress

Diamo un'occhiata ad alcuni dei motivi più comuni per cui gli URL delle immagini non vengono caricati e come è possibile risolverli.

• URL delle immagini errati: una delle cause più comuni di immagini non visualizzate è rappresentata da URL delle immagini errati o obsoleti. Questo accade spesso dopo la migrazione del sito o il cambio di dominio. Se la struttura degli URL del sito è cambiata ma i link delle immagini non sono stati impostati correttamente, si finirà per avere delle immagini mancanti.

• Problemi di permessi dei file: se i file immagine non hanno i permessi corretti, i browser non saranno in grado di accedervi. Ciò può causare la visualizzazione di miniature non funzionanti o il mancato caricamento delle immagini dei prodotti. Assicurati che le immagini siano leggibili dal server; in genere, i permessi 644 sono configurati correttamente per i file immagine.

A volte il server può bloccare l'accesso ai file immagine se le autorizzazioni sono troppo restrittive, causando la visualizzazione di miniature non funzionanti sul sito.

• Impostazioni dei file multimediali configurate in modo errato: a volte, il problema risiede nelle impostazioni dei file multimediali in WordPress. Se il percorso della cartella di caricamento è errato o non corrisponde alla struttura del sito, le immagini non verranno visualizzate nella posizione corretta.

• Problemi con il file .htaccess: Il file .htaccess controlla molti aspetti del comportamento del tuo sito. Un errore in questo file, come un reindirizzamento configurato in modo errato o regole di accesso bloccate, può impedire il caricamento delle immagini. Esegui sempre un backup prima di modificare questo file e ricontrolla attentamente tutte le modifiche.

• Impostazioni CDN non configurate correttamente: stai usando una Content Delivery Network (CDN)? È ottimo per la velocità, ma solo se le impostazioni CDN sono configurate correttamente. Se puntano a percorsi vecchi o errati, o se le versioni memorizzate nella cache non sono aggiornate, le immagini potrebbero non essere visualizzate.

Anche le versioni memorizzate nella cache di un file JPEG nella tua CDN possono causare problemi di visualizzazione finché la cache non viene completamente svuotata.

Leggi: I migliori servizi di ottimizzazione della velocità di WordPress

Incartare

Mantenere il tuo sito web libero da immagini danneggiate è importante per mantenere una buona reputazione, coinvolgere gli utenti e migliorare il posizionamento sui motori di ricerca. Come spiegato in precedenza, esistono diversi modi per rilevare e correggere le immagini danneggiate in WordPress.

Se preferisci riparare autonomamente le immagini danneggiate in WordPress, inizia identificando la causa. Potrebbe trattarsi di un percorso file danneggiato o errato. Una volta individuata la causa, puoi risolvere il problema ripristinando, sostituendo o eliminando l'immagine.

Mantenere il tuo sito web privo di immagini danneggiate non solo migliora l'esperienza utente, ma contribuisce anche al posizionamento nei motori di ricerca. Anche un singolo file JPEG corrotto può compromettere il layout di una pagina, rallentarne il caricamento o creare segnaposto non funzionanti che influiscono sulla fiducia dell'utente.

Domande frequenti sulla risoluzione dei problemi relativi alle immagini danneggiate in WordPress