Introduzione
Ottimizzare i tag SEO non significa soltanto inserire parole chiave in una pagina. Una buona configurazione HTML deve aiutare sia i motori di ricerca sia le persone a comprendere rapidamente il contenuto. In particolare, il tag title, la meta description e l’attributo alt delle immagini devono essere coerenti con ciò che l’utente troverà nella pagina.
Un approccio pratico consiste nel verificare questi tre elementi come parte di una vera e propria checklist editoriale. Prima di pubblicare un articolo, una scheda prodotto o una pagina di servizio, è utile controllare che ogni elemento sia unico, descrittivo e collegato all’intento di ricerca.
In questo tutorial realizzeremo una pagina di esempio dedicata a un corso di fotografia digitale. Vedremo come scrivere i tag, come evitare errori comuni e come controllare il risultato senza affidarsi esclusivamente alla ripetizione delle parole chiave.
Codice completo
<title>Corso di fotografia digitale per principianti | FotoLab</title>
<meta name="description" content="Impara le basi della fotografia digitale: esposizione, messa a fuoco e composizione in un corso pratico per principianti.">
<h1>Corso di fotografia digitale per principianti</h1>
<p>
Un percorso pratico per imparare a usare la fotocamera e ottenere immagini
più equilibrate in diverse condizioni di luce.
</p>
<img
src="/immagini/corso-fotografia-esposizione.jpg"
alt="Studente che regola l´esposizione di una fotocamera durante una lezione"
/>
<h2>Cosa imparerai</h2>
<ul>
<li>Come controllare apertura, tempo e sensibilità ISO</li>
<li>Come scegliere il punto di messa a fuoco</li>
<li>Come organizzare una composizione fotografica equilibrata</li>
</ul>Spiegazione
Il tag title
Il tag title identifica il documento nel browser e contribuisce a presentare la pagina nei risultati di ricerca. Nell’esempio comunica tre informazioni importanti: l’argomento principale, il pubblico a cui è rivolto il corso e il nome del progetto.
Il testo “Corso di fotografia digitale per principianti” è più utile di un titolo generico come “Home” o “Pagina corso”. L’aggiunta del nome “FotoLab” aiuta inoltre a riconoscere il sito, soprattutto quando l’utente apre più risultati nella stessa pagina di ricerca.
La meta description
La meta description non sostituisce il contenuto della pagina e non garantisce automaticamente un posizionamento migliore. Tuttavia, può influenzare la scelta dell’utente quando viene mostrata come anteprima nei risultati.
Una descrizione efficace riassume il beneficio principale e anticipa gli argomenti trattati. Nel codice viene indicato che il corso è pratico e rivolto ai principianti, specificando anche alcuni contenuti: esposizione, messa a fuoco e composizione. È preferibile scrivere una frase naturale invece di concatenare molte parole chiave.
L’attributo alt
L’attributo alt descrive il significato di un’immagine quando questa non può essere visualizzata. È importante anche per l’accessibilità, perché gli screen reader possono leggerlo agli utenti che non vedono l’immagine.
Un buon testo alternativo risponde alla domanda: “Che cosa deve sapere una persona su questa immagine per comprendere la pagina?”. Nell’esempio, “Studente che regola l’esposizione di una fotocamera durante una lezione” è più informativo di “foto corso” o “fotocamera fotografia principianti”.
Se un’immagine è puramente decorativa e non aggiunge informazioni, l’attributo può essere vuoto:
<img src="/immagini/linea-decorativa.svg" alt="">In questo modo gli strumenti assistivi possono ignorarla senza interrompere la lettura del contenuto principale.
Best practice
- Scrivi un title unico per ogni pagina. Evita di usare lo stesso titolo per articoli, prodotti o servizi diversi.
- Metti l’informazione più importante all’inizio. Il tema principale dovrebbe essere immediatamente comprensibile.
- Non duplicare il title nell’H1 in modo meccanico. I due elementi possono essere coerenti senza essere identici.
- Usa una meta description specifica. Descrivi l’utilità della pagina e non l’intero sito.
- Non inserire liste di keyword. Una frase leggibile è più utile di una sequenza artificiale di termini.
- Descrivi il contenuto reale delle immagini. L’alt deve riferirsi all’immagine presente, non a una parola chiave desiderata.
- Evita formule ridondanti. Non è necessario scrivere “immagine di” o “foto di” se il contesto lo rende già evidente.
- Controlla le pagine generate dinamicamente. Nei siti con CMS o template, verifica che title, description e alt non risultino vuoti o duplicati.
- Confronta l’anteprima con la pagina. Il testo mostrato nei risultati dovrebbe rappresentare davvero il contenuto disponibile dopo il clic.
Una semplice revisione può essere eseguita ponendo tre domande: il title spiega chiaramente l’argomento? La meta description chiarisce il valore della pagina? L’alt rende comprensibile l’immagine senza vederla?
Riepilogo
Title, meta description e alt svolgono funzioni diverse, ma devono lavorare insieme. Il title identifica la pagina, la meta description ne presenta il possibile valore nei risultati di ricerca e l’alt descrive le immagini, migliorando anche l’accessibilità.
La strategia più efficace non consiste nel riempire questi attributi di parole chiave, bensì nel renderli precisi, unici e coerenti con il contenuto. Una checklist eseguita prima della pubblicazione riduce duplicazioni, testi generici e descrizioni fuorvianti.
Approfondisci con risorse ufficiali
- Google Search Central: linee guida per creare titoli efficaci e descrizioni utili nei risultati di ricerca.
- W3C Web Accessibility Initiative: indicazioni sull’uso corretto dei testi alternativi per le immagini.
- MDN Web Docs: documentazione di riferimento sugli elementi HTML e sugli attributi accessibili.
- Google Search Console: strumento utile per individuare problemi di indicizzazione e verificare come le pagine vengono interpretate.