Come correggere le immagini rotte in WordPress: suggerimenti attuabili

Le immagini svolgono un ruolo significativo nel migliorare e il coinvolgimento degli utenti Vedere alcune immagini rotte nel sito WordPress alla fine svaluta l'immagine del tuo marchio, motivo per cui è fondamentale affrontare come correggere le immagini rotte in WordPress.

Oltre al coinvolgimento , le immagini svolgono anche un ruolo importante nelle classifiche del sito Web, quindi le immagini rotte possono essere cattive notizie per la reputazione generale del sito Web. Ma, non preoccuparti, ci sono molti modi per rilevare e sistemare le immagini rotte in WordPress.

Mentre puoi sempre assicurarti che i collegamenti del sito Web WordPress siano in atto con il supporto WordPress , è importante comprendere le basi della correzione di immagini rotte. Quindi, oggi, esploreremo queste immagini rotte e come puoi risolverle facilmente in WordPress.

Iniziamo. 

Cos'è un'immagine rotta e perché è importante risolverla?

In parole semplici, le immagini rotte portano a un collegamento che non è più disponibile o corrotto. Quando gli utenti fanno clic su un'immagine rotta, ottengono un 404 o rotto, significare che l'immagine è rotta/non disponibile. È uno degli errori di WordPress .

Come implicito all'inizio, un'immagine rotta è un evento critico sul tuo sito Web. Ad esempio, se si dispone di un negozio di e-commerce o di un sito Web di ospitalità che di solito si basa su immagini di prodotti , un utente che naviga su tali siti Web si aspetta di vedere alcune buone immagini.

Se trova un'immagine rotta, questo può avere un impatto negativo sulla tua attività mentre ostacola del tutto l'esperienza utente. 

Non solo gli utenti, ma anche Google Bots possono scansionare il tuo sito Web per collegamenti rotti e contrassegnarlo come inaffidabile o spamy a causa di immagini rotte. Questo influisce anche il tuo web design reattivo di WordPress .

Pertanto, avere immagini o collegamenti rotti sul tuo sito Web può danneggiare la sua credibilità e l'immagine del marchio. Quindi, è importante per te eseguire una normale manutenzione del sito Web , controllare eventuali immagini o collegamenti rotti sul tuo sito Web e risolverli immediatamente.

Correlati : come ottimizzare le immagini e migliorare la velocità del sito Web

Come rilevare immagini rotte in WordPress?

Ora che capisci i collegamenti rotti e come possono influenzare la reputazione del tuo sito Web di WordPress, è indispensabile rilevare immagini rotte. 

Mentre ci sono molti modi per controllare i collegamenti rotti sul tuo sito Web, il modo più semplice è utilizzare un plug -in WordPress noto come Broken Link Checker . Con questo plugin, puoi facilmente verificare eventuali immagini rotte o collegamenti morti sul tuo sito Web e correggere le immagini rotte in WordPress.

Il plugin ha sia una 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 le immagini e i collegamenti rotti: 

• Installa e attiva il plug -in di Checker di collegamento rotto in WordPress
• Dopo aver installato il plug -in, vai alla pagina del controllo del collegamento rotto, selezionare Scansione del collegamento rotto e fare clic su Avvia una nuova scansione
• Il plugin inizierà la scansione per tutti i collegamenti rotti del tuo sito Web. Puoi vedere tutto 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 collegamenti rotti in modo da poter correggere le immagini rotte in WordPress.

In alternativa, è possibile utilizzare lo strumento di Checker di collegamento rotto di Seahawk, che fa parte dei nostri strumenti di test gratuiti o assumere i nostri sviluppatori di WordPress per risultati rapidi.

Come correggere le immagini rotte in WordPress?

Prima di immergerci su come risolvere le immagini rotte in WordPress, perché non esaminare alcuni dei motivi alla base di questo problema? Diamo un'occhiata ai problemi che possono portare a immagini rotte in WordPress: 

• Percorso del file errato per la posizione dell'immagine.
• File di immagine corrotto.
• Mismatch nel formato dell'immagine (ad esempio, il file di immagine è .jpg, ma il codice lo identifica come .png).
• Modifiche al nome del file di immagine.
• File eliminati o mancanti dal server (spesso si verifica durante la migrazione del sito).

Quanto sopra sono alcuni motivi per le immagini rotte sul tuo sito Web. Vediamo come possiamo risolvere questi problemi, risolvere le immagini rotte in WordPress e ridurre le possibilità di tasso di rimbalzo .

Leggi: Perché il tuo WordPress è lento

Percorso del file errato: correggere le immagini rotte in wordpress

WordPress genera un percorso del file per specificare la posizione dell'immagine quando si aggiungono immagini al tuo sito Web. I browser Web utilizzano questo percorso nell'attributo SRC immagine per individuare e visualizzare l'immagine. Le immagini non verranno visualizzate e richiederanno più tempo di carico se il percorso non è corretto.

Correlati : cos'è l'indice di velocità

Per risolvere questo problema, è necessario trovare il post o la pagina con l'icona dell'immagine rotta e sostituirlo con un'altra immagine. Ecco come:

• Accedi alla dashboard WordPress .
• Passare al post o alla pagina con l'immagine rotta.
• Passa il mouse sopra il post e seleziona " Modifica ".
• Nell'editor dei post, scorrere fino alla sezione con l'immagine rotta.
• Fare clic sull'immagine rotta e selezionare " Sostituisci ".
• Scegli un'immagine dalla tua libreria multimediale o carica una nuova immagine.
• Fai clic su " Aggiorna " per salvare le modifiche.

Correlati: come migliorare le pagine di Google su WordPress

Sostituzione di immagini HTML personalizzate

Se si aggiunge un'immagine utilizzando HTML o CSS , è necessario assicurarsi che il percorso sia corretto. Ecco come verificarlo e risolverlo, soprattutto se si trova nel blocco CSS aggiuntivo:

• Accedi alla dashboard WordPress. Vai all'aspetto ⟶ Personalizza .

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

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

• Fare clic con il pulsante destro del mouse e selezionare " Vai al percorso-per-file ". Se l'immagine non è disponibile, vedrai un errore 404 non trovato.

• Riplora 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 su Appunti ."

• Passare alla pagina del personalizzatore e sostituire il collegamento a immagine rotto con il nuovo URL che hai copiato. Fai clic su " Pubblica " per salvare le modifiche.

Non perdere : compiti di manutenzione di WordPress: Elenco di controllo Ultimate che devi seguire

Controllare i filamenti

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

Vediamo come possiamo risolvere questo problema:

• Accedi alla dashboard WordPress .
• Vai alla biblioteca multimediale ⟶ .
• Usa la casella di ricerca per trovare l'immagine che si desidera confrontare.
• Passa il mouse sull'immagine e seleziona " Visualizza ".
• Controllare la barra degli indirizzi per il percorso dell'immagine. La parte evidenziata è il nome file dell'immagine.

Ora, passa al post con l'immagine rotta:

• Apri la pagina nel browser.
• Fare clic con il pulsante destro del mouse sull'immagine rotta e selezionare " Apri immagine nella nuova scheda ".
• Confronta il nome file nella barra degli indirizzi con quello nella libreria multimediale.

Se ci sono ancora discrepanze tra i filenati, ciò potrebbe impedire la visualizzazione dell'immagine, risultando in un errore 404 non trovato .

• Modifica il post con l'immagine rotta.
• Sostituire il nome del file errato con quello corretto dalla libreria multimediale
• Aggiorna il post per salvare le modifiche.

Se l'immagine non viene ancora visualizzata, carica nuovamente l'immagine e aggiungila al tuo post. Assicurati di aggiornare il post per salvare queste modifiche. Ciò dovrebbe risolvere il problema e l'immagine dovrebbe ora essere visualizzata correttamente.

Impara : come correggere un backend di WordPress

Estensioni di file errate

È importante ricontrollare le estensioni dei file per le tue immagini. Anche se il nome file è corretto, un'estensione del file errata può causare problemi. Ad esempio, è possibile caricare un'immagine file .jpg, ma il codice lo fa riferimento come .png. Questa mancata corrispondenza impedirà il caricamento dell'immagine. 

Un altro problema comune è con le estensioni "JPG" e "JPEG". Sebbene questi formati di immagine siano uguali, usare uno anziché l'altro può portare a un errore di immagine rotto. Assicurati che l'estensione del file nel codice corrisponda esattamente a quella nella libreria multimediale per evitare problemi.

Usa un percorso del file relativo

Utilizzando un percorso del file relativo collegamenti a un file in base alla sua posizione rispetto all'URL homepage. In WordPress, un percorso relativo omette il nome di dominio e utilizza il percorso solo dopo il dominio.

Ad esempio , nell'attributo "SRC", invece di usare

"Https://example.com/wp-content/uploads/image.png," puoi usare "/wp-content/uploads/image.png."

Questo link più breve funzionerà ancora bene per le tue immagini.

Uno dei vantaggi dell'utilizzo di un percorso relativo è che le tue immagini continueranno a funzionare anche se si cambia il nome di dominio, a condizione che i file siano ancora ospitati sullo stesso server. Questo approccio fornisce flessibilità e garantisce che le immagini rimangono accessibili tra i cambiamenti del dominio.

Lettura suggerita : come spostare un sito WordPress in un nuovo dominio

Verifica se l'esistenza dell'immagine

A volte, potresti collegarti a un'immagine ospitata su un sito Web diverso. Se quel sito scende o si trasferisce su un server diverso, le immagini non saranno più disponibili.

Inoltre, il collegamento direttamente a un altro sito aumenta l'utilizzo del server sul sito che ospita l'immagine. Se il sito Web host disabilita il hotlinking, la tua immagine non verrà visualizzata.

Impara : cos'è la stabilità dei collegamenti in SEO

Per evitare questi problemi, è meglio 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 il permesso di farlo. Ciò garantisce che le tue immagini siano sempre disponibili e riduce il rischio di collegamenti rotti .

Sebbene non siano comuni, possono verificarsi problemi di trasferimento. A volte, il tuo server diventa sopraffatto e non può caricare tutte le risorse di pagina abbastanza rapidamente prima che le richieste di richiesta scadono. Questo problema è più frequente con server Web più economici .

Prendi in considerazione l'aggiornamento della capacità del server o la migrazione su un host Web più affidabile per risolverlo. Inoltre, abilitare il caricamento pigro per le tue immagini può aiutare. Quando il caricamento pigro è abilitato, il tuo server caricherà le immagini solo quando l'utente scorre verso quella sezione. Ciò riduce il carico del server e accelera il tuo sito Web .

Cause comuni di immagini rotte in WordPress

Diamo un'occhiata ad alcuni dei motivi più comuni per cui gli URL di immagine non riescono a caricare e come puoi risolverli.

URL di immagine errati

Una delle cause più comuni di immagini rotte è URL di immagini errate o obsolete. Questo accade spesso dopo aver migrato il tuo sito o aver cambiato il dominio. Se la struttura URL del tuo sito è cambiata ma i collegamenti dell'immagine non sono stati impostati correttamente, finirai con immagini mancanti.

Problemi di autorizzazioni di file

Se i file di immagine non hanno le autorizzazioni dei file giuste, i browser non saranno in grado di accedervi. Ciò può provocare miniature rotte o immagini di prodotti non caricando. Assicurati che le immagini siano leggibili dal server: di solito, un'autorizzazione di 644 è configurata correttamente per i file di immagini.

Impostazioni multimediali errata

A volte, il problema sta nelle impostazioni dei media in Impostazioni WordPress. Se il percorso della cartella del caricamento è sbagliato o non corrisponde alla struttura del tuo sito, le immagini non appariranno dove dovrebbero.

Problemi con il file .htaccess

Il file .htaccess controlla molti aspetti di come si comporta il tuo sito. Un errore qui, come un reindirizzamento errato figurato o le regole di accesso bloccate, può rompere il caricamento delle immagini. Fai sempre un backup prima di modificare questo file e ricontrollare eventuali modifiche.

Impostazioni CDN non impostate correttamente

Utilizzo di una rete di consegna di contenuti (CDN)? È fantastico per la velocità, ma solo se le impostazioni CDN sono configurate correttamente. Se stanno indicando percorsi vecchi o errati o le versioni memorizzate nella cache sono obsolete, le immagini potrebbero non essere visualizzate.

Leggi : migliori servizi di ottimizzazione della velocità di WordPress

Conclusione

Mantenere il tuo sito Web privo di immagini rotte è importante per mantenere una buona reputazione, coinvolgere gli utenti e aumentare le classifiche dei motori di ricerca. Come spiegato sopra, ci sono vari modi per rilevare e sistemare le immagini rotte in WordPress.

Se preferisci sistemare le immagini rotte in WordPress, inizia scoprendo cosa sta causando il problema. Potrebbe essere un file danneggiato, un percorso di file sbagliato o qualcos'altro. Una volta che conosci la causa, puoi risolverla ripristinando, sostituendo o eliminando l'immagine.

Mantenere il tuo sito Web privo di immagini rotte non solo migliora l'esperienza dell'utente, ma aiuta anche le classifiche dei motori di ricerca. Quindi, non sottovalutare mai la potenza delle immagini sul tuo sito Web e tieni d'occhio il tuo sito Web WordPress per mantenere le prestazioni del sito Web .

FAQ