Vi chiedete cosa siano le immagini decorative e quale sia il loro impatto sulla SEO?
Le immagini decorative devono essere trattate in modo diverso rispetto ad altri tipi di immagini.
La buona notizia è che è molto facile gestire correttamente le immagini decorative.
In questo articolo
- Cosa sono le immagini decorative?
- Immagini informative e decorative: Qual è la differenza?
- Che cos'è il testo alternativo (Alt Text)?
- Testo Alt per le immagini decorative
- Testo Alt per immagini informative
- Altri suggerimenti SEO: Nomi e dimensioni dei file immagine
- SEO delle pagine web: Ottenere più visitatori
- Come si scrive il testo alt in HTML?
Cosa sono le immagini decorative?
Un'immagine decorativa è un'immagine che non fornisce alcuna informazione rilevante.
Ad esempio, una foto stock di libri impilati è un'immagine decorativa che si trova comunemente sui siti web dedicati all'istruzione.
Anche se le immagini decorative raramente aggiungono valore informativo, possono migliorare lo stile di un sito web e contribuire alla fruizione di una pagina da parte dell'utente.
Ad esempio, le riviste letterarie possono utilizzare immagini di stock o illustrazioni personalizzate per aggiungere un tocco visivo alle pagine.
In questo caso, l'immagine decorativa può essere seducente e parlare soprattutto all'immaginazione.
La pagina About Us della rivista Nautilus ne è un buon esempio. Promette "un viaggio nelle meraviglie dell'universo" e un'illustrazione onirica attira il lettore.
Immagini informative e decorative: Qual è la differenza?
La differenza fondamentale tra immagini decorative e informative è che queste ultime forniscono informazioni relative all'argomento della pagina.
Esempi di immagini informative sono
- Foto di eventi di cronaca, come una protesta o una scena del crimine.
- Diagrammi e grafici che amplificano i punti esposti in un articolo.
- Immagini di un luogo, di una persona o di una cosa di cui si parla nell'articolo.
Le immagini informative sono anche chiamate immagini funzionali.
Le immagini informative aiutano gli utenti a verificare l'accuratezza del testo e, in alcuni casi, ad approfondire i dettagli.
Tuttavia, come abbiamo visto con l'esempio del Nautilus, non sembra corretto affermare che le immagini decorative non trasmettono alcuna informazione, poiché possono evocare visivamente uno stato d'animo e creare aspettative.
Tuttavia, possiamo dire che le immagini decorative non forniscono alcuna informazione che non sia già presente nel testo.
Questi due tipi di immagini sono trattati in modo diverso anche in ambito SEO.
Per capire come e perché, rivediamo il significato del testo alt.
Che cos'è il testo alternativo (Alt Text)?
Il testo alternativo è un testo che descrive un'immagine.
Il testo alternativo ha due scopi:
- I motori di ricerca leggono e indicizzano il testo alt e lo aiutano a comprendere il contenuto dell'immagine.
- Il testo Alt viene letto ad alta voce dagli screen reader, dispositivi utilizzati dalle persone con disabilità.
Il testo alternativo è chiamato anche tag alt. Si tratta di un riferimento all'HTML che i sistemi di gestione dei contenuti come WordPress aggiungono automaticamente alle immagini.
Testo Alt per le immagini decorative
La gestione del testo alt per le immagini decorative è semplice: lasciarlo vuoto è considerata la prassi migliore.
Ecco come fare per assicurarsi che il campo sia vuoto:
- Accedere a WordPress
- Navigare in una qualsiasi pagina web in cui è presente un'immagine.
- Quindi fate clic sull'immagine per aprire le impostazioni delle immagini di WordPress nella barra laterale destra.
È qui che si trova il campo Testo Alt.
Lasciarlo vuoto significa semplicemente che non è necessario aggiungere alcun testo alt.
Lasciandola vuota, gli screen reader salterannol'immagine decorativa. In questo modo si migliora l'esperienza dell'utente ipovedente, perché la descrizione dell'immagine non avrebbe alcun valore.
Immaginate uno screen reader che legge ad alta voce,
- "persone che indicano siti web"
- "immagine verde decorativa", oppure,
- "illustrazione per articolo su sito web"
Noioso, eh?
Vediamo ora come è diversa la gestione del testo alt per le immagini informative
I lettori di schermo sono una delle tante tecnologie assistive utilizzate dalle persone con disabilità.
Testo Alt per immagini informative
Come esempio utilizzeremo un articolo su un modello di strategia digitale creato da Avinash Kaushik.
Kaushik è un noto visionario del marketing. Poiché l'articolo è incentrato sul suo lavoro, abbiamo aggiunto una sua foto.
E questo è il testo alt che abbiamo aggiunto: "avinash kaushik parla a una conferenza".
La foto di Kaushik non fornisce molte informazioni, quindi potreste chiedervi: "Perché non trattarla come un'immagine decorativa?". Potremmo farlo. Ma Kaushik è centrale nell'articolo. E vogliamo che i motori di ricerca indicizzino questo testo alternativo.
In questo modo gli utenti che cercano "Avinash Kaushik" possono imbattersi in questa foto e cliccare sull'articolo.
Ora analizziamo 2 problemi di immagine che possono influire sulla SEO.
Altri suggerimenti SEO: Nomi e dimensioni dei file immagine
Assicurarsi che il nome e la dimensione del file dell'immagine siano ottimizzati può migliorare la SEO.
Per prima cosa esaminiamo i nomi dei file.
Nomi di file immagine e tipi di file
Prima di addentrarci, è utile sapere che il nome di un file immagine è diverso dal tipo di file immagine. Il tipo di file è espresso come "estensione", un breve testo che compare automaticamente alla fine del nome di un file immagine.
Ad esempio, Nome-foto.jpg
Questo ci dice che il nome del file è "nome-foto" ed è in formato jpg.
Se l'immagine fosse in formato png, avrebbe il seguente aspetto: Nome-foto.png.
L'estensione è una piccola informazione che indica il formato del file.
Esistono molti tipi di formati di immagini digitali, come .webp e .svg. Non è necessario comprenderli tutti perché l'estensione verrà aggiunta automaticamente.
Come ottimizzare i nomi dei file immagine
Poiché i motori di ricerca leggono anche i nomi dei file immagine, assicuratevi che i vostri siano chiari e descrittivi.
I file di immagine con nomi poco precisi sono vaghi, come questi:
- 1100073658.jpg
- Uomo che fa esercizio fisico.jpg
I titoli delle immagini devono essere specifici e descrivere l'immagine.
Per esempio, supponiamo che stiate scrivendo un articolo su come le reclute costruiscono la loro forma fisica prima di essere inviate al campo di addestramento del Corpo dei Marines degli Stati Uniti.
La tua immagine mostra una vera recluta che si esercita in esercizi di plank. Invece di uomo-esercizio.jpg, si potrebbe intitolare l'immagine marine-recruit-holding-plank.jpg.
I nomi dei file per le immagini decorative sono spesso meno specifici perché vengono utilizzati per evocare uno stato d'animo o un senso del marchio. Ad esempio, l'immagine decorativa del Nautilus qui sopra si chiama wonder-vehicle.jpg.
Se state condividendo un'opera d'arte, il titolo dell'opera è un nome di file immagine adatto.
Per saperne di più, consultate il nostro articolo sul SEO dei nomi dei file delle immagini.
Attenzione: La pubblicazione di immagini per le quali non si dispone di una licenza può comportare multe salate. Negli Stati Uniti queste multe possono arrivare fino a 150.000 dollari per ogni immagine utilizzata.
Dimensione del file immagine
Poiché le grandi dimensioni dei file possono causare un lento caricamento della pagina, si consiglia di utilizzare un plugin per WordPress che ottimizzi automaticamente le immagini per la velocità.
Plugin come WP Rocket sono facili da installare e utilizzare.
Suggerimento: la dimensione del file dell'immagine e la dimensione di visualizzazione dell'immagine sono due cose diverse. È possibile ridurre le dimensioni dell'immagine e visualizzarla comunque come un'immagine ad alta risoluzione, pronta per il Retina.
SEO delle pagine web: Ottenere più visitatori
Le immagini informative e decorative possono aiutare a coinvolgere i visitatori del sito. Inoltre, il testo alt delle immagini informative può attrarre traffico dai motori di ricerca.
Ma il SEO non si limita al testo alt delle immagini.
È qui che un plugin come All in One SEO (AIOSEO) entra in gioco.
Progettato per essere facile da usare per i principianti, fornisce quasi tutto ciò che serve per la SEO (a parte i contenuti).
Si tratta di un plugin affermato con migliaia di recensioni a 5 stelle su WordPress.org. Oltre 3 milioni di utenti lo hanno scaricato.
Ecco come funziona.
Posizionarsi più in alto: Tutti vogliono che i loro contenuti si classifichino più in alto, ma imparare la SEO richiede tempo. È qui che AIOSEO è fondamentale. Analizza i vostri contenuti e vi dice esattamente cosa fare per ottimizzarli per la SEO.
Man mano che si agisce sulla raccomandazione, il punteggio TruSEO aumenta.
Apparire in modo eccellente nei risultati di ricerca: Il plugin semplifica la visualizzazione delle pagine web come rich snippet. Si può pensare ai rich snippet come a visualizzazioni di lusso per i motori di ricerca.
Ecco come appare uno snippet di ricerca standard:
Ed ecco un rich snippet.
Non è necessario alcun codice: All in One SEO gestisce automaticamente diverse funzioni tecniche. Ad esempio, genera automaticamente sitemap XML e RSS. Queste sitemap inviano un ping ai motori di ricerca per informarli delle modifiche o dei nuovi contenuti.
Non dimenticare di pianificare le conversioni
Mentre agite per ottenere più traffico, assicuratevi di capire quali azioni volete che i visitatori del web compiano.
Utilizziamo OptinMonster per creare popup con intento di uscita. Questi popup appaiono quando le persone si preparano a lasciare il vostro sito web.
OptinMonster è economico ed efficace.
Come si scrive il testo alt in HTML?
Chi è curioso di conoscere la rappresentazione HTML del testo alt troverà utile quanto segue.
La sintassi del testo alt è la seguente:
<img alt="your alt text goes here">Si noti che alt è una proprietà dell'elemento immagine HTML e qualsiasi cosa sia posta tra le virgolette è il valore della proprietà.
<img alt="baseball player sliding into homebase">I tag Img contengono anche la fonte (src) (URL) dell'immagine, ad esempio:
<img src="/baseball-player-scoring.png/" alt="baseball player sliding into homebase">Quando il campo del testo alt è vuoto, si chiama testo alt nullo e si presenta così in HTML.
<img src="/baseball-player-scoring.png/" alt="">Questo è anche chiamato attributo alt vuoto.
Suggerimento: Scoprite come visualizzare il codice di qualsiasi pagina web.
Domande e risposte sull'immagine
Avete altre domande su come alcune immagini abbiano uno scopo decorativo, sul testo alt o sull'accessibilità? Qui di seguito abbiamo risposto ad alcune domande comuni.
Se avete altre domande, scrivete nella sezione commenti.
Le immagini di sfondo sono considerate immagini decorative?
Sì, le immagini di sfondo, definite dalla proprietà background-image dei CSS, sono considerate decorative. In questi casi, il codice CSS del sito web designa una classe il cui attributo alt è sempre vuoto.
Che cos'è l'accessibilità del web?
L'accessibilità del Web è un insieme di pratiche e standard tecnologici progettati per facilitare la navigazione e la fruizione dei contenuti di un sito Web da parte delle persone con disabilità. Le linee guida per l'accessibilità dei contenuti web (WCAG) delineano le migliori pratiche per gli sviluppatori web, ma i principianti possono iniziare con le basi.
Sebbene l'accessibilità di un sito non abbia un impatto diretto sulla SEO, l'accessibilità è coerente con una buona SEO. Ecco perché un sito ottimizzato per l'accessibilità può posizionarsi più in alto nei risultati di ricerca.
Quali sono le linee guida sull'accessibilità del web?
Le linee guida per l'accessibilità del web stabiliscono le linee guida per rendere i siti web più facilmente accessibili alle persone con disabilità. Sviluppate dalla Web Accessibility Initiative(WAI), le linee guida per l'accessibilità dei contenuti web(WCAG) sono in continuo miglioramento.
Le linee guida si attengono a 4 principi, definiti come Percepibile, Operabile, Comprensibile e Robusto.
La Web Accessibility Initiative fa parte del World Wide Web Consortium(W3).
Dopo le immagini decorative. . .
Speriamo che questo post vi abbia aiutato a capire cosa sono le immagini decorative e perché è buona norma lasciare il testo alt vuoto.
Poi, approfondite il tema della SEO delle immagini e di come le immagini possano essere utili per creare contenuti scansionabili.
Se questo articolo vi è stato utile, iscrivetevi al nostro canale YouTube. Vi troverete molte altre esercitazioni utili. Potete anche seguirci su X (Twitter), LinkedIn o Facebook per rimanere aggiornati.
Vuoi provare AIOSEO gratuitamente?
Inserite l'URL del vostro sito web WordPress per installare AIOSEO Lite.
Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Raccomandiamo solo prodotti che riteniamo possano apportare un valore aggiunto ai nostri lettori.
