TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Che cos’è il testo alternativo e come aggiungere il testo alternativo alle immagini?

13

Il testo alternativo è un attributo HTML che visualizza un testo alternativo quando elementi non testuali come le immagini non possono essere visualizzati nel browser. Gli utenti umani reali possono vedere e comprendere immagini e contenuti di testo. Ma i bot dei motori di ricerca possono eseguire facilmente la scansione del contenuto del testo, ma i contenuti multimediali come le immagini non sono facili da scansionare e indicizzare per i motori di ricerca nel database. Per ovviare a questo, tutti gli elementi dell’immagine dovrebbero avere un testo alternativo associato in modo che i motori di ricerca possano comprendere meglio il significato dell’elemento.

Ci sono tre usi principali per aggiungere testo alternativo a un elemento immagine:

  • Per aiutare gli utenti ipovedenti
  • Visualizzato su browser incompatibili
  • Aiuta i robot dei motori di ricerca

Per gli utenti ipovedenti

Generalmente gli utenti con problemi visivi utilizzano lettori di schermo per tradurre il testo della pagina Web in parlato e ascoltare il contenuto. Anche in questo caso le immagini diventeranno un problema per gli screen reader se non hanno un contenuto testuale ad esse associato. Quando il testo alternativo viene utilizzato con le immagini, gli screen reader leggeranno questo testo come normale contenuto di testo.

Per browser incompatibili

Quando il browser non è in grado di visualizzare un’immagine a causa di problemi momentanei o incompatibili con il server, verrà visualizzato il testo alternativo attribuito a quell’immagine.

Che cos'è il testo alternativo e come aggiungere il testo alternativo alle immagini?

Testo alternativo in un’immagine non compatibile

Per i robot dei motori di ricerca

Poiché i crawler di ricerca non sono in grado di comprendere correttamente le immagini, il testo alternativo li aiuta a comprendere correttamente il significato di un’immagine e di indicizzarla nel database. I motori di ricerca dispongono di crawler separati per le immagini e la scansione del Web in modo che i risultati di ricerca Web o di immagini corrispondenti possano essere efficacemente offerti agli utenti. L’aggiunta di testo alternativo alle immagini è una parte essenziale dell’ottimizzazione delle immagini per i motori di ricerca.

Sintassi

L’attributo Alt viene utilizzato come parte del tag tag immagine HTML con l’attributo alt:

<img src="image URL" alt="short image description">

Aggiunta di testo alternativo a un’immagine

Il testo alternativo può essere aggiunto a qualsiasi immagine utilizzando la sintassi sopra come parte del tag immagine HTML Weebly e WordPress che mostra quanto sia facile aggiungere testo alternativo alle immagini caricate su una pagina.

Sul costruttore di siti Weebly, puoi caricare l’immagine e basta fare clic sull’immagine per aprire il popup mostrato come di seguito. Il testo alternativo può essere facilmente aggiunto nella casella di testo desiderata.

Che cos'è il testo alternativo e come aggiungere il testo alternativo alle immagini?

Testo alternativo per l’immagine Weebly

Sulla piattaforma WordPress self-hosted quando carichi un’immagine, ci sono opzioni per aggiungere titolo, didascalia, descrizione e testo alternativo.

Che cos'è il testo alternativo e come aggiungere il testo alternativo alle immagini?

Aggiunta di testo alternativo in WordPress

Linee guida per il testo alternativo

Il testo alternativo dovrebbe fornire un significato appropriato di un’immagine per renderla significativa per tutti gli usi sopra menzionati. Di seguito sono riportate alcune linee guida di base per i webmaster su come aggiungere testo alternativo alle immagini:

  • Il testo alternativo è necessario solo affinché le immagini significative siano comprese dagli utenti e dai motori di ricerca. Ad esempio, un’immagine di un segno di spunta utilizzata per un elenco puntato in una pagina Web non ha davvero bisogno di un testo alternativo come "segno di spunta". Allo stesso modo, le immagini decorative possono avere una didascalia senza testo alternativo.
  • Fornisci un testo breve, semplice e significativo per le immagini. Pensa se il testo da inserire nel caso in cui l’elemento non testuale non possa essere utilizzato in quel luogo.
  • Se le immagini contengono parole, è una buona idea usare le stesse parole del testo alternativo.
  • Assicurati che il testo alternativo sia in linea con le parole chiave principali dell’intero articolo. L’utilizzo di testo irrilevante per le immagini ridurrà il ranking di ricerca poiché i crawler ritengono che non vi sia alcuna pertinenza tra le immagini e il contenuto di quella pagina.

1 Il nome effettivo di un’immagine non ha alcun impatto sulla SEO e sull’esperienza dell’utente.

2 Il testo alternativo è diverso dal titolo, dalla didascalia e dalla descrizione di un’immagine.

3 WordPress ha plugin di fascia alta come Yoast SEO che calcola il punteggio SEO della pagina considerando le descrizioni del testo alternativo delle immagini su quella pagina. Ciò contribuirà a regolare il testo alternativo e migliorare il punteggio SEO.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More