Meta tag e SEO

1. Il concetto, spiegato da zero

I metadati forniscono informazioni sul documento a browser, social e motori di ricerca.

title deve identificare chiaramente la pagina; meta description sintetizza il suo contenuto. lang dichiara la lingua. Nessuno di questi garantisce una posizione su Google.

2. Un esempio ragionato

Osserva l’esempio e leggi ogni istruzione nell’ordine. Prima di provarlo, fermati a prevedere cosa succederà; capire il motivo del risultato è più importante che memorizzare la sintassi.

<!doctype html>
<html lang="it"><head>
 <meta charset="utf-8">
 <meta name="description" content="Un piccolo corso HTML per principianti">
 <title>Imparare HTML da zero</title>
</head><body><h1>Benvenuto</h1></body></html>

Come leggere questo esempio

1. Prima di eseguire, immagina come apparirà il risultato nel browser.
2. Spiega con parole tue in che modo “meta tag e seo” risolve un problema concreto.
3. Rileggi ogni riga del programma e individua i valori che vengono creati o modificati.
4. Modifica un valore; confronta il comportamento e annota che cosa è cambiato.

3. Adesso tocca a te

Obiettivo dell’esercizio: Scrivi titolo e descrizione specifici per una pagina didattica.

Puoi partire dall’esempio, riprodurlo e poi modificarlo. La soluzione di riferimento è disponibile sotto, ma conviene aprirla soltanto dopo un primo tentativo.

Il risultato comparirà qui.

<!doctype html>
<html lang="it"><head>
 <meta charset="utf-8">
 <meta name="description" content="Un piccolo corso HTML per principianti">
 <title>Imparare HTML da zero</title>
</head><body><h1>Benvenuto</h1></body></html>

4. Verifica e ripasso

5. Come proseguire

Prima del capitolo successivo, prova a spiegare il concetto a un amico senza leggere il codice. Se non riesci, torna all’esempio e fai una nuova variante: imparare significa anche sperimentare.