Tattiche di crescita degli editori per la stagione elettorale | WEBINAR
Tattiche di crescita degli editori per la stagione elettorale | WEBINAR
Attraverso questo modulo imparerai cos'è l'ottimizzazione delle immagini, la sua importanza per la SEO, le migliori pratiche per utilizzarla in modo efficace e gli errori più comuni da evitare quando si ottimizzano le immagini.
Durata del video
19:24
Rispondi al quiz
Fai il quiz del modulo attuale
Materiali
Modelli pronti all'uso
Risorse
Rapporti e risorse
Nessun quiz da mostrare per questo modulo.
L'ottimizzazione delle immagini consiste nell'applicare le migliori pratiche alle immagini utilizzate nella tua pagina, in modo che i tuoi contenuti siano meglio posizionati nelle pagine dei risultati dei motori di ricerca (SERP).
Gli utenti di Internet hanno mostrato una crescente preferenza per i contenuti visivi . Ciò significa che ottimizzare le immagini è importante tanto quanto ottimizzare il testo nei contenuti.
L'ottimizzazione delle immagini viene utilizzata per produrre immagini nel miglior formato, dimensione e risoluzione possibili, al fine di migliorare l'esperienza utente (UX). Affinché Google possa indicizzare correttamente l'immagine e scansionarla, per visualizzarla nelle SERP, l'immagine deve essere ottimizzata in linea con le linee guida di Google e opportunamente identificata con i metadati pertinenti.
In questo modulo approfondiremo gli aspetti salienti dell'ottimizzazione delle immagini.
Anche le immagini sono contenuti. Come il testo, compaiono nei risultati di ricerca e influenzano l'utilità della tua pagina per un lettore. Ecco perché l'ottimizzazione delle immagini è importante per la SEO.
Per la maggior parte delle pagine, le immagini rappresentano oltre il 70% del loro peso , il che significa che l'utilizzo di immagini non ottimizzate può rallentare i tempi di caricamento. Poiché la velocità del sito è un fattore di ranking importante, ciò ha un impatto diretto sulla SEO. Oltre alla velocità del sito, le immagini non ottimizzate possono anche influire sull'esperienza utente causando problemi come modifiche al layout.
Questi fattori incidono sui Core Web Vital (CWV) del tuo sito, che Google utilizza per misurare l'esperienza della pagina.
Per maggiori informazioni sui CWV, consulta la nostra pagina dettagliata sul modulo esperienza qui .
L'ottimizzazione delle immagini implica l'identificazione e l'etichettatura corrette delle immagini utilizzando testo alternativo e dati strutturati, l'aggiunta di immagini alle mappe dei siti e la creazione di nuove mappe dei siti per le immagini . Tutto ciò aiuta i web crawler a identificare ed elaborare rapidamente e correttamente le immagini su una pagina, migliorando così la velocità e l'efficienza della scansione.
Le ricerche su Google stanno diventando sempre più visive , anziché basarsi esclusivamente su parole chiave testuali. Il numero di immagini su Google è aumentato vertiginosamente nell'ultimo decennio, rendendo più importante che mai ottimizzare le proprie immagini.
Già nel 2018, Google ha annunciato il suo impegno a rendere i contenuti visivi più centrali per la ricerca . Di conseguenza, Google ha lanciato diverse nuove funzionalità, come Didascalie, Informazioni rapide e Ricerche correlate, tutte basate in larga misura sulle immagini. Come editore, sfruttare queste funzionalità avrà probabilmente un impatto diretto sulla SEO e sulla visibilità dei contenuti.
Ecco cosa succede quando cerchiamo la Coppa del Mondo FIFA in Qatar.
Ora sulla destra è presente un pannello laterale dedicato che mostra le immagini, posizionato subito sopra la voce di Wikipedia relativa al termine di ricerca.
Cliccando sulla scheda Immagini non si aumenta solo il numero di opzioni di immagini esplorabili, ma, come possiamo vedere nel riquadro verde sottostante, viene ora offerta una serie di termini suggeriti che consentono di filtrare le immagini in base al nome.
Scorrendo ulteriormente verso il basso (come mostrato nell'immagine sottostante) vengono visualizzati altri suggerimenti per ricerche correlate che possono aiutare a restringere i risultati o ad ampliare la query.
Un altro modo per gli editori di migliorare la scoperta dei contenuti è quello di posizionare le immagini dei propri contenuti tra le prime posizioni.
Google ha anche sviluppato e aggiornato Google Lens , la sua tecnologia di riconoscimento delle immagini basata sull'intelligenza artificiale che si trova nella barra di ricerca dell'app Google per iOS e Android.
— per renderlo ancora più potente.
Con Google Lens, gli utenti possono cercare maggiori informazioni sulle immagini cliccando su un'immagine o caricando un'immagine salvata sul proprio telefono, quindi chiedendo a Google di trovare le corrispondenze.
Una potente funzionalità di Google Lens è la ricerca multipla, che consente agli utenti di aggiungere descrizioni di testo alle ricerche di immagini per semplificare la ricerca di informazioni visive.
Google sta anche lavorando per rendere la ricerca multipla più locale, il che significa che gli utenti possono puntare la fotocamera su qualcosa, caricarla su Google Lens, digitare alcune domande e Google mostrerà i risultati migliori in base alla loro posizione attuale.
Nonostante la sua ovvia importanza, gli editori tendono spesso ad avere difficoltà con l'ottimizzazione delle immagini a causa di alcune problematiche comunemente osservate.
Quando si tratta di ottimizzare i contenuti per il testo, gli editori spesso sanno quali parametri monitorare e ottimizzare: parole chiave, pilastri e cluster di contenuti, intestazioni e titoli, ecc.
Tuttavia, quando si tratta di ottimizzazione delle immagini, gli editori potrebbero non sapere quali parametri monitorare e migliorare. Tra i parametri più comuni rientrano la dimensione dell'immagine, il tipo di immagine e la velocità di caricamento, solo per citarne alcuni.
Ottimizzare regolarmente le immagini per i numerosi articoli che si creano può rivelarsi un compito noioso. Sebbene esistano metodi per ottimizzare le immagini in blocco, come l'utilizzo di plugin e di una CDN, è altrettanto importante mantenere la qualità delle immagini. È un equilibrio che è fondamentale raggiungere attraverso test rigorosi.
Ora che abbiamo capito cos'è l'ottimizzazione delle immagini e perché è importante per la SEO, possiamo iniziare a vedere come affrontare il processo di ottimizzazione.
PNG e JPEG sono i due formati di immagine più diffusi e universalmente supportati . Sapere quale dei due utilizzare in ogni situazione è importante.
Mentre PNG è adatto per screenshot, grafica e immagini contenenti testo, JPEG è più adatto per le fotografie. PNG utilizza una compressione lossless che aiuta a mantenere la qualità dell'immagine, mentre JPEG riduce la qualità dell'immagine ogni volta che viene salvata nel formato.
Il formato SVG (Scalable Vector Format) è ideale per loghi e forme geometriche semplici con bassa complessità dell'immagine.
Formati più recenti come WebP e AVIF stanno rapidamente guadagnando popolarità come alternative ai formati sopra menzionati. Sebbene entrambi i formati offrano una risoluzione di qualità superiore e la possibilità di supportare l'animazione, WebP in particolare è supportato da tutti i moderni browser web e mobile.
Nel complesso, tuttavia, PNG e JPEG/JPG rimangono di gran lunga i formati di immagine più diffusi , utilizzati rispettivamente dall'81,3% e dal 76,6% di tutti i siti web, seguiti a ruota da SVG, a novembre 2022.
La dimensione complessiva delle immagini sulla tua pagina ha un impatto diretto sulla velocità di caricamento. Tuttavia, la compressione non dovrebbe comportare una qualità dell'immagine scadente.
Trovare il giusto equilibrio tra qualità e dimensioni è essenziale, ma può rivelarsi complicato se si procede per tentativi. Tuttavia, è proprio qui che gli strumenti online possono davvero dare il meglio di sé. Strumenti come Imagemin possono essere utilizzati per comprimere immagini in vari formati, sia con perdita di dati che senza perdita di dati.
Anche l'utilizzo del formato corretto può aiutarti a trovare il giusto equilibrio. Ad esempio, potresti valutare l'utilizzo di WebP. WebP è un'alternativa migliore al JPEG in quanto può ridurre le dimensioni dell'immagine del 30% senza comprometterne la qualità e la risoluzione.
Se WordPress è il tuo CMS preferito, puoi utilizzare un plug-in come Smush , Optimus o Imsanity per ottimizzare le tue immagini. Questi plugin ti aiutano a comprimere, ridimensionare, caricare le immagini in modalità lazy load e altro ancora. Puoi anche provare a sostituire le immagini animate come le GIF (che possono essere di grandi dimensioni) con CSS. Animazioni ed effetti CSS possono aiutarti a creare immagini complesse che mantengono l'integrità della risoluzione e la qualità anche con zoom elevati.
Un nome per un'immagine aiuta Google a comprenderne il contesto ai fini del posizionamento nella SERP. Per le pubblicazioni più grandi, potrebbe non essere sempre possibile assegnare un nome preciso a tutte le immagini presenti sul sito. In questo caso, è possibile creare una mappa del sito per le immagini che aiuti Google a individuare l'immagine, comprenderne lo scopo e indicizzarla.
Oltre ai nomi dei file contestuali, consigliamo anche di aggiungere un titolo e una didascalia per l'immagine. Sebbene questi attributi siano facoltativi, completano il contenuto offrendo al motore di ricerca una comprensione più olistica dell'argomento e del tema, aiutandolo così a indicizzare meglio l'immagine .
Come fare questo
I nomi delle immagini devono essere aggiunti al codice sorgente della pagina. Questo si può fare manualmente o tramite un plug-in CMS, utilizzando l'attributo img src.
Se la tua immagine contiene un pallone da calcio, il codice per la sorgente dell'immagine dovrebbe essere simile a questo<img src=”football.jpg”/> , che aiuta Google a capire cosa contiene l'immagine. D'altra parte, un codice simile a questo<img src=”IMG11082022.jpg”/> è vago e non offre alcun contesto.
Quando gli utenti non riescono a vedere le tue immagini (un problema per chi ha problemi di vista o quando la scarsa larghezza di banda rende difficile la visualizzazione delle immagini), gli attributi Alt Text aiutano a descrivere l'immagine. Questo aiuta anche i motori di ricerca a scansionare e indicizzare le tue immagini più facilmente.
Come fare questo
Continuando con l'esempio del punto precedente, il codice per il testo alternativo dovrebbe apparire kike quindi<img src=”football.jpg” alt=""mondo" cup official football on the ground”/> .
Se sei uno sviluppatore esperto, puoi aggiungere manualmente il testo alternativo nel codice della tua pagina. Se usi WordPress, puoi seguire questi passaggi:
Aggiungendo dati strutturati alle tue immagini, puoi fornire a Google le informazioni necessarie per elencarle come risultati avanzati e snippet. Questo fornisce agli utenti maggiori informazioni, aiutandoli a scegliere quale link cliccare, generando così più traffico verso la tua pagina.
Attualmente, Google supporta i dati strutturati per le immagini in tutti di prodotti , video e ricette .
Come fare questo
Google consiglia di utilizzare JSON-LD per creare script di dati strutturati per i tuoi contenuti e le tue immagini.
I dati strutturati possono essere facilmente aggiunti utilizzando uno dei numerosi plug-in gratuiti o premium come Schema Pro , Schema.press , ecc. Sia che si aggiungano i dati della struttura dell'immagine manualmente o tramite un plug-in, i passaggi comporteranno l'aggiunta di valori per tutte le proprietà dell'immagine e i tipi di dati , la convalida del codice utilizzando il test Rich Results e la sua successiva implementazione inviando la mappa del sito dell'immagine a Google affinché possa scansionare e indicizzare le immagini.
Per saperne di più sui dati strutturati e su come utilizzarli, consulta il nostro modulo sullo schema .
Per informazioni su come creare e inviare mappe dei siti, consulta il nostro modulo dettagliato sulle mappe dei siti di Google News.
L'esperienza di pagina è un criterio importante che Google utilizza per classificare le pagine. Uno degli elementi che influenza l'esperienza di pagina è la velocità di caricamento.
Ecco come puoi ottimizzare le immagini per migliorare la velocità di caricamento della pagina:
In questo modo, solo le risorse critiche vengono caricate all'inizio, mentre le altre risorse a bassa priorità vengono caricate in base alle necessità. I vantaggi del lazy loading includono la riduzione del traffico di rete e dei relativi problemi di larghezza di banda e costi di utilizzo dei dati, una migliore leggibilità delle pagine lunghe, un caricamento ridotto di immagini in linea che non aggiungono valore al contenuto, ecc.
Crea immagini responsive
Gli utenti visualizzano le immagini su diversi dispositivi. L'implementazione dell'attributo srcset per dispositivi diversi consente di visualizzare l'immagine in modo leggibile su schermi di diverse dimensioni. Ecco un esempio del codice img scrset:
Abbiamo trattato gli aspetti essenziali dell'ottimizzazione delle immagini. Tuttavia, i punti elencati di seguito sono molto utili anche per ottimizzare le immagini per la SEO.
Tutte le immagini del mondo non possono compensare contenuti di bassa qualità. L'attenzione principale dovrebbe essere rivolta al contenuto, mirato a soddisfare le esigenze degli utenti. Le immagini dovrebbero essere un'estensione organica del contenuto e fungere da supporto al processo narrativo complessivo. Riempire la pagina di immagini irrilevanti o non correlate non migliorerà il posizionamento.
Al contrario, Google è contrario a tali pratiche e raccomanda di utilizzare il più possibile contenuti originali. Contenuti di alta qualità sono la garanzia più sicura per un buon posizionamento della tua pagina nella Ricerca Google, comprese le immagini che utilizzi.
Il contenuto attorno all'immagine fornisce informazioni essenziali agli utenti e al motore di ricerca in merito alla pertinenza dell'immagine. Google consiglia di posizionare l'immagine più importante nella parte superiore della pagina.
Sebbene sia oggetto di dibattito se le immagini posizionate più in basso nella pagina siano più in alto rispetto a quelle posizionate più in basso, è meglio seguire le linee guida di Google sull'argomento.
È improbabile che tutti i tuoi sforzi per ottimizzare le immagini producano risultati se le tue immagini non sono accessibili a Googlebot a causa delle impostazioni robots.txt o no-index.
Questi indicano a Google di non indicizzare o scansionare i tuoi contenuti, il che a sua volta significa che non appariranno nei risultati di ricerca. Puoi utilizzare la funzione "Ispeziona URL" su GSC per verificare l'accessibilità di contenuti e immagini.
Inoltre, ti consigliamo di verificare se un filtro SafeSearch si applica in qualche modo ai tuoi contenuti. SafeSearch è un'impostazione utente fornita da Google che consente o blocca le immagini con contenuti espliciti e richiede ai siti di etichettare i contenuti in modo appropriato .
I test non sono importanti solo per la visibilità, ma anche per testare come appariranno effettivamente le immagini sui vari dispositivi, prima di pubblicarle sulla pagina. Google offre anche contenuti visivi immersivi con storie come parte del suo formato Web Stories . Sebbene questo sia specificamente progettato per offrire contenuti visivi ottimizzati per i dispositivi mobili, le immagini e il testo vengono visualizzati anche in Google Immagini e Discover. Puoi utilizzare la funzionalità "Anteprima per sviluppatori" per testare i tuoi contenuti e ottenere una narrazione più avvincente.
Immagini libere da copyright sono disponibili da diverse fonti, come Pixabay, Unsplash e Pexels, per citarne alcune. Sebbene possano essere utilizzate gratuitamente, ricorda che la stessa immagine potrebbe essere stata utilizzata da diversi altri creatori di contenuti.
Secondo John Mueller di Google, questo può rendere più difficile il posizionamento dell'immagine nella ricerca immagini di Google. Per quanto possibile, cercate di utilizzare immagini originali.
Oltre a seguire le linee guida precedenti, è importante anche evitare questi errori comuni per ottimizzare al meglio le immagini.
Come accennato in precedenza, l'utilizzo di un testo alternativo descrittivo rende le immagini più accessibili agli utenti. Google prenderà nota degli attributi del testo alternativo e tenderà a posizionarli più in alto.
Tuttavia, è facile cadere nella tentazione di riempire di parole chiave l'area di ricerca con l'obiettivo di ottenere un posizionamento elevato nelle SERP. Questo è noto come keyword stuffing e può essere dannoso per i tuoi sforzi. Non solo può portare a una scarsa esperienza utente, ma Google potrebbe anche considerare la tua pagina come spam .
Ecco alcuni esempi di errori da evitare e di come utilizzare correttamente il testo alternativo.
Verdetto: Pessimo, poiché manca l'attributo alt text
Verdetto: Pessimo, a causa dell'inserimento di parole chiave.
Verdetto: Buono, ma dovrebbe essere più descrittivo.
Verdetto: Ideale
Sebbene Google disponga di una tecnologia di riconoscimento ottico dei caratteri (OCR) integrata per leggere il testo impresso sulle immagini, potrebbe non essere sempre accurata al 100%. Inoltre, sia gli utenti che i motori di ricerca potrebbero non essere in grado di decifrare il testo incorporato nell'immagine.
Se si hanno informazioni importanti da comunicare è meglio usare il testo anziché un'immagine.
Probabilmente non sarà possibile utilizzare immagini originali ogni volta. In questi casi, potresti essere tentato di utilizzare la ricerca Google per trovare nuove immagini. Tuttavia, alcune di queste immagini potrebbero essere protette da copyright, il che ne limita l'utilizzo. Ciò significa che devi verificare i termini di riutilizzabilità dell'immagine prima di utilizzarla sulla tua pagina.
Google Immagini offre un filtro chiamato "Diritti di utilizzo" per cercare immagini che presentano informazioni di licenza associate dal sito host o dal fornitore dell'immagine. Questa funzione è disponibile nella sezione "Strumenti" sotto la casella di ricerca.
Dopo aver selezionato l'immagine, puoi controllare i dettagli della licenza per comprendere le implicazioni, i costi (se presenti) e i requisiti dell'utilizzo dell'immagine.
Come puoi vedere nello screenshot qui sopra, sotto "Diritti d'uso" sono evidenti le opzioni di licenza Creative Commons e Commerciale o altro.
In genere, le immagini con licenza Creative Commons sono gratuite, ma potrebbero richiedere la citazione della fonte e la citazione della paternità. Le immagini con licenza commerciale di solito prevedono un costo di utilizzo. Google consiglia di consultare i dettagli della licenza prima di utilizzare qualsiasi immagine sulla propria pagina.
L' impostazione max-image-preview consente di impostare la dimensione massima dell'anteprima dell'immagine quando appare nelle SERP. Se non si specifica alcun valore per questa impostazione, Google visualizzerà l'immagine nella sua dimensione predefinita.
Sebbene questo valga per tutte le piattaforme Google, come immagini, ricerca e Discover, è più pertinente quando si utilizza Discover, dove i formati più grandi offrono un'esperienza utente più ricca.
È stato dimostrato che l'utilizzo dell'attributo "Max Image Preview" migliora il CTR e il traffico per diversi editori. L'utilizzo di questo attributo consente a Google di visualizzare immagini di grandi dimensioni nell'anteprima così come sono, senza doverle comprimere o modificarne le impostazioni. Avere immagini di grandi dimensioni e di alta qualità nell'anteprima stessa ha maggiori probabilità di catturare l'interesse degli utenti.
Le reti per la distribuzione di contenuti (CDN) sono piattaforme di hosting esternalizzate che fungono da repository per immagini e altri file multimediali. Grazie alla loro infrastruttura avanzata, focalizzata sui problemi di latenza e larghezza di banda, possono offrire velocità di caricamento delle pagine più elevate rispetto al materiale ospitato internamente. Tuttavia, i vantaggi delle CDN devono essere valutati in base alle specifiche esigenze.
Sebbene una CDN possa aiutare a risolvere alcuni problemi tecnici, potrebbe danneggiare il tuo profilo di backlink. I backlink sono uno dei fattori SEO più importanti e sono preziosi per la visibilità del tuo sito nei risultati di ricerca. Puoi approfondire il valore dei backlink nel nostro modulo sull'argomento.
Quando ospiti un'immagine su un CDN anziché sul tuo sito, tutti i backlink ad essa indirizzeranno l'utente al percorso dell'immagine sul CDN, riducendo così le visite dirette al tuo sito che un backlink efficace avrebbe fornito.
Un pacchetto di immagini è un collage di immagini provenienti da diversi siti web che possono apparire nelle SERP di Google. Hanno un aspetto simile a questo.
Tuttavia, cliccando su una qualsiasi delle miniature, non si viene reindirizzati automaticamente al sito di origine. Viene invece mostrata una finestra di Google Immagini con una versione espansa dell'immagine, come mostrato di seguito.
Solo cliccando nuovamente sull'immagine, come mostrato nel riquadro destro dello screenshot qui sopra, si esce da Google e si arriva alla pagina di origine. In altre parole, Google Immagini funge da intermediario prima che l'azione di routing venga completata.
Se la tua immagine fa parte di un pacchetto di immagini, Google Search Console (GSC) registrerà un'impressione per quell'immagine ogni volta che il pacchetto viene caricato in una SERP. Questo grazie all'attributo title del tag immagine che contiene il tuo URL.
Tuttavia, anche se registri un numero elevato di impressioni, è probabile che il numero effettivo di clic sul tuo sito sia molto più basso, poiché i pacchetti di immagini contengono link di perfezionamento delle query che generano un nuovo risultato di ricerca di Google Immagini anziché indirizzare gli utenti fuori dalla piattaforma.
A causa del modo in cui funzionano i link di perfezionamento delle query e del modo in cui GSC conta le impressioni e i clic, i pacchetti di immagini possono alterare notevolmente il tasso di clic (CTR) per le immagini.
Passiamo ora allo studio di caso di un sito web per analizzare come sono state implementate le linee guida menzionate in questo modulo per ottimizzare le immagini.
Kirbie Cravings è un blog di cucina con sede a San Diego che ha pubblicato centinaia di ricette sul suo sito. Ogni ricetta è accompagnata da immagini vivide e di alta qualità.
Quando clicchiamo con il tasto destro del mouse sulla pagina e visualizziamo il suo codice sorgente, vediamo l'attributo max-image-preview:large nella<head> elemento proprio all'inizio del codice sorgente.
Di conseguenza, le immagini di alta qualità dell'editore vengono visualizzate nelle anteprime sulle piattaforme Google.
Allo stesso tempo, nonostante le grandi dimensioni, queste immagini non rallentano il tempo di caricamento della pagina.
Facciamo clic con il pulsante destro del mouse sull'immagine e selezioniamo "Ispeziona". Si apre un pannello sul lato destro della pagina in cui possiamo ispezionare le proprietà dell'elemento selezionato. Per l'immagine sopra, vediamo quanto segue:
Qui notiamo due cose interessanti:
Come abbiamo già detto in precedenza, le immagini contribuiscono in gran parte al peso di una pagina, quindi è essenziale che siano leggere per velocizzare il caricamento della pagina.
Abbiamo anche discusso l'importanza di utilizzare il formato file corretto. Consigliamo .jpg/.jpeg per le fotografie, mentre .png dovrebbe essere utilizzato per la grafica e le immagini digitali. Di seguito possiamo vedere che Kirbie Cravings utilizza .png ovunque vengano utilizzate immagini digitali come loghi e icone.
Successivamente, all'interno dello stesso pannello di ispezione, quando clicchiamo su "Proprietà", possiamo vedere che la pagina ha utilizzato il caricamento differito, nonostante il peso relativamente leggero delle immagini.
Questa pagina ha ottimizzato meticolosamente le sue immagini:
Man mano che si evolve per soddisfare al meglio le esigenze dei suoi utenti, Google è tenuto ad aggiungere/aggiornare funzionalità e politiche riguardanti l'ottimizzazione delle immagini e il suo impatto sui risultati di ricerca.
Tenendo a mente le migliori pratiche attuali in materia di immagini per il tuo sito web, sarai in una posizione migliore per offrire la migliore UX, ottenere un posizionamento più alto nelle SERP e, infine, generare traffico verso di te.
Attivo ora
Vedi altro
