Meta tag e basi SEO per HTML5

Obiettivo della lezione

Scrivere title, description, canonical e struttura dei titoli per rendere la pagina più comprensibile.

Spiegazione

La SEO tecnica di base comincia nell’HTML. Il tag title definisce il titolo mostrato nella scheda del browser e nei risultati di ricerca. La meta description riassume il contenuto. I titoli interni organizzano la lettura.

Non basta “mettere parole chiave”: una pagina deve rispondere bene a un bisogno reale.

Idea chiave: in HTML devi scegliere il tag in base al significato del contenuto. La grafica verrà gestita in seguito con CSS.

Codice di esempio

Studia il blocco seguente e prova a copiarlo in un file HTML, modificando testi e contenuti.

<title>Corso HTML5 pratico | TastoEffeUno</title>
<meta name="description" content="Impara HTML5 con esempi pratici, esercizi e progetto finale.">
<link rel="canonical" href="https://www.tastoeffeuno.it/WEB-LAB/HTML5-LAB/">

Errori comuni

Usare lo stesso title su tutte le pagine.
Scrivere description troppo generiche.
Avere più h1 senza una reale necessità.

Esercizio pratico

Crea una nuova pagina partendo dalla struttura base. Applica l’argomento di questa lezione a un contenuto reale: una pagina corso, una scheda personale o una piccola pagina informativa.

Apri il tuo editor.
Crea o aggiorna un file .html o .asp.
Inserisci il codice della lezione.
Modifica testi e attributi.
Apri la pagina nel browser e controlla il risultato.

Lezioni collegate

Continua il laboratorio

Procedi con la lezione successiva oppure passa agli esercizi per consolidare subito i concetti.

Precedente Successiva