Le pagine dei risultati dei motori di ricerca (SERP) di Google presentano oggi un numero di immagini pari a quello dei risultati testuali. Prima che siano disponibili i risultati testuali organici, Google inserisce un enorme pacchetto di immagini cliccabili nella parte superiore della pagina principale dei risultati. Nonostante i vostri sforzi SEO, le foto del vostro sito web potrebbero essere una fonte di traffico organico che state perdendo. Come fare per ottenere una parte di questo traffico prezioso? alt text delle immagini.
Sapete cos'è l'alt text? Il primo concetto di accessibilità del web è quello di includere un alt text per le immagini. È anche uno dei più difficili da mettere in pratica correttamente. In Internet ci sono molte immagini con un testo alternativo incompleto, sbagliato o scadente. La determinazione di un tag title dell'immagine adeguato ed equivalente, come molti altri aspetti dell'accessibilità del web, è spesso una questione di interpretazione personale. Questo articolo fornirà la nostra esperienza sull'uso accettabile del testo alternativo delle immagini ed esempi di testo alternativo.
Gli argomenti su cui molte aziende ed editori creano contenuti richiedono sempre più spesso che le parole siano accompagnate da immagini. Se scrivete di fotografia, gli esempi fotografici della vostra prospettiva sono essenziali per far apprezzare il vostro lavoro ai lettori. Le schermate di un software sono spesso il modo migliore per illustrarne l'uso, dimostrando al contempo come si usa.
Cos'è l'alt text e come funziona?
Che cos'è il testo alt? Conosciuti anche come "tag alt delle immagini", i "tag alt" sono un tipo di codice HTML che descrive l'aspetto e lo scopo di un'immagine su una pagina web.
Se un'immagine su un sito web non si carica sul computer dell'utente, l'alt text è la copia scritta che appare al suo posto. Queste immagini con alt text aiutano i software di lettura dello schermo a descrivere le immagini ai lettori ipovedenti e consentono ai motori di ricerca di scansionare e valutare il vostro sito web in modo più efficace.
Se fate SEO per la vostra azienda, l'ottimizzazione delle immagini e del alt text del vostro sito web è la chiave per offrire ai vostri visitatori una migliore esperienza d'uso, indipendentemente dal modo in cui vi hanno trovato.
I tag alt sono utilizzati per:
- L'aggiunta di tag alt alle immagini è innanzitutto un concetto di accessibilità al web. l'alt text di un'immagine viene letto dagli utenti ipovedenti che utilizzano screen reader per aiutarli a comprendere un'immagine sulla pagina.
- Se un file immagine non può essere caricato, l'alt text verrà visualizzato al suo posto.
- I tag alt forniscono ai crawler dei motori di ricerca un contesto/una descrizione migliore dell'immagine, aiutandoli a indicizzarla correttamente.
3 esempi di alt text (buoni e cattivi)
1. Qual è la differenza tra una parola chiave e un dettaglio?
Questa immagine è tratta dal sito web di Strikingly
alt text negativo: "La homepage di Strikingly crea un sito web in pochi minuti, inizia, è gratis".
Qual è il problema di quella riga di alt text lassù? Ci sono troppi riferimenti a Strikingly. L'uso del alt text per infilare parole chiave in frasi spezzettate aggiunge troppa confusione e poco significato all'immagine. L'editore darà valore a quelle parole chiave, ma Google no.
In realtà, il testo di cui sopra rende difficile per Google capire come l'immagine sia correlata al resto del sito web o dell'articolo in cui si trova, rendendo impossibile il posizionamento dell'immagine per parole chiave simili con livelli di interesse più elevati alt text come: "Pagina di accesso al costruttore di siti web Strikingly".
2. Specificità vs. dettaglio
Questa immagine è tratta dal sito web in.musafir.com
Pessimo alt text: "cane a Parigi"
Sebbene la riga di alt text qui sopra segua logicamente la prima regola dell’alt text, ossia essere descrittivo, lo fa in modo errato. Sì, l'immagine qui sopra ritrae Parigi, la Francia e un cane. Ma si tratta anche di una veduta della torre Eifell e di un cane Chihuahua. Se l'immagine si trova, ad esempio, in un post di un blog che parla di un viaggio in Francia, Google avrà bisogno di questi dettagli per indicizzarla correttamente.
Un buon testo alternativo: "Cane chihuahua seduto su una sedia rossa vicino alla Torre Eiffel, Parigi Francia".
3. Contesto vs. Specificità
Il significato di entrambe le immagini qui sopra è semplice e può aiutarci a scrivere un buon alt text: una proviene dal sito web Strikingly e l'altra da Parigi, Francia. Ma cosa succede se alla vostra immagine manca un contesto ufficiale (come il nome di una località) per spiegarla?
In questo caso può essere utile l'argomento dell'articolo o del sito web su cui si sta caricando l'immagine.
Esempi di testi alt cattivi e buoni, a seconda del motivo per cui si pubblica l'immagine
1. Per un articolo sull'uso del software di contabilità.
Testo alternativo sbagliato: "Uomo che indica lo schermo del computer di una persona".
Perché la riga di alt text qui sopra non è sufficiente per una pagina web sul software di contabilità? È quasi altrettanto descrittivo e preciso del buon alt text dell'esempio precedente. Questo esempio si addentra molto di più nel tema della scuola di economia, affermando che il target di questa pagina sono gli studenti. Pertanto, l'alt text delle immagini deve rappresentare questo aspetto.
Un buon alt text: "Uomo d'affari che utilizza un software di contabilità per istruire un gruppo di contabili".
2. Per un articolo sulla scuola di specializzazione.
alt text scadente: "Uomo che indica lo schermo del computer di una persona".
l'alt text di cui sopra sarebbe di solito sufficiente, ma poiché il nostro obiettivo è pubblicare questa immagine insieme a un articolo sulla scuola di economia, stiamo perdendo alcune opzioni di parole chiave che potrebbero aiutare Google a collegare l'immagine a parti specifiche dell'articolo.
Un buon alt text: "Professore di una scuola di specializzazione che indica lo schermo del computer di uno studente".
Importanza del’alt text
1. Accessibilità
Un principio fondamentale del web design aperto è l'alt text. La sua funzione principale (e tuttora primaria) è quella di spiegare le foto ai visitatori non vedenti. Ciò include gli screen reader e i browser che bloccano le immagini, nonché gli utenti disabili o altrimenti incapaci di riconoscere visivamente un'immagine. Utilizzando l'alt text con le foto, tutti gli utenti, indipendentemente dalla capacità visiva, potranno apprezzare il contenuto del sito.
2. Ottimizzazione delle immagini per i motori di ricerca
L'inclusione di tag alt nelle foto non solo è vantaggiosa per i clienti, ma può anche aiutarvi a ottenere vantaggi SEO, sia espliciti che impliciti. Oltre a seguire le migliori pratiche per il titolo delle immagini e la denominazione dei file, l'inclusione dei tag alt delle immagini può contribuire alla SEO delle immagini.
Sebbene la tecnologia di riconoscimento delle immagini sia migliorata notevolmente nel corso del tempo, i crawler di ricerca non sono ancora in grado di "vedere" le immagini sulla pagina di un sito web come noi, quindi non è una buona idea affidarsi esclusivamente a loro per la comprensione. È probabile che se non capiscono o sbagliano, vi classificherete per parole chiave non volute o non ci riuscirete del tutto.
È possibile utilizzare l'alt text delle immagini per includere la parola chiave desiderata. Poiché l'uso delle parole chiave sulla pagina è ancora un fattore di ranking per i motori di ricerca, è nel vostro interesse creare un alt text che spieghi l'immagine e che utilizzi, se possibile, una parola chiave o una frase chiave che state cercando.
Come ottimizzare l'alt text: le migliori pratiche e come scrivere testi alt validi
- L’alt text per le immagini deve essere descrittivo e allo stesso tempo simbolico della pagina web che supporta. Avete capito il senso di tutto ciò? Ecco alcuni punti chiave da tenere a mente per scrivere un tag title di immagine di successo per la SEO.
- Fornite una descrizione dettagliata dell'immagine. Utilizzate il soggetto e il significato dell'immagine per orientarvi. Siate il più possibile descrittivi nel descrivere l'immagine. In primo luogo, l'alt text ha lo scopo di fornire descrizioni testuali delle immagini per gli utenti non vedenti o ipovedenti. Se un'immagine non ha alcun significato o importanza ed è presente solo per motivi di design, dovrebbe essere inserita nel CSS piuttosto che nell'HTML.
- Mantenete i tag alt a 125 caratteri o meno. Quando si parla di questa spiegazione per gli ipovedenti, gli strumenti di lettura dello schermo di solito interrompono la lettura del alt text a questo punto, interrompendo l'alt text lungo in momenti scomodi.
- Non iniziate i vostri tag alt con "immagine di...". Date subito un'occhiata alla definizione dell'immagine. I software di lettura dello schermo (e, se è per questo, Google) la riconosceranno come immagine nel codice sorgente HTML del post.
- Utilizzate le parole chiave, ma con parsimonia. Utilizzate solo la parola chiave dell'articolo nel alt text, se è semplice farlo. In caso contrario, pensate di utilizzare parole chiave semantiche, che sono semplicemente i termini più rilevanti all'interno di una parola chiave a coda lunga. Se la parola chiave del vostro articolo è "come usare i planogrammi", per esempio, potete usare "usi dei planogrammi" nel alt text invece di "come fare", poiché "come fare" può essere difficile da includere nel alt text di un'immagine.
- Non inserite la parola chiave nel alt text di ogni immagine. Includete la parola chiave in almeno una delle foto del corpo se il vostro blog post ne include una sequenza. Scegliete l'immagine che ritenete rappresenti meglio il vostro argomento e fatela diventare la vostra parola chiave. Nei media circostanti, attenetevi a dettagli più estetici.
- Le immagini non devono essere utilizzate come testo. Si tratta di un principio generale di sviluppo web SEO-friendly più che di una best practice specifica per l'alt text. Non si dovrebbero più usare immagini al posto delle parole, poiché i motori di ricerca non sono in grado di leggere il testo all'interno delle immagini. Se necessario, utilizzate l'alt text per chiarire il significato dell'immagine.
Aggiungere l’alt text alle immagini del vostro sito web
Ora che avete capito l'importanza del alt text come strumento SEO e come scrivere un buon alt text, vediamo come aggiungere l'alt text alle vostre immagini web.
Aggiungere l'alt text alle singole immagini:
1. Nell'editor web, spostatevi sull'immagine che desiderate modificare.
2. Passare il mouse sull'immagine e selezionare "Modifica".
3. Per aggiungere l'alt text, fare clic su "Aggiungi testo alt".
4. Dovrebbe essere selezionato "Salva".
Questa immagine è tratta dal prodotto Strikingly
Aggiungere l'alt text alle immagini nelle gallerie:
1. Nell'editor del sito, andare alla sezione Galleria.
2. Spostate il cursore sull'immagine e selezionate "Modifica".
3. Per aggiungere un titolo all'immagine, fare clic su "Aggiungi titolo" (testo alt).
4. Per aggiungere una descrizione all'immagine, fare clic su "Aggiungi descrizione".
5. Selezionare "Salva".
Questa immagine è tratta dal prodotto Strikingly
L'uso di immagini nei vostri articoli invoglia le persone a leggerli, e le immagini ben scelte vi aiuteranno anche a posizionarvi bene nei risultati di ricerca delle immagini, sostenendo il vostro post. Tuttavia, ricordate di offrire alle vostre foto attributi alt forti: l'alt text migliora il messaggio dei vostri articoli con gli spider dei motori di ricerca e aumenta l'usabilità del vostro sito web.
Create il vostro sito web!
Un alt text funziona meglio se scritto bene. Ma dove pubblicherete le immagini, gli articoli e i blog che avete appena creato? La risposta è semplice. Create un sito web!
Questa immagine è tratta dal sito web di Strikingly
Strikingly offre centinaia di splendidi temi di siti web gratuiti tra cui scegliere. Ci sono temi di siti web per l'e-commerce, per la musica, per la fotografia e molto altro ancora tra cui scegliere.
Questa immagine è tratta dal prodotto Strikingly
Non vi resta che scegliere quello che meglio si adatta alle esigenze, al look e al sound della vostra azienda. Quindi iscrivetevi gratuitamente in pochi minuti. Infine, personalizzate le vostre pagine incorporando i vostri contenuti e il vostro stile.
Far valere l'alt text.
Come si fa a creare un alt text per i post del blog e le pagine web? Prendete in considerazione l'idea di effettuare una semplice verifica dei vostri contenuti attuali per determinare dove è possibile aggiungere l'alt text alle immagini precedentemente non contrassegnate. Tenete d'occhio l'andamento del traffico organico quando aggiungete nuovi tag alt alle pagine. Più le foto vengono perfezionate, più la vostra strategia SEO diventerà efficace. Per maggiori dettagli, contattate il nostro supporto via chat oggi stesso!
