Tattiche di crescita degli editori per la stagione elettorale | SEMINARIO WEB
Tattiche di crescita degli editori per la stagione elettorale | SEMINARIO WEB
Attraverso questo modulo imparerai cos'è l'ottimizzazione delle immagini, la sua importanza per la SEO, le migliori pratiche per utilizzarla in modo efficace e le insidie comuni da evitare durante l'ottimizzazione delle immagini.
Durata del video
19:24
Rispondi al quiz
Prendi il quiz del modulo corrente
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 che utilizzi sulla tua pagina in modo che i tuoi contenuti si posizionino meglio nelle pagine dei risultati dei motori di ricerca (SERP).
Gli utenti di Internet hanno mostrato una maggiore preferenza per maggiori contenuti visivi . Ciò significa che l’ottimizzazione delle immagini è importante quanto l’ottimizzazione del testo nei tuoi contenuti.
L'ottimizzazione delle immagini viene utilizzata per produrre immagini nel miglior formato, dimensione e risoluzione possibili per migliorare l'esperienza dell'utente (UX). Affinché Google possa indicizzare correttamente l'immagine e scansionarla, per visualizzarla nelle SERP, l'immagine dovrebbe essere ottimizzata in linea con le linee guida di Google , e opportunamente identificata con i relativi metadati.
In questo modulo approfondiremo gli aspetti salienti dell'ottimizzazione delle immagini.
Anche le immagini sono contenuti. Come per il testo, vengono visualizzati 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 importante fattore di ranking, ciò ha un impatto diretto sulla SEO. Oltre alla velocità del sito, le immagini non ottimizzate possono anche influire sull'esperienza dell'utente causando problemi come cambiamenti di layout.
Questi fattori influiscono sui Core Web Vital (CWV) del tuo sito che Google utilizza per misurare l'esperienza sulla pagina.
Per ulteriori informazioni sui CWV, consulta la nostra pagina dettagliata del modulo di esperienza qui .
L'ottimizzazione dell'immagine comporta l'identificazione corretta delle immagini e l'etichettatura delle immagini utilizzando i dati alt e i dati strutturati, l'aggiunta di immagini a sitemap e la creazione di nuove sitemap per le immagini . Tutti questi aiutano i crawler Web a identificare ed elaborare rapidamente le immagini su una pagina, migliorando così la velocità e l'efficienza di scansione.
Le ricerche di Google stanno diventando più visive , piuttosto che basarsi esclusivamente sulle sole parole chiave basate sul testo. Il numero di immagini su Google è salito nell'ultimo decennio, rendendo più importante che mai ottimizzare la tua immagine.
Già nel 2018, Google ha annunciato il suo impegno nel rendere i contenuti visivi più centrali per la ricerca . Di conseguenza, Google ha lanciato diverse nuove funzionalità - come didascalie, fatti rapidi e ricerche correlate - che si basano fortemente sulle immagini. Come editore, attingere a queste funzionalità probabilmente avrà un impatto diretto sulla tua SEO e la scoperta dei contenuti.
Dai un'occhiata a cosa succede quando cerchiamo la Coppa del Mondo FIFA in Qatar.
C'è ora un pannello laterale dedicato a destra che mostra le immagini, che presenta proprio sopra la voce di Wikipedia per il termine di ricerca.
Fare clic sulla scheda Immagini non si espande solo il numero di opzioni di immagine sfogliabili, ma come possiamo vedere nella casella verde sotto di essa offre ora una giostra di termini suggeriti che ti consentono di filtrare le immagini per nome.
Lo scorrimento più in basso (come mostrato nell'immagine seguente) rivela più raccomandazioni per le ricerche correlate che possono aiutare a restringere i risultati o ad espandere la query.
Avere immagini dal tuo rango di contenuti nelle migliori immagini è un altro modo per gli editori di migliorare la scoperta dei contenuti.
Google ha anche sviluppato e aggiornato Google Lens , la sua tecnologia di riconoscimento delle immagini abilitate all'IA 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 ulteriori informazioni sulle immagini facendo clic su un'immagine di qualcosa o caricando un'immagine memorizzata sul proprio telefono, quindi chiedendo a Google di presentare corrispondenze.
Una potente funzionalità di Google Lens è Multisearch, 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 MultiSearch più locale, il che significa che gli utenti possono indicare le loro telecamere in qualcosa, caricarle su Google Lens, digitare alcune domande e Google mostrerà i migliori risultati vicini alla loro posizione attuale.
Nonostante il suo evidente significato, gli editori spesso tendono a lottare con l'ottimizzazione delle immagini a causa di alcune sfide comunemente osservate.
Quando si tratta di ottimizzare i contenuti per il testo, gli editori spesso sanno quali parametri monitorare e ottimizzare: parole chiave, pilastri di contenuto e cluster, intestazioni e titoli, ecc.
Tuttavia, quando si tratta di ottimizzazione delle immagini, gli editori potrebbero non essere consapevoli di quali metriche monitorare e migliorare. Le metriche comuni includono dimensioni dell'immagine, tipo di immagine e velocità di caricamento, per nominare pochi.
Con le immagini regolarmente ottimali per i molti articoli che crei, farlo può rendere questo un compito noioso. Mentre esistono modi per ottimizzare le immagini, come l'uso di plugin e l'utilizzo di un CDN, è anche importante mantenere la qualità dell'immagine. È un equilibrio importante da raggiungere attraverso test rigorosi.
Ora che capiamo cos'è l'ottimizzazione dell'immagine e perché è importante per la SEO, possiamo iniziare a guardare come procedere al processo di ottimizzazione.
PNG e JPEG sono i due formati di immagini più popolari e universalmente supportati . Sapere quale dei due usare in quale situazione è importante.
Mentre PNG funziona bene per screenshot, grafica e immagini con testo in essi, JPEG è utile per le fotografie. PNG utilizza una compressione senza perdita che aiuta a trattenere la qualità dell'immagine, mentre JPEG riduce la qualità dell'immagine ogni volta che viene salvata nel formato.
SVG (formato vettoriale scalabile) è ideale per loghi e semplici forme geometriche con bassa complessità dell'immagine.
Formati più recenti come WebP e Avif stanno rapidamente guadagnando popolarità come alternative ai formati di cui sopra. Mentre entrambi i formati offrono una risoluzione di qualità più elevata insieme alla capacità di supportare l'animazione, WebP in particolare è supportato in tutti i browser Web e mobili moderni.
Nel complesso, tuttavia, PNG e JPEG/JPG rimangono di gran lunga i formati di immagine più popolari utilizzati rispettivamente dall'81,3% e dal 76,6% di tutti i siti Web, con SVG che segue da vicino, a partire dal novembre 2022.
La dimensione collettiva delle immagini sulla tua pagina ha un impatto diretto sulla sua 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ò essere ingombrante se si tenta di farlo attraverso prove ed errori. Tuttavia, è qui che gli strumenti online possono davvero brillare. Strumenti come Imagemin possono essere utilizzati per comprimere le immagini in vari formati sia in scenari di perdita che senza perdita.
L'uso del formato giusto può aiutarti anche a trovare l'equilibrio appropriato. Ad esempio, prendi in considerazione l'utilizzo di WebP. WebP è un'alternativa migliore a JPEG in quanto può fornire una dimensione dell'immagine inferiore del 30% senza influire sulla sua qualità e risoluzione.
Se WordPress è il tuo CMS preferito, puoi usare un plug-in come Sush , Optimus o Imsanity per ottimizzare le tue immagini. Questi ti aiutano a comprimere, ridimensionare, immagini di carichi pigri e altro ancora. Puoi anche cercare di sostituire immagini animate come GIF (che possono essere di dimensioni grandi) con CSS. L'animazione e gli effetti CSS possono aiutarti a creare immagini complesse che mantengano l'integrità e la qualità della risoluzione anche attraverso l'alto zoom.
Un nome di immagine aiuta Google a comprendere il contesto dell'immagine quando si tratta di classificarlo nella SERP. Per pubblicazioni più grandi, potrebbe non essere sempre fattibile nominare attentamente tutte le immagini sul sito. In questo scenario, è possibile creare una sitemap di immagini che può aiutare Google a individuare l'immagine, comprendere il suo scopo e indicizzarla.
Oltre ai nomi dei file contestuali, ti consigliamo anche di aggiungere un titolo e una didascalia per l'immagine. Sebbene questi siano attributi opzionali, completano i tuoi contenuti dando al motore di ricerca una comprensione più olistica del tuo argomento e del tuo tema, aiutando così a indicizzare meglio l'immagine .
Come farlo
I nomi delle immagini devono essere aggiunti nel codice sorgente della tua pagina. Questo viene fatto usando l'attributo IMG SRC manualmente o un plug-in CMS.
Se la tua immagine contiene un calcio, il codice per la fonte dell'immagine dovrebbe assomigliare a questo<img src=”football.jpg”/> , che aiuta Google a capire cosa contiene l'immagine. D'altra parte, il codice che assomiglia a questo<img src=”IMG11082022.jpg”/> è vago e non offre alcun contesto.
Quando le persone non riescono a vedere le tue immagini - un problema per le persone con un deterioramento visivo o quando una bassa larghezza di banda rende difficile il rendering delle immagini - gli attributi di testo ALT aiutano a descrivere l'immagine per loro. Questo aiuta anche i motori di ricerca a strisciare e indicizzare le tue immagini più facilmente.
Come farlo
Continuando con l'esempio dal punto sopra, il codice per il testo alt dovrebbe apparire kike così<img src=”football.jpg” alt=""mondo" cup official football on the ground”/> .
Se sei uno sviluppatore esperto, puoi aggiungere manualmente il testo ALT 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 elencarli come risultati ricchi e frammenti. Ciò fornisce agli utenti maggiori informazioni che li aiutano a scegliere quale collegamento clicca, guidando così più traffico verso la tua pagina.
Al momento, Google supporta i dati strutturati per immagini su prodotti , video e di ricette .
Come farlo
Google consiglia di utilizzare JSON-LD per la creazione di script di dati strutturati per contenuti e 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 delle immagini manualmente o tramite un plug-in, i passaggi implicano i valori per tutte le proprietà di immagine pertinenti e i tipi di dati , convalidando il codice utilizzando il test dei risultati ricchi e quindi implementandoli inviando l'immagine sitemap per essere in grado di essere in grado di strisciare e indicizzare le immagini.
Per capire di più sui dati strutturati e su come usarli, consultare il nostro modulo sullo schema .
Per imparare a creare e inviare sitemap, consultare il nostro modulo dettagliato su Google News Sitemaps.
L'esperienza di pagina è un criterio importante utilizzato da Google durante le pagine di classificazione. Uno degli elementi che compongono l'esperienza di pagina è il caricamento della velocità.
Ecco come puoi ottimizzare le immagini per migliorare la velocità di caricamento della pagina:
In esso, all'inizio vengono caricate solo le risorse critiche, mentre altre risorse a bassa priorità vengono caricate su base necessaria. I vantaggi del caricamento pigro includono il traffico di rete ridotto e i problemi di larghezza di banda associati e i costi di utilizzo dei dati, una migliore leggibilità di pagine lunghe, un carico ridotto di immagini in linea che non aggiungono valore al contenuto, ecc.
Crea immagini reattive
Gli utenti visualizzano le immagini su una varietà di dispositivi. L'implementazione dell'attributo SRCSET per diversi dispositivi consente all'immagine di apparire leggibilmente attraverso diverse dimensioni dello schermo. Ecco un esempio del codice SCRIET IMG:
Abbiamo coperto gli elementi essenziali dell'ottimizzazione delle immagini. Tuttavia, i punti elencati di seguito fanno anche molto per aiutare a ottimizzare le immagini per SEO.
Tutte le immagini del mondo non possono compensare contenuti di bassa qualità. L'obiettivo principale dovrebbe essere il contenuto volto a soddisfare le esigenze degli utenti. Le immagini dovrebbero essere un'estensione organica di esso ed essere utilizzate come aiuto nel processo di narrazione generale. Il pettinatura della tua pagina con immagini irrilevanti o non correlate non aumenterà la tua classifica.
Al contrario, Google è contro tali pratiche e consiglia il più possibile utilizzare i contenuti originali. Il contenuto di alta qualità è il più sicuro assicurando che la tua pagina sia positiva nella ricerca di Google, comprese le immagini che usi.
Il contenuto attorno all'immagine fornisce informazioni vitali agli utenti e al motore di ricerca in merito alla pertinenza dell'immagine. Google consiglia di posizionare l'immagine più importante vicino alla parte superiore della tua pagina.
Mentre si tratta di un dibattito se le immagini sono più in basso nel rango di pagina e quelle verso l'alto, è meglio seguire le linee guida di Google sull'argomento.
È improbabile che tutti i tuoi sforzi per l'ottimizzazione dell'immagine producano risultati se le immagini non sono accessibili a GoogleBot a seguito di robot.txt o impostazioni non indici.
Questi dicono a Google di non indicizzare o strisciare i tuoi contenuti, il che a sua volta significa che non apparirà sui risultati della ricerca. È possibile utilizzare la funzione "Ispeziona URL" su GSC per testare l'accessibilità di contenuti e immagini.
Inoltre, ti consigliamo anche di verificare se un filtro SafeSearch si applica al tuo contenuto in alcun modo. SafeSearch è un'impostazione utente fornita da Google che consente o blocca le immagini con contenuti espliciti e richiede ai siti di etichettare il contenuto in modo appropriato .
Non solo i test sono importanti per la scoperta, ma è anche prezioso testare come le tue immagini appariranno effettivamente su tutti i dispositivi, prima di andare in diretta su pagina. Google offre anche contenuti visivi coinvolgenti con storie come parte del suo formato di web storie . Sebbene ciò sia specificamente progettato per portare contenuti visivi a misura di cellulare, le immagini e il testo appaiono anche in Google Images and Discover. È possibile utilizzare la funzione "Anteprima degli sviluppatori" per testare i contenuti per una narrazione più avvincente.
Le immagini gratuite sul copyright sono disponibili da una serie di fonti come Pixabay, Unsplash e Pexels per citarne alcuni. Sebbene questi possano essere gratuiti, ricorda che la stessa immagine potrebbe essere stata utilizzata da molti altri creatori di contenuti.
Secondo John Mueller di Google, questo può rendere più difficile il posizionamento dell'immagine sulla ricerca di immagini di Google. Per quanto possibile, prova a utilizzare le immagini originali.
Oltre a seguire le linee guida precedenti, è anche importante evitare queste insidie comuni per ottimizzare meglio le tue immagini.
Come accennato in precedenza, l'utilizzo di un testo ALT descrittivo rende le tue immagini più accessibili agli utenti. Google prenderà la conoscenza dei tuoi attributi di testo Alt e tende a classificarli più in alto.
Tuttavia, è facile essere tentati di imballare parole chiave con l'obiettivo di classificarsi in alto nelle SERP. Questo è noto come ripieno di parole chiave e può essere dannoso per i tuoi sforzi. Non solo può portare a una scarsa esperienza dell'utente, ma Google potrebbe anche ritenere il tuo spam di pagina .
Ecco alcuni esempi di errori da evitare e il testo Alt fatto bene.
Verdetto: Bad, dal momento che manca l'attributo di testo alt
Verdetto: cattivo, a causa del ripieno di parole chiave.
Verdetto: Bene, ma dovrebbe essere più descrittivo.
Verdetto: ideale
Mentre Google ha la tecnologia di riconoscimento dei caratteri ottici (OCR) integrato per leggere il testo impresso sulle immagini, potrebbe non essere accurato al 100% ogni volta. Inoltre, sia gli utenti che i motori di ricerca potrebbero non essere in grado di decifrare il testo incorporato nell'immagine.
Se hai informazioni importanti da trasmettere, è meglio usare il testo anziché un'immagine.
Probabilmente non sarà possibile utilizzare le immagini originali ogni volta. In tali casi, potresti essere tentato di utilizzare Google Search per trovare nuove immagini. Tuttavia, alcune di queste immagini possono essere protette da copyright, limitando il loro uso. Ciò significa che devi controllare i termini di riusabilità dell'immagine prima di usarla sulla tua pagina.
Google Images offre un filtro noto come "diritti di utilizzo" per cercare immagini fornite con le informazioni sulla licenza contrassegnate dal sito host o dal provider di immagini. Questa funzione è disponibile nella sezione "Strumenti" nella casella di ricerca.
Dopo aver selezionato l'immagine, è possibile verificare i dettagli della licenza per comprendere le implicazioni, i costi (se presenti) e i requisiti dell'utilizzo dell'immagine.
Come puoi vedere nello screenshot sopra, sotto i "diritti di utilizzo" le opzioni di licenza di Comuni creativi e commerciali o altro sono evidenti.
Generalmente, le immagini con una licenza Creative Commons sono gratuite, ma possono richiedere che il credito venga fornito e la fonte dichiarata. Le immagini con una licenza commerciale di solito presentano un costo di utilizzo. Google consiglia di rivedere i dettagli della licenza prima di utilizzare qualsiasi immagine nella tua pagina.
L' impostazione massima-immagine preview consente di impostare la dimensione massima per l'anteprima dell'immagine quando viene visualizzata su SERP. Se non c'è valore per questa impostazione, Google visualizzerà l'immagine nella dimensione predefinita.
Mentre questo vale per tutte le superfici di Google come immagini, ricerca e scopri, è più pertinente quando si usa scopri dove i formati più grandi creano una UX più ricca.
L'uso dell'attributo di anteprima di immagine MAX è stato documentato per migliorare il CTR e il traffico per diversi editori. L'uso di questo attributo consente a Google di visualizzare immagini di grandi dimensioni nell'anteprima così come sono, senza provare a comprimerle o modificare le loro impostazioni. Avere immagini grandi e di alta qualità nell'anteprima stessa è più probabile che catturi l'interesse dei ricercatori.
Content Delivery Networks (CDNS) sono piattaforme di hosting esternalizzate che fungono da repository per immagini e altri file multimediali. Grazie alla loro infrastruttura avanzata che si concentra su problemi di latenza e larghezza di banda, possono offrire velocità di caricamento di pagina più rapide rispetto al materiale ospitato interno. Tuttavia, i vantaggi della CDN devono essere valutati per le tue esigenze specifiche.
Mentre una CDN può aiutare a risolvere alcuni problemi tecnici, può danneggiare il tuo profilo di backlink. I backlink sono uno dei fattori SEO di più alto rango e sono preziosi per l'aspetto del tuo sito nei risultati di ricerca. Puoi saperne di più sul valore dei backlink nel nostro modulo sull'argomento.
Quando si ospita un'immagine su una CDN anziché sul tuo sito, qualsiasi backlink di esso porterà l'utente sul percorso della CDN per l'immagine, riducendo così le visite dirette sul tuo sito che un backlink efficace avrebbe fornito.
Un pacchetto di immagini è un collage di immagini da diversi siti Web che possono apparire in Google SERPS. Sembrano qualcosa di simile.
Quando si fa clic su una delle miniature, tuttavia, non sei automaticamente indirizzato al sito di origine. Invece, ti viene mostrata una finestra di Google Images con una versione ampliata di quell'immagine, come così.
È solo facendo clic sull'immagine - come visto sul pannello destro dello screenshot sopra - che lascerai Google e arriverai sulla pagina di origine. In altre parole, Google Images funge da intermediario qui prima che l'azione di routing sia 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 un SERP. Questo è grazie all'attributo del titolo del tuo tag immagine contenente il tuo URL.
Ma mentre è possibile registrare un numero elevato di impressioni, è probabile che il numero effettivo di clic sul tuo sito sia molto più basso grazie ai pacchetti di immagini di fatto che contengono collegamenti di raffinamento di query che generano un nuovo risultato di ricerca di immagini di Google anziché dirigere i ricercatori fuori dalla piattaforma.
A causa del modo in cui funzionano i collegamenti di raffinamento delle query, nonché come GSC conta impressioni e clic, i pacchetti di immagini possono distorcere drasticamente la velocità di click-through (CTR) per le immagini.
Passiamo ora a un caso di studio di un sito Web per decostruire il modo in cui ha implementato le linee guida menzionate in questo modulo per ottimizzare le immagini.
Kirbie Cravings è un blog alimentare 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 facciamo clic con il pulsante destro del mouse sulla pagina e visualizziamo il suo codice sorgente, vediamo la preview max-image: attributo grande nel<head> Elemento proprio all'inizio del codice sorgente.
Di conseguenza, le immagini di alta qualità dell'editore appaiono nelle anteprime sulle superfici di Google.
Allo stesso tempo, nonostante siano grandi, queste immagini non rallentano il tempo di caricamento della pagina.
Facciamo clic con il pulsante destro del mouse sull'immagine e selezioniamo "Ispeziona". Questo apre un pannello sul lato destro della pagina in cui possiamo ispezionare le proprietà dell'elemento selezionato sulla pagina. Vediamo quanto segue per l'immagine sopra:
Vediamo due cose interessanti qui:
Come avevamo discusso in precedenza, le immagini contribuiscono la maggior parte del peso al peso di una pagina, quindi mantenerli leggeri è essenziale per accelerare il caricamento della tua pagina.
Abbiamo anche discusso dell'importanza di utilizzare il formato file corretto. Avevamo raccomandato .jpg/.jpeg per le fotografie, mentre .png doveva essere utilizzato per la grafica e le immagini digitali. Di seguito possiamo vedere che le voglie di Kirbie utilizza .png ovunque vengano utilizzate immagini digitali come loghi e icone.
Successivamente, all'interno di questo stesso pannello di ispezione, quando facciamo clic su "Proprietà" possiamo vedere che la pagina ha usato il caricamento pigro, nonostante il peso relativamente leggero delle immagini.
Questa pagina ha meticolosamente ottimizzato le sue immagini da:
Man mano che si evolve per soddisfare meglio le esigenze dei suoi utenti, Google è destinato ad aggiungere/aggiornare le funzionalità e le politiche per quanto riguarda l'ottimizzazione delle immagini e il suo impatto sui risultati della ricerca.
Tenendo presente le migliori pratiche di immagine attuale quando si tratta del tuo sito Web, sarai meglio posizionato per fornire il miglior UX, posizionarti più in alto nelle SERP e infine guidare il traffico a modo tuo.
Attivo adesso
Vedi di più
