Il miglior formato di immagine per la SEO dipende dalcontenuto della sua infografica. In questo articolo, imparerà quale scegliere e perché! Per migliorare la SEO del suo articolo e arricchire notevolmente il suo contenuto, è altamente raccomandato l’utilizzo di immagini nelle sue pagine
Ma perché? Ebbene, “immagini e illustrazioni” possono essere una soluzione per mettere in risalto la sua pagina, al fine di affascinare l’utente, illustrare e, in alcuni casi, sublimare il suo contenuto. Nella maggior parte dei casi, gli articoli contengono un’immagine in evidenza. È necessario rappresentare l’intero articolo in un’unica immagine.
Le immagini possono essere esportate e integrate nel suo sito web in molti modi diversi. Inoltre,un’immagine ha un formato, in particolare il formato del file della sua immagine. Nel mondo della SEO, non può utilizzare qualsiasi formato di immagine per visualizzarla sulla sua pagina. In effetti, si dovranno fare delle ottimizzazioni per avere il formato più efficiente possibile.
I vantaggi delle immagini nella SEO
Per i motori di ricerca, le immagini possono essere considerate come una fonte aggiuntiva di contenuti. Il fatto che un’immagine sia presente in una pagina web rende chiaro che il SEO si baserà su di essa. Se la sua pagina non ha immagini, l’ottimizzazione interna della sua pagina non sarà massima. È quindi consigliabile utilizzare le immagini molto frequentemente. Se desidera saperne di più sui vantaggi dei contenuti visivi sul suo sito, in particolare dal punto di vista SEO, la invitiamo a leggere consigli per fare riferimento alle sue immagini !
Per un’esperienza utente più piacevole
Nel mondo del SEO, ci sono molti fattori da prendere in considerazione per posizionarsi su Google. Tra la frequenza di rimbalzo, la frequenza dei clic e la profondità dei contenuti, sono diversi gli elementi da tenere in considerazione, ma uno è fondamentale L’esperienza dell’utente. Infatti, un’immagine deve essere rappresentativa dell’articolo, deve essere interessante e non deve rovinare l’esperienza del visitatore
Per un’esperienza migliore, la invitiamo a si concentri sulla qualità delle sue infografichema anche di non “esagerare”. Se l’immagine può offrirle contenuti diversi, non può offrirle contenuti più ricchi e interessanti del testo. Google non può leggere le sue immagini
Tuttavia, Google prende in considerazione le esperienze passate dei visitatori della sua paginae quindi trae delle conclusioni. Per esempio, il visitatore precedente si è fermato alla sua immagine per leggere l’infografica? Oppure il suo utente ha improvvisamente abbandonato la pagina dopo la comparsa di un’immagine? Come può vedere, le immagini sono essenziali, ma soprattutto dedicato ai suoi visitatorie non solo per i robot di indicizzazione.
Per visualizzare i dati strutturati che la spingono a
Nei risultati di ricerca di Google, che potrebbero essere chiamati SERP : I dati strutturati vengono utilizzati per visualizzare le informazioni di una paginae in un modo molto speciale. Grazie a queste informazioni arricchite, può fa sì che gli utenti vogliano cliccare di più !
La visualizzazione dei dati è molto grafica. Esistono diversi tipi, come le ricette o le barre di ricerca. Il formato di dati strutturati che contiene un’immagine è probabilmente il più utilizzato sul web. Le immagini sono il tipo di dati strutturati più facile da impostare, soprattutto su WordPress!
Formati da utilizzare sul suo sito
Ha creato la sua bellissima infografica o ha scattato una foto reale e vorrebbe integrarla nel suo sito web. Tuttavia, non sa che tipo di immagine scegliere. Niente panico, qui le diamo i migliori consigli e una spiegazione dei formati principali e più consigliati
Per capire come funziona un’immagine, utilizzeremo due termini tecnici, ben noti ai designer grafici: Formati di file vettoriali e formati di file raster
Un formato vettoriale include semplicemente la sua illustrazione come vettorementre un formato raster comprende pixel. Un’immagine pixelata richiede molto più tempo al computer per essere calcolata rispetto a un’immagine raster. Ma ancora una volta… dipende dal suo contenuto!
- Il peso di un’immagine pixelata è calcolato su la dimensione di quest’ultimoe più precisamente sulla numero di pixel che contiene
- Per le immagini vettoriali, è a seconda del numero di vettorie il numero di informazioni sui punti di ancoraggio della sua illustrazione che vengono presi in considerazione.
Formato PNG
Il formato PNG è uno dei formati più conosciuti sul web. Con questo formato di file immagine, può integrare un oggetto o una silhouette senza necessariamente integrarne lo sfondo Questo è specifico per l’utilizzo di uno strumento di ritaglio: può usarlo per ritagliare una parte di una fotoed esportarlo su uno sfondo trasparente
Tuttavia, le immagini in formato .PNG possono essere molto pesanti e quindi molto lunghe da caricare da parte del browser client. Le consigliamo pertanto di controllare il peso di ogni immagine PNG sul suo sito web. Per ottimizzare il peso del suo file PNG, non esiti a utilizzare PhotoShop per esportare il file, regolando le dimensioni della visuale
Infine, se la sua immagine ha uno sfondo ma è attualmente in formato PNG, la invitiamo a scegliere il seguente formato da questo elenco.
Formato JPG
Il formato JPG è il formato più conosciuto sul web. Si tratta di un formato raster, quindi è totalmente pixelato. Più grande è la dimensione, più pixel ci sono e quindi migliore è la qualità! D’altra parte, può anche essere molto pesante in alcuni casi, in particolare quando le dimensioni dell’immagine sono troppo grandi o quando il formato JPG non è compresso
Purtroppo per le pagine web, quest’ultimo scenario può rallentare notevolmente il suo sito. Questo è ciò che vedo nella maggior parte dei siti web: immagini JPG non ottimizzate… Quindi dovrà concentrarsi sul rapporto qualità/peso della sua immagine, riducendo le sue dimensioni, ad esempio. Riducendo notevolmente le dimensioni della sua immagine, aumenterà di pesopoiché nell’immagine saranno presenti meno pixel. D’altra parte, si noti che la qualità dell’immagine si deteriora man mano che si procede
È comunque importante mantenere una qualità ottimale delle immagini per l’esperienza utente della sua pagina. Non vuole leggere un articolo di qualità superba e imbattersi in un’immagine che non fornisce alcun valore… Si assicuri quindi che la sua immagine JPG abbia le dimensioni ottimali per la sua pagina web, al fine diottimizzare la velocità della sua pagina.
Formato SVG
Il formato SVG è un formato vettoriale, che include semplicemente un codice HTML e consente diper visualizzare un’illustrazione vettoriale su un sito web. Può, ad esempio, creare la sua illustrazione con il software Adobe Illustratored esportare questo file in formato .SVG per poterlo integrare nelle sue linee di codice. Molto pratico, le permette di integrare facilmente un logo, un’icona o qualsiasi tipo di illustrazione vettoriale. La qualità della sua immagine sarà ottimizzata al massimo grazie al formato SVG
Inoltre, se ha competenze CSS, può impostare qualsiasi animazione sulla sua immagine in SVG! Tuttavia, se la sua illustrazione include molti vettori, le linee di codice che integrano il file SVG saranno numerose, quindi non è sempre ottimale. Questo dovrebbe essere verificato per ogni illustrazione e spetta a lei decidere. Per impostazione predefinita, il CMS WordPress non supporta i file SVG, dovrà utilizzare un’estensione; noi consigliamo il supporto SVG per la sua semplicità.
Formato WEBP
Il formato WEBP è paragonabile al formato JPG. Tuttavia, il la compressione dei file WebP è impressionante. Le permette di recuperare il massimo dei dati dalla sua immagine, ottimizzando il suo codice interno, e questo, per stabilire una riduzione del peso della sua immagine. L’unico problema del formato WEBP è che non è leggibile e comprensibile da alcuni dei principali browser
Safari su iOS è uno di questi. In questo caso, può integrare entrambi i formati e far scaricare all’utente il WebP se il suo browser lo consente, oppure un .JPG se è l’unica soluzione. Su WordPress, può utilizzare il plugin Imagify, che le permette di convertire un file JPG in un file WebP automaticamente! Tutto quello che deve fare è installarlo e caricare le sue immagini come al solito, il plugin si occupa di tutto!
Formato GIF
E infine, il formato GIF, interamente adattato all’animazione. Se desidera creare una bella animazione, può utilizzare Photoshop, ad esempio, e creare una linea temporale con i diversi livelli. L’unico problema è che i formati GIF sono pesanti e molto spesso di scarsa qualità
Se dispone di competenze CSS/SVG/JS, le consigliamo di utilizzare il formato SVG e di includere l’animazione indipendentemente dal suo file. Il formato GIF è in un certo senso diversi file PNG in fila. A causa delle nuove tecnologie degli ultimi anni, il formato .GIF è molto disapprovato dalla maggior parte dei professionisti, tuttavia alcuni lo utilizzano ancora. Questo è probabilmente dovuto alla sua facilità di creazione di animazioni
Immagini contestuali o immagini di sfondo?
In un articolo, o più in particolare in una pagina web (di navigazione, informativa o commerciale), ci saranno inevitabilmente delle immagini per per illustrare il suo contenuto, ma anche immagini di sfondo !
Questi due tipi di immagini non devono essere codificati allo stesso modo. Per Google, un’immagine contestuale è molto più importante e mira ad essere referenziata su Internet. Per distinguere tra i due, utilizzeremo due metodi. Eccoli qui
- Immagine contestuale: codificheremo semplicemente la sua immagine in HTMLper definire il contenuto dell’immagine. Ecco la riga di codice da aggiungere alla sua pagina web:
. - Immagine di sfondo: questa volta, l’utilizzo dell’HTML è fuori questione. Dobbiamo rivolgerci a cSS per definire lo stile della sua pagina. L’attributo background-image è dedicato a questo tipo di utilizzo. Ecco un esempio: background-image:url(my-image.jpg)
Conclusione
Il miglior formato di immagine è probabilmente WEBP per le fotografie e .SVG per i loghi semplici con pochi vettori. Il metodo di compressione è noioso sui file WEBP e la qualità dell’immagine è comunque molto buona
Tuttavia, alcuni browser non lo consentono, quindi dovrà utilizzare un condizionatore di immagini in HTML. Per comprimere queste immagini in JPG, le consigliamo di utilizzare Photoshop o un software di compressione immagini facile da usare
Infine, non prenda questo articolo come una generalizzazione, tutto può dipendere da ciò che la sua immagine incorpora e il modo in cui viene caricato sul suo sito. Infine, e questo… con un buon consiglio, non esiti a utilizzare le funzioni di caching delle immagini
Inoltre, potrebbe essere opportuno utilizzare un carico pigro “per caricare la sua immagine al momento giusto! L’obiettivo è mostrare al visitatore un’immagine accattivante, senza distruggere la sua esperienza utente. Più precisamente, dovrebbe eviti a tutti i costi un caricamento lento della sua pagina !
