Scrivi descrizioni chiare e concise delle immagini per favorire la SEO e rendere i tuoi contenuti più accessibili.

Il testo alt è il testo che viene aggiunto alle immagini per renderle più accessibili ai visitatori. I motori di ricerca utilizzano il testo alt anche per individuare il contenuto dell'immagine, quindi è un ottimo modo per dare al tuo sito una spinta nella SEO. In alcuni punti, il nome del file dell'immagine funge da testo alt se non si aggiunge manualmente il testo alt. Per i blocchi immagine e i layout intelligenti, è necessario aggiungere manualmente il testo alt. 

Il testo alt è utile anche per gli screen reader assistivi o i browser con immagini disattivate. Se un browser non è in grado di visualizzare l'immagine, è possibile che venga visualizzato il testo alt al suo posto. Non è necessario che il testo alt sia visibile come testo normale sulla pagina perché uno screen reader possa leggerlo. Quando aggiungi testo alt, usa termini brevi e leggibili per descrivere l'immagine. Segui i nostri suggerimenti per rendere accessibili le tue immagini.

Questa guida illustra come aggiungere testo alternativo alle immagini del sito e immagini che includono testo alternativo automaticamente.

Guarda un video

Procedure consigliate per il testo alternativo

Quando scrivi un testo alternativo, ricorda che stai scrivendo per utenti che usano lettori di schermo assistivi o che hanno disabilitato le immagini nel loro browser. Ricorda:

• Inserisci un testo descrittivo e utile. Come descriveresti questa immagine a qualcuno che non può vederla?
• Mantieni il testo breve, in genere dodici parole o meno.
• Ottimizza il testo per la ricerca incorporando parole chiave, ma evita di eccedere nel numero.
• Inserisci frasi reali; non utilizzare trattini per separare le parole.
• Puoi omettere parole come "il" e "un" e termini come "foto" o "immagine". Ad esempio, anziché una foto di un vaso verde, utilizza vaso verde.

Nomi dei file immagine

Il nome di un file immagine funge da testo alt se non viene aggiunto altro testo alt, tranne nel caso dei blocchi immagine e dei layout intelligenti. Ti consigliamo di utilizzare le nostre best practice per il testo alt quando crei nomi di file immagine per le tue immagini.

Per cambiare il nome del file, aggiornalo nella libreria delle risorse.

Suggerimento: Nei nomi dei file, utilizza solo lettere, numeri, trattini e trattini bassi.

Logo del sito

Il titolo del sito funge da testo alternativo per il logo del sito.

Blocchi immagine

Puoi aggiungere un testo alt di un massimo di 250 caratteri a qualsiasi layout di blocchi di immagini. Se non lo fai, l'immagine risulterà nascosta alle tecnologie assistive, come gli screen reader. Il modo in cui aggiungi il testo alt a un blocco di immagini dipende dalla versione di Squarespace in cui si trova il tuo sito.

Immagini dei layout automatici e della sezione galleria

I layout automatici e le sezioni della galleria sono supportati solo nella versione 7.1.

Puoi aggiungere testo alternativo ai layout intelligenti e alle sezioni galleria, ma utilizzando un metodo diverso in ciascun caso.

Layout automatici

Se il campo del testo alternativo dell'immagine non viene visualizzato, nella scheda Elementi, attiva l'opzione Mostra immagine. Per aggiungere testo alt alle immagini nelle sezioni con layout intelligente:

1. Durante la modifica di una pagina, passa il mouse sulla sezione di layout automatico e fai clic su Modifica contenuto.
2. Clicca sulla scheda Contenuto.
3. Clicca sull'immagine a cui vuoi aggiungere testo alt.
4. Scorri fino a Testo alternativo immagine e inserisci il testo alternativo nel campo.
5. Clicca su Indietro, quindi su Salva.

Se non aggiungete testo alternativo ai layout intelligenti, non viene visualizzato alcun testo alternativo.

Sezioni della galleria

Le sezioni galleria mostrano principalmente immagini. Se aggiungi una descrizione alle immagini della sezione galleria, tale descrizione si trasforma automaticamente in testo alt e nella didascalia dell'immagine.

Immagini del Blocco galleria

Nella versione 7.1, è possibile aggiungere  Blocchi galleria solo ai post del blog, agli articoli e ai singoli eventi.

Per aggiungere un testo alternativo a un'immagine in un Blocco Galleria:

1. Clicca due volte sul Blocco galleria o clicca su Modifica.
2. Trova l'immagine da modificare, passaci sopra con il mouse e clicca su .
3. Aggiungi il testo alternativo nel campo Inserisci un nome per l'immagine.... Se non aggiungi un titolo immagine, il testo presente nel campo descrizione diventa testo alternativo.
4. Fai clic su Salva.

Immagini in evidenza di post del blog ed eventi

Il titolo di un post o evento del blog ha la funzione di testo alt per l'immagine in evidenza del post o dell'evento. Per le Pagine eventi, questa è uguale sia per il layout elenco che per il layout calendario.

Immagini in evidenza nella pagina

I nomi dei file hanno funzione di testo alt per le immagini in evidenza della pagina. Assicurati di denominare tutte le immagini in evidenza nel modo in cui desideri che vengano visualizzate prima di caricarle.

Immagine in miniatura di Blocco video

Quando aggiungi blocchi video alla tua pagina utilizzando un URL, il blocco genera automaticamente un'immagine in miniatura e viene visualizzato come sovrapposizione. Se aggiungi una miniatura personalizzata, il nome del file viene visualizzato nell'URL statico, ma non come testo Alt. Non è possibile aggiungere testo alt alle immagini in miniatura dei blocchi video.

Immagini Prodotto

Puoi aggiungere testo alt fino a 200 caratteri a qualsiasi immagine del prodotto. Se non aggiungi testo alt, il nome del prodotto diventa testo alternativo. Per aggiungere testo alt:

1. Nella Pagina negozio, passa il mouse su un prodotto, quindi fai doppio clic su di esso.
2. Passa il mouse sull'immagine del prodotto, fai clic sui tre punti, quindi clicca su Modifica metadati.
3. Aggiungi il testo nel campo Testo alt.
4. Clicca su Applica.

Immagini della Pagina di copertina (versione 7.0)

Per aggiungere un testo alt a un'immagine in una pagina di copertina:

1. Nel menu Pagina di copertina, clicca sul pannello Media.
2. Passa il mouse sull'immagine e clicca su .
3. Aggiungi il testo alternativo nel campo Inserisci testo alternativo….
4. Fai clic su Salva.

Immagini della Pagina galleria (versione 7.0)

Per aggiungere un testo alternativo a un'immagine in una Pagina Galleria:

1. Clicca sulla Pagina galleria nel pannello Pagine.
2. Trova l'immagine da modificare, passaci sopra con il mouse e clicca su .
3. Aggiungi testo alternativo nel campo Titolo. Se non aggiungi un titolo immagine, il testo presente nel campo Descrizione diventerà il testo alternativo.
4. Fai clic su Salva.

Sezioni immagini, blog e prodotti di Campagne e-mail

In Campagne e-mail Squarespace, puoi aggiungere testo alt a immagini, post del blog e prodotti che aggiungi alla tua campagna:

1. Nella bozza della campagna, clicca su una sezione immagine, una sezione blog o una sezione prodotto.
2. Nel pannello a destra, clicca sull'immagine, sul post del blog o sul prodotto in cui desideri aggiungere testo alt.
3. Aggiungi il testo alt sotto Testo alt immagine. Il testo alt viene salvato automaticamente.

Se non aggiungi testo alt a queste sezioni, non viene visualizzato alcun testo alt. Non è possibile aggiungere testo alt a immagini o loghi nell'intestazione della campagna.

Immagini di sfondo di sezione

Non è possibile aggiungere testo alt alle immagini di sfondo. Le immagini di carattere puramente decorativo, come le immagini di sfondo astratte o gli elementi grafici che separano i contenuti, non necessitano di descrizioni. Per maggiori informazioni, consulta le Linee guida per l'accessibilità dei contenuti web.

Se desideri aggiungere un testo alt a un'immagine di sfondo, una soluzione consiste nell'utilizzare un blocco immagine come sfondo della sezione, riempire il blocco e aggiungere un testo alt.

Potresti anche essere in grado di aggiungere testo alt a un'immagine di sfondo aggiungendo codice personalizzato. Per maggiori informazioni, visita questo post in Squarespace Forum. Nota: le personalizzazioni del codice non rientrano nell'ambito della nostra assistenza. Ciò significa che non possiamo fornire assistenza in relazione alla configurazione o alla risoluzione dei problemi.

Passaggi successivi

• Per altri suggerimenti sulla SEO, visita Aumentare la visibilità del tuo sito sui motori di ricerca.
• Per informazioni su come rendere il tuo sito più accessibile, visita FAQ sull'accessibilità.

Suggerimento: assicurati che le dimensioni delle tue immagini, i nomi dei file e il test alt siano ottimizzati per i motori di ricerca e i visitatori collegando l'estensione TinyIMG. TinyIMG fornisce inoltre un controllo SEO che identifica eventuali problemi con il SEO delle immagini. Anche se collaboriamo con servizi di terze parti per garantire il corretto funzionamento di Squarespace Extensions, le estensioni non rientrano nell'ambito della nostra assistenza. Possiamo aiutarti a collegare o scollegare le estensioni. Per tutte le altre domande, contatta direttamente il fornitore.