Ti stai chiedendo cosa siano le immagini decorative e come influiscano sulla SEO?
Le immagini decorative devono essere trattate in modo diverso dagli 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 vs. immagini decorative: qual è la differenza?
- Cos'è il testo alternativo (Alt Text)?
- Testo alternativo per immagini decorative
- Testo alternativo per immagini informative
- More SEO tips: Image File Names and Sizes
- Web Page SEO: Get More Visitors
- How is Alt Text Written in HTML?
Cosa sono le immagini decorative?
Un'immagine decorativa è un'immagine che non fornisce alcuna informazione pertinente.
Ad esempio, una foto stock di libri impilati è un'immagine decorativa comunemente trovata sui siti web educativi.
Mentre le immagini decorative raramente aggiungono valore informativo, possono migliorare lo stile di un sito web e contribuire al godimento della pagina da parte dell'utente.
Ad esempio, riviste e periodici letterari possono utilizzare immagini stock o illustrazioni personalizzate per aggiungere un tocco visivo alle pagine.
Qui, l'immagine decorativa può essere accattivante e parlare principalmente all'immaginazione.
La pagina "Chi siamo" della rivista Nautilus è un buon esempio. Promette "un viaggio nelle meraviglie dell'universo" e un'illustrazione onirica attira il lettore.
Immagini informative vs. immagini decorative: qual è la differenza?
La differenza fondamentale tra immagini decorative e informative è che queste ultime forniscono informazioni relative all'argomento di una pagina.
Esempi di immagini informative includono:
- Foto di eventi di cronaca, come una protesta o una scena del crimine.
- Diagrammi e grafici che amplificano i punti trattati in un articolo.
- Immagini di un luogo, una persona o una cosa discussa 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.
Ma come abbiamo visto con l'esempio di Nautilus, sembra errato affermare che le immagini decorative non trasmettano alcuna informazione, poiché possono evocare visivamente un'atmosfera e creare aspettative.
Tuttavia, possiamo dire che le immagini decorative non forniscono informazioni non già presenti nel testo.
Questi due tipi di immagini vengono trattati diversamente anche nella SEO.
Per capire come e perché, rivisitiamo il significato del testo alternativo.
Cos'è il testo alternativo (Alt Text)?
Il testo alternativo è un testo che descrive un'immagine.
Ci sono 2 scopi per il testo alternativo:
- I motori di ricerca leggono e indicizzano il testo alternativo e questo li aiuta a comprendere il contenuto dell'immagine.
- Il testo alternativo viene letto ad alta voce dagli screen reader, dispositivi utilizzati da persone con disabilità.
Il testo alternativo è anche chiamato alt tag. Questo è un riferimento all'HTML che i sistemi di gestione dei contenuti come WordPress aggiungono automaticamente alle immagini.
Testo alternativo per immagini decorative
La gestione del testo alternativo per le immagini decorative è semplice: lasciarlo vuoto è considerata la best practice.
Ecco come fare per assicurarti che il campo sia vuoto:
- Accedi a WordPress
- Naviga a qualsiasi pagina web su cui hai un'immagine.
- Quindi fai clic sull'immagine per aprire le impostazioni dell'immagine di WordPress nella barra laterale destra.
È lì che vedrai il campo Testo alternativo.
Lasciarlo vuoto significa semplicemente che non devi aggiungere alcun testo alternativo.
Lasciandolo vuoto, gli screen reader salteranno l'immagine decorativa. Ciò offre una migliore esperienza utente per i non vedenti, poiché la descrizione di questa immagine non fornirebbe alcun valore.
Immagina uno screen reader che legge ad alta voce,
- “persone che indicano siti web”
- “immagine decorativa verde,” oppure,
- “illustrazione per articolo di sito web”
Noioso, eh?
Vediamo ora come la gestione del testo alternativo per le immagini informative è diversa
Gli screen reader sono una delle tante tecnologie assistive utilizzate da persone con disabilità.
Testo alternativo per immagini informative
Come esempio utilizzeremo un articolo su un modello di strategia digitale creato da Avinash Kaushik.
Kaushik è un visionario del marketing ben noto. Poiché l'articolo si concentra sul suo lavoro, abbiamo aggiunto una sua foto.
E questo è il testo alternativo che abbiamo aggiunto: “avinash kaushik che parla a una conferenza.”
La foto di Kaushik non fornisce molte informazioni, quindi potresti chiederti: “Perché non trattarla come un'immagine decorativa?” Potremmo farlo. Ma Kaushik è centrale per l'articolo. E vogliamo che i motori di ricerca indicizzino questo testo alternativo.
In questo modo gli utenti che cercano “Avinash Kaushik” potrebbero imbattersi in questa foto e cliccare sull'articolo.
Ora diamo un'occhiata a 2 problemi relativi alle immagini che possono influire sulla SEO.
Altri suggerimenti SEO: Nomi e Dimensioni dei File Immagine
Assicurarsi che il nome e la dimensione del file immagine siano ottimizzati può migliorare la tua SEO.
Diamo prima un'occhiata ai nomi dei file.
Nomi dei File Immagine vs. Tipi di File
Prima di iniziare, è utile sapere che un nome di file immagine è diverso dal tipo di file immagine. Il tipo di file è espresso come un'“estensione” – una piccola porzione di testo che appare automaticamente alla fine del nome di un file immagine.
Ad esempio, Nome-foto.jpg
Questo ci dice che il nome del file è “Nome-foto” e che è in formato file jpg.
Se questa immagine fosse in formato png, apparirebbe così: 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 conoscerli tutti perché questa estensione verrà aggiunta automaticamente.
Come Ottimizzare i Nomi dei File Immagine
Poiché anche i motori di ricerca leggono i nomi dei file immagine, assicurati che siano chiari e descrittivi.
I file immagine denominati in modo errato sono vaghi, come questi:
- 1100073658.jpg
- Uomo-che-si-allena.jpg
I buoni titoli delle immagini dovrebbero essere specifici e descrivere l'immagine.
Ad esempio, supponiamo che tu stia scrivendo un articolo su come i reclute migliorano la loro forma fisica prima di essere inviati al campo di addestramento dei Marine degli Stati Uniti.
La tua immagine mostra un recluta effettivo che pratica esercizi di plank. Invece di uomo-che-si-allena.jpg potresti intitolare la tua immagine marine-recruit-holding-plank.jpg.
I nomi dei file per le immagini decorative sono spesso meno specifici perché vengono utilizzati per evocare un'atmosfera o un senso del marchio. Ad esempio, l'immagine decorativa del Nautilus sopra è chiamata wonder-vehicle.jpg.
Se stai condividendo un'opera d'arte, il titolo dell'opera è un nome di file immagine appropriato.
Scopri di più nel nostro articolo su SEO per nomi di file immagine.
Attenzione: Pubblicare immagini per le quali non si dispone di una licenza può comportare multe salate. Negli Stati Uniti queste multe possono raggiungere fino a $150k per utilizzo dell'immagine.
Dimensione del File Immagine
Poiché le dimensioni dei file di grandi dimensioni possono rallentare il caricamento della pagina, considera l'utilizzo di un plugin WordPress che ottimizzerà automaticamente le tue immagini per la velocità.
Plugin come WP Rocket sono facili da installare e utilizzare.
Suggerimento pro: La dimensione del file immagine e la dimensione di visualizzazione dell'immagine sono 2 cose diverse. È possibile ridurre le dimensioni dell'immagine e farla comunque visualizzare come un'immagine ad alta risoluzione e pronta per Retina.
SEO per pagine web: Ottieni più visitatori
Immagini informative e decorative possono aiutarti a coinvolgere i visitatori del sito. E il testo alternativo per le immagini informative può attirare traffico dai motori di ricerca.
Ma c'è di più nella SEO oltre al semplice testo alternativo delle immagini.
È qui che entra in gioco un plugin come All in One SEO (AIOSEO).
Progettato per essere facile da usare per i principianti, fornisce quasi tutto ciò di cui hai bisogno per la SEO (oltre ai contenuti).
Questo è un plugin consolidato con migliaia di recensioni a 5 stelle su WordPress.org. Oltre 3 milioni di utenti lo hanno scaricato.
Ecco come funziona.
Classifica più in alto: Tutti vogliono che i propri contenuti si classifichino più in alto, ma imparare la SEO richiede tempo. È qui che AIOSEO è fondamentale. Analizza i tuoi contenuti e ti dice esattamente cosa fare per ottimizzarli per la SEO.
Man mano che segui le raccomandazioni, il tuo punteggio TruSEO aumenta.
Appari al meglio nei risultati di ricerca: Il plugin rende facile rendere le tue pagine web idonee per essere visualizzate come rich snippet. Puoi pensare ai rich snippet come a display di motori di ricerca super-deluxe.
Ecco come appare un normale snippet di ricerca:
Ed ecco uno snippet multimediale.
Nessun codice necessario: All in One SEO gestisce automaticamente diverse funzioni tecniche. Ad esempio, genererà automaticamente sitemap XML e RSS. Queste sitemap informano i motori di ricerca delle tue modifiche o dei nuovi contenuti.
Non dimenticare di pianificare le conversioni
Mentre ti impegni per ottenere più traffico, assicurati di capire quali azioni vuoi che i visitatori del sito web intraprendano.
Utilizziamo OptinMonster per creare popup con intento di uscita. Questi popup appaiono quando le persone si preparano a lasciare il tuo sito web.
OptinMonster è economico ed efficace.
Come si scrive il testo alternativo in HTML?
Coloro che sono curiosi riguardo alla rappresentazione HTML del testo alternativo troveranno utile quanto segue.
La sintassi per il testo alternativo è la seguente:
<img alt="your alt text goes here">Nota che alt è una proprietà dell'elemento immagine HTML e qualunque cosa sia posta tra le virgolette è il valore della proprietà.
<img alt="baseball player sliding into homebase">I tag Img conterranno anche la sorgente (src) (URL) dell'immagine, ad esempio:
<img src="/baseball-player-scoring.png/" alt="baseball player sliding into homebase">Quando il campo del testo alternativo è vuoto, viene chiamato testo alternativo nullo e appare così in HTML.
<img src="/baseball-player-scoring.png/" alt="">Questo è anche chiamato attributo alt vuoto.
Suggerimento: scopri come visualizzare il codice di qualsiasi pagina web.
Domande e risposte sulle immagini
Hai altre domande su come alcune immagini servono a scopi decorativi, sul testo alternativo o sull'accessibilità? Abbiamo risposto ad alcune domande comuni qui sotto.
Se hai una domanda aggiuntiva, lascia una nota nella sezione commenti.
Le immagini di sfondo sono considerate immagini decorative?
Sì, le immagini di sfondo, come definite dalla proprietà background-image in CSS, sono considerate decorative. In questi casi, il codice CSS del sito web solitamente designa una classe il cui attributo alt viene sempre reso vuoto.
Cos'è l'accessibilità web?
L'accessibilità web è un insieme di pratiche e standard tecnologici progettati per rendere facile per le persone con disabilità navigare e consumare contenuti su un sito web. Le Linee guida sui contenuti di accessibilità web (WCAG) delineano le migliori pratiche per gli sviluppatori web, ma i principianti potrebbero voler iniziare con i fondamenti.
Sebbene rendere un sito accessibile non influenzi direttamente la SEO, l'accessibilità si allinea con una buona SEO. Questo è il motivo per cui un sito ottimizzato per l'accessibilità può posizionarsi più in alto nei risultati di ricerca.
Quali sono le linee guida per l'accessibilità web?
Il documento delle linee guida per l'accessibilità web ha stabilito le linee guida per rendere i siti web più facili da accedere per le persone con disabilità. Sviluppate dalla Web Accessibility Initiative (WAI), le Web Accessibility Content Guidelines (WCAG) sono in continuo miglioramento.
Le linee guida aderiscono 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 ti abbia aiutato a capire cosa sono le immagini decorative e perché è buona norma lasciare vuoto il testo alternativo.
Successivamente, scopri di più sull'ottimizzazione SEO delle immagini e su come le immagini possono essere utili per creare contenuti scansionabili.
Se hai trovato utile questo articolo, iscriviti al nostro Canale YouTube. Troverai molti altri tutorial utili lì. Puoi anche seguirci su X (Twitter), LinkedIn o Facebook per rimanere aggiornato.
Vuoi Provare AIOSEO Gratuitamente?
Inserisci l'URL del tuo sito web WordPress per installare AIOSEO Lite.
Divulgazione: I nostri contenuti sono supportati dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Raccomandiamo solo prodotti che crediamo aggiungeranno valore ai nostri lettori.
