Il titolo e la meta description

Modulo 3: La base tecnica di una pagina · Tempo di lettura: 11 minuti

Obiettivo della lezione: Al termine di questa lezione Lei saprà scrivere per ogni pagina un buon titolo e una buona meta description, spiegare che cosa ne fa Google e perché a volte li sostituisce, e verificare che siano impostati correttamente sulle Sue pagine.

Concetti chiave: <title>, link del titolo, meta description (<meta name="description">), snippet, riscrittura da parte di Google, troncamento in base alla larghezza dello schermo, regola pratica per la lunghezza, titoli unici, nome del marchio, accumulo di parole chiave, nosnippet

Due righe nell'intestazione della Sua pagina

Ogni pagina di un sito web inizia con una parte che il visitatore non vede: la <head>. Lì si trovano due righe particolarmente importanti per i motori di ricerca:

<head>
  <title>Bruidsboeketten op maat in Amersfoort | Bloemenatelier Lotte</title>
  <meta name="description" content="Een bruidsboeket dat bij jullie dag past. Kom langs voor een gratis kennismaking in ons atelier in Amersfoort, of bekijk eerst onze voorbeelden.">
</head>

Il titolo (l'elemento <title>) compare nella scheda del browser, nei segnalibri e soprattutto nei risultati di ricerca. Google chiama la riga blu e cliccabile di un risultato di ricerca link del titolo. La meta description è un breve riassunto della pagina. Google a volte la utilizza per il testo sotto il link del titolo: lo snippet.

Insieme determinano in buona parte se una persona clicca sul Suo risultato o su quello di un altro. Per questo è una delle poche cose della reperibilità in cui in un quarto d'ora si può fare davvero la differenza.

Che cosa fa Google con il Suo titolo

Google stesso lo scrive così: si assicuri che ogni pagina abbia un titolo nell'elemento <title>, e lo renda descrittivo e conciso. Titoli vaghi come "Home" o "Benvenuto" non dicono nulla a nessuno.

Google usa di solito il Suo <title>, ma non sempre. Google può anche creare il link del titolo da altre fonti: il titolo più grande della pagina (spesso l'<h1>), l'og:title per i social media, testo in evidenza sulla pagina, il testo dei link che puntano alla pagina e il nome indicato nei dati strutturati di tipo WebSite. Succede soprattutto nelle seguenti situazioni, indicate da Google stesso:

Se Google riscrive il Suo titolo, non si tratta di una penalizzazione. È un segnale che il Suo titolo non descrive abbastanza bene la pagina. Se migliora il titolo, spesso Google lo riprende dopo la successiva visita del crawler.

Quanto può essere lungo un titolo?

Qui molti consigli che si trovano su internet sbagliano. Google dice testualmente che non c'è alcun limite alla lunghezza di un <title>. Il link del titolo nei risultati di ricerca viene però troncato in modo che entri nello schermo. Questo avviene in base alla larghezza dello schermo (pixel), non dopo un numero fisso di caratteri: un titolo con molte lettere larghe (m, w) viene troncato prima di uno con lettere strette (i, l).

Per questo motivo il corso usa una regola pratica, non una regola di Google: mantenga il titolo tra circa 15 e 65 caratteri. Più corto è spesso troppo vago, più lungo rischia che la parte più importante venga tagliata. Metta quindi all'inizio che cosa è la pagina e alla fine il nome della Sua attività.

Scrivere un buon titolo

Dalle linee guida di Google e dalla pratica:

1. Dica di che cosa parla la pagina. "Bruidsboeketten op maat in Amersfoort" (bouquet da sposa su misura ad Amersfoort) è meglio di "Servizi".
2. Un titolo proprio per ogni pagina. Due pagine con lo stesso titolo non si distinguono nei risultati di ricerca.
3. Nome del marchio breve, all'inizio o alla fine, separato da un segno come |, : o -. Google consiglia di non aggiungere uno slogan lungo a ogni titolo.
4. Nessun accumulo di parole chiave. "Fiori Amersfoort, fiorista Amersfoort, bouquet Amersfoort economico" non aiuta. Google cita esplicitamente la ripetizione di parole chiave come qualcosa che sembra spam; è perfino nelle norme sullo spam (lezione 8.2).
5. Lo mantenga aggiornato. Un anno nel titolo significa che dovrà aggiornarlo ogni anno.

Un errore frequente con i website builder: la homepage porta solo il nome dell'attività. "Bloemenatelier Lotte" dice chi è, ma non che cosa fa né dove. "Bloemenatelier Lotte | Bloemist in Amersfoort" (fiorista ad Amersfoort) funziona meglio per chi ancora non La conosce.

La meta description

La meta description si trova in un elemento <meta>:

<meta name="description" content="...">

Google dice: lo snippet proviene soprattutto dal contenuto della pagina stessa. La meta description viene utilizzata se riassume la pagina meglio di un brano di testo della pagina. Inoltre lo snippet può variare a seconda della ricerca: Google mostra la parte che corrisponde meglio alla domanda. Una buona meta description non garantisce quindi che venga mostrata, ma aumenta la probabilità che sotto il Suo titolo compaia qualcosa di sensato.

Anche qui: Google non prevede alcuna lunghezza massima, ma lo snippet viene troncato in modo che entri nello schermo. La regola pratica di questo corso: da 70 a 160 caratteri. Abbastanza lunga per dire qualcosa, abbastanza corta da restare visibile per intero.

Ecco come scriverne una:

• Riassuma che cosa si trova sulla pagina, con frasi normali.
• Indichi dati concreti che aiutano a scegliere: luogo, che cosa offre, per chi.
• Una descrizione propria per ogni pagina. Se ha poco tempo, inizi dalla homepage e dalle pagine più visitate; è ciò che consiglia anche Google.
• Nessun elenco di parole chiave. Google scrive che descrizioni di questo tipo vengono usate meno spesso come snippet.

Che cosa la meta description non fa: non è un fattore di ranking con cui ottenere una posizione più alta grazie alle parole chiave. Serve a convincere chi cerca a cliccare.

Decidere Lei che cosa viene mostrato

Vuole che Google non mostri alcuno snippet, o solo una parte? È possibile con una regola meta robots: <meta name="robots" content="nosnippet"> (nessuno snippet) o max-snippet:50 (al massimo 50 caratteri). Un brano di testo si può escludere con l'attributo data-nosnippet. Per la maggior parte dei piccoli siti non è necessario.

Dove vederli e verificarli

• Nel codice sorgente: apra la pagina, faccia clic con il tasto destro e scelga "Visualizza sorgente pagina" (oppure Ctrl+U). Cerchi con Ctrl+F <title e description.
• Nei risultati di ricerca: cerchi site:example.com per vedere come Google mostra le Sue pagine. Se il link del titolo è diverso dal Suo <title>, verifichi quale situazione della tabella qui sopra corrisponde.
• In Search Console: il rapporto Prestazioni (lezione 2.3) mostra quali pagine ottengono molte impressioni ma pochi clic. È lì che un titolo e una descrizione migliori rendono di più.

In pratica: impostare titolo e descrizione

• Nell'AI Builder di WebOké indica per ogni pagina un titolo e una descrizione propri. Se lascia vuoto il titolo, quello di una pagina normale diventa "Nome pagina | Nome sito" e la homepage porta solo il nome del sito. Dia quindi Lei alla homepage un titolo che dica anche che cosa fa. Il controllo SEO dell'AI Builder avvisa in caso di un titolo di oltre 65 caratteri e di una descrizione di oltre 160 caratteri: le stesse regole pratiche di questo corso.
• In WordPress è WordPress stesso a creare il titolo a partire dal titolo della pagina e dal nome del sito. Una meta description invece WordPress non la crea da solo; per questo serve un plugin SEO o un tema che offra questa funzione. L'argomento è trattato anche nel corso su WordPress, lezione 9.2.

Con altri website builder funziona in modo simile: cerchi impostazioni come "SEO", "Motori di ricerca" o "Impostazioni pagina".

Riepilogo

• Il titolo è la riga cliccabile nei risultati di ricerca; la meta description riassume la pagina e a volte viene mostrata come snippet.
• Google può sostituire il Suo titolo se è mezzo vuoto, obsoleto, inesatto o uguale ovunque, oppure se manca un titolo principale chiaro.
• Google non prevede una lunghezza massima, ma tronca in base alla larghezza dello schermo. Regole pratiche di questo corso: titolo da 15 a 65 caratteri, descrizione da 70 a 160 caratteri.
• Per ogni pagina un titolo e una descrizione propri e descrittivi; nessun accumulo di parole chiave; nome del marchio breve alla fine.
• La meta description aiuta le persone a scegliere, non la Sua posizione in classifica.

Quiz

Esercizio

Esercizio A3.1: Titolo e meta description della Sua pagina. Inserisca l'indirizzo di una pagina del Suo sito (la homepage o una pagina importante). Il programma recupera la pagina come farebbe un motore di ricerca, legge il <title> e la meta description e conta i caratteri. Vedrà se sono presenti, se rientrano nelle regole pratiche e se il titolo dice più del solo nome della Sua attività. Non ha un sito proprio? Usi www.rijksoverheid.nl.

Per approfondire

I passaggi descritti in questi articoli valgono per i pannelli di WebOké; con altri fornitori funziona in modo simile.

• Registrare il Suo sito web presso i motori di ricerca (Google e Bing)
• Sitebuilder e AI Bouwer: quale scegliere e come aprirlo?
• Google Search Central, Gestire i link del titolo nei risultati di ricerca: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Snippet e meta description: https://developers.google.com/search/docs/appearance/snippet