Come riparare le immagini danneggiate in WordPress: consigli pratici

Le immagini svolgono un ruolo significativo nel migliorare l'esperienza e il coinvolgimento degli utenti . Vedere immagini non funzionanti su un sito WordPress finisce per sminuire l'immagine del tuo brand, motivo per cui è fondamentale capire come risolvere il problema delle immagini non funzionanti su WordPress.

Oltre all'interazione , anche le immagini svolgono un ruolo importante nel posizionamento di un sito web, quindi le immagini danneggiate possono essere una cattiva notizia per la reputazione generale del tuo sito. Ma non preoccuparti, ci sono molti modi per rilevare e correggere le immagini danneggiate in WordPress.

Sebbene sia sempre possibile garantire che i link dei siti web WordPress siano corretti con il supporto WordPress , è importante comprendere le basi per correggere le immagini danneggiate. Oggi, quindi, esploreremo queste immagini danneggiate e come correggerle facilmente in WordPress.

Cominciamo.

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

In parole povere, le immagini non funzionanti portano a un link non più disponibile o corrotto. Quando gli utenti cliccano su un'immagine non funzionante, ricevono un errore 404 o un simbolo di immagine non funzionante, a indicare che l'immagine non è funzionante/non disponibile. È uno degli errori più comuni di WordPress .

Come accennato all'inizio, un'immagine non funzionante è un evento critico per il tuo sito web. Ad esempio, se hai un negozio di e-commerce o un sito web di ospitalità che di solito si basa sulle immagini dei prodotti , un utente che naviga su tali siti web si aspetta di vedere immagini di buona qualità.

Se trova un'immagine non funzionante, ciò può avere un impatto negativo sulla tua attività, compromettendo nel complesso l'esperienza dell'utente.

Non solo gli utenti, ma anche i bot di Google possono analizzare il tuo sito web alla ricerca di link non funzionanti e segnalarlo come inaffidabile o spam a causa di immagini non funzionanti. Questo influisce anche sul tuo web design WordPress .

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

Molti proprietari di siti riscontrano problemi anche con le immagini jpeg, soprattutto quando questi file vengono danneggiati o rinominati accidentalmente.

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

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 controllare i link interrotti sul tuo sito web, il modo più semplice è utilizzare un plugin per WordPress chiamato Broken Link Checker . Con questo plugin, puoi facilmente verificare la presenza di immagini interrotte o link non funzionanti sul tuo sito web e correggere le immagini interrotte in WordPress.

Il plugin è disponibile sia in versione gratuita che premium. La versione gratuita consente di rilevare i problemi con una scansione manuale, mentre la versione premium offre funzionalità più avanzate. Per iniziare a rilevare immagini e link non funzionanti:

• Installa e attiva il plugin di controllo dei link interrotti in WordPress
• Dopo aver installato il plugin, vai alla pagina del controllo dei link interrotti, seleziona la scansione dei link interrotti e clicca su avvia una nuova scansione
• Il plugin inizierà a scansionare tutti i link non funzionanti del tuo sito web. Puoi vedere il numero di pagine e post nella barra di avanzamento mentre la scansione è ancora in corso
• Una volta terminata la scansione, otterrai un elenco di tutti i link non funzionanti, così potrai correggere le immagini non funzionanti 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 controllo dei link interrotti di Seahawk, che fa parte dei nostri strumenti di test gratuiti , oppure assumere i nostri sviluppatori WordPress per ottenere risultati rapidi.

Come riparare le immagini danneggiate in WordPress?

Prima di approfondire come riparare le immagini danneggiate in WordPress, perché non approfondire alcune delle cause di questo problema? Diamo un'occhiata ai problemi che possono causare la rottura delle immagini 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.
• File eliminati o mancanti dal server (spesso si verifica durante la migrazione del sito).

Quelli sopra sono alcuni dei motivi per cui le immagini non funzionano correttamente sul tuo sito web. Vediamo come possiamo risolvere questi problemi, correggere le immagini non funzionanti su WordPress e ridurre le probabilità di un tasso di rimbalzo .

Leggi: Perché il tuo WordPress è lento

Percorso file errato: correggi le immagini danneggiate in WordPress

WordPress genera un percorso file per specificare la posizione dell'immagine quando aggiungi immagini al tuo sito web. I browser web utilizzano questo percorso nell'attributo image src per individuare e visualizzare l'immagine. Se il percorso è errato, le immagini non verranno visualizzate e richiederanno più tempo di caricamento .

Un semplice errore di battitura nel percorso di un file jpeg può danneggiare all'istante l'immagine, quindi ricontrolla attentamente la struttura della directory prima di aggiornarla.

Correlati : Che cos'è l'indice di velocità

Per risolvere questo problema, devi trovare il post o la pagina con l'icona dell'immagine non funzionante e sostituirla 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.
• Fare clic sull'immagine danneggiata e selezionare " Sostituisci ".
• Scegli un'immagine dalla tua libreria multimediale o carica una nuova immagine.
• Fare clic su " Aggiorna " per salvare le modifiche.

Correlati: Come migliorare Google PageSpeed ​​su WordPress

Sostituzione di immagini HTML personalizzate

Se aggiungi un'immagine utilizzando HTML o CSS , 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 l'errore 404 "Non trovato".

• Ricarica 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: la checklist definitiva da seguire

Controlla i nomi dei file

Una causa comune di immagini danneggiate e problemi di caricamento sono i nomi dei file non corrispondenti. È necessario controllare l'ortografia del file immagine nel codice per assicurarsi che corrisponda esattamente a quello nella libreria multimediale per correggere le immagini danneggiate in WordPress.

Vediamo come possiamo risolvere questo problema:

• Accedi alla dashboard di WordPress.
• Vai a Media ⟶ Libreria .
• Utilizza la casella di ricerca per trovare l'immagine che vuoi confrontare.
• Passa il mouse sull'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.
• Fare clic con il tasto destro del mouse sull'immagine danneggiata e selezionare " Apri immagine in una nuova scheda ".
• Confronta il nome del file nella barra degli indirizzi con quello nella libreria multimediale.

Se persistono discrepanze tra i nomi dei file, ciò potrebbe impedire la visualizzazione dell'immagine, generando un errore 404 "non trovato" .

Questo accade spesso con un file jpeg che è stato rinominato manualmente senza aggiornare il riferimento al file all'interno di 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.

Scopri : come risolvere il problema del lento backend di WordPress

Estensioni di file errate

È importante controllare attentamente le estensioni dei file delle immagini. Anche se il nome del file è corretto, un'estensione errata può causare problemi. Controlla sempre se il file JPEG utilizza ".jpeg" o ".jpg", perché estensioni non corrispondenti possono impedire al browser di caricare l'immagine.

Ad esempio, potresti caricare un file immagine .jpg, ma il codice lo identifica come .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, l'utilizzo dell'uno anziché dell'altro può causare un errore di immagine non funzionante. Assicuratevi che l'estensione del file nel codice corrisponda esattamente a quella presente nella 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 si cambia il nome di dominio, purché i file siano ospitati sullo stesso server. Questo approccio offre flessibilità e garantisce che le immagini rimangano accessibili anche dopo aver cambiato dominio.

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

Verifica se l'immagine esiste

A volte potresti creare un collegamento a un'immagine ospitata su un sito web diverso. Se il sito non funziona più o viene trasferito su un server diverso, le tue immagini non saranno più disponibili.

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.

Scopri : cos'è la stabilità dei link nella SEO

Per evitare questi problemi, è consigliabile caricare ogni immagine sul tuo sito web prima di aggiungerla a una pagina. Inoltre, evita di utilizzare immagini da siti web di terze parti a meno che tu non abbia l'autorizzazione per farlo. Questo garantisce che le tue 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 questo problema, valuta la possibilità di aumentare la capacità del tuo server o di migrare a un web hosting più affidabile. Inoltre, abilitare il lazy loading per le tue immagini può essere d'aiuto. Quando il lazy loading è abilitato, il tuo server caricherà le immagini solo quando l'utente scorre fino a quella sezione. Questo riduce il carico del server e velocizza il tuo 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 funzionanti sono gli 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 alle immagini non sono stati impostati correttamente, si rischia di ritrovarsi con immagini mancanti.

Problemi di permessi sui file

Se i file immagine non hanno i permessi corretti, i browser non saranno in grado di accedervi. Questo può causare miniature non funzionanti o il mancato caricamento delle immagini dei prodotti. Assicurati che le tue immagini siano leggibili dal server: in genere, per i file immagine è configurato correttamente un permesso di 644.

A volte il server potrebbe bloccare l'accesso ai file immagine se le autorizzazioni sono troppo rigide, con conseguente visualizzazione di miniature non funzionanti in tutto il sito.

Impostazioni multimediali configurate in modo errato

A volte, il problema risiede nelle impostazioni multimediali di WordPress. Se il percorso della cartella di caricamento è errato o non corrisponde alla struttura del sito, le immagini non appariranno dove dovrebbero.

Problemi con il file .htaccess

Il file .htaccess controlla molti aspetti del comportamento del tuo sito. Un errore, come un reindirizzamento non configurato correttamente o regole di accesso bloccate, può compromettere il caricamento delle immagini. Esegui sempre un backup prima di modificare questo file e ricontrolla eventuali modifiche.

Impostazioni CDN non impostate correttamente

Utilizzi una Content Delivery Network (CDN)? È un'ottima soluzione per la velocità, ma solo se le impostazioni della CDN sono configurate correttamente. Se puntano a percorsi vecchi o errati, o se le versioni memorizzate nella cache sono obsolete, le immagini potrebbero non essere visualizzate.

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

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

Conclusione

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 a scoprire la causa del problema. Potrebbe trattarsi di un file danneggiato, di un percorso file errato o di qualcos'altro. Una volta individuata la causa, puoi risolverla ripristinando, sostituendo o eliminando l'immagine.

Mantenere il tuo sito web libero da immagini danneggiate non solo migliora l'esperienza utente, ma contribuisce anche al posizionamento sui motori di ricerca. Anche un singolo file JPEG danneggiato può compromettere il layout di una pagina, rallentare il caricamento o creare segnaposto danneggiati che compromettono la fiducia degli utenti.

Domande frequenti