Cos'è un title tag e perché il formato è importante
Il title tag è l'elemento HTML che definisce il titolo cliccabile nei risultati di ricerca, nelle schede del browser e nelle anteprime di condivisione social quando i tag Open Graph sono assenti. Si trova dentro la sezione <head> della pagina e appare così nell'HTML grezzo:
<title>How to Write a Meta Description | BlazeHive</title>
In Next.js o altri framework React, appare come un'esportazione di metadati:
export const metadata = {
title: "How to Write a Meta Description | BlazeHive",
};
In WordPress con Yoast SEO, va nel campo "SEO title" nel pannello Yoast. Diversi sistemi si aspettano formati diversi. Un tool che ti fornisce il title come testo semplice ti costringe ad avvolgerlo nella sintassi giusta per il tuo stack. Un tool che ti fornisce tre pulsanti di copia risparmia questo passaggio.
Google tronca i title tag a circa 60 caratteri o 600 pixel, a seconda di quale arrivi prima. Il conteggio dei caratteri è un'approssimazione. Un title con lettere maiuscole e caratteri larghi come W e M viene tagliato prima di un title con lettere minuscole. L'unico controllo affidabile è un'anteprima pixel-accurata che renderizza il title nel font SERP e misura la larghezza.
La maggior parte dei generatori gratuiti restituisce un elenco di title in testo semplice. Questo restituisce un output formattato pronto da incollare in cinque degli ambienti più comuni: HTML grezzo, metadati Next.js, Yoast WordPress, frontmatter Astro e testo semplice per CMS con il proprio campo title.
Come usare questo generatore di title tag
- Inserisci la tua Main keyword. Usa la frase esatta che stai targeting. "Accounting software for freelancers" è una keyword. "Accounting" è troppo generico.
- Imposta Page topic / purpose. Scrivi una frase che descriva di cosa tratta la pagina. Esempio: "Comparison of accounting apps for freelancers under $50/month." Questo fornisce al generatore il contesto per scrivere un title che corrisponda al contenuto della pagina.
- Facoltativo: aggiungi Brand name. Se il tuo brand ha riconoscimento nel mercato di riferimento, includilo. Se il tuo brand è nuovo, saltalo per risparmiare caratteri per la proposta di valore.
- Scegli Brand placement. "No brand" lo omette completamente. "Prepend" mette il brand per primo: "BlazeHive: Accounting Software for Freelancers." "Append" mette il brand ultimo: "Accounting Software for Freelancers | BlazeHive."
- Fai clic su Generate title tags. Ottieni tre opzioni perfezionate, ognuna con un'anteprima SERP, conteggio dei caratteri e quattro pulsanti di copia.
Prova questo: keyword "accounting software for freelancers," page topic "comparison of 7 apps tested by freelance designers," brand "BlazeHive," brand placement "append." Un output potrebbe leggere "7 Accounting Apps for Freelancers (Tested by Designers) | BlazeHive" (62 caratteri, si adatta al SERP). Un altro potrebbe leggere "Best Accounting Software for Freelancers in 2026 | BlazeHive" (59 caratteri, si adatta al SERP). Ognuno viene fornito con pulsanti di copia per HTML, Next.js, Yoast e testo semplice.
Perché l'output specifico del formato è importante
Passare da uno strumento di scrittura a un editor di codice introduce attrito e errori di trascrizione. Generi un title, lo copi, apri il tuo IDE o CMS, digiti il tag di apertura, incolli il title, digiti il tag di chiusura. Quel flusso di lavoro aggiunge quindici secondi per ogni title e introduce errori di battitura. Un tag di chiusura mancante rompe la pagina. Dimenticare di sfuggire ai caratteri speciali come virgolette o ampersand rompe i parser dei metadati.
Un sondaggio del 2022 di Netlify su 500 sviluppatori ha riscontrato che gli errori di configurazione e i refusi nei campi di metadati rappresentavano il 18% dei build non riusciti nei generatori di siti statici. La maggior parte di questi errori erano prevenibili con flussi di lavoro di copia-incolla che includevano la sintassi completa.
Tre conseguenze pratiche.
Velocità. La copia con un clic rimuove il passaggio di formattazione. Questo è importante quando stai pubblicando dieci pagine in uno sprint o rigenerando title su tutta una migrazione del sito.
Precisione. Lo strumento sfugge ai caratteri speciali e applica la sintassi corretta. Se il tuo title include una virgoletta o un ampersand, l'output HTML lo sfugge come " o &. L'output Next.js lo avvolge in una stringa JavaScript. Non devi ricordare le regole.
Ottimizzazioni specifiche dello stack. Next.js 13+ utilizza un oggetto metadata esportato. Astro utilizza frontmatter YAML. WordPress Yoast utilizza un campo di testo semplice senza wrapper. Uno strumento che conosce lo stack di destinazione ti fornisce lo snippet esatto che funziona. Nessun livello di traduzione.
L'output specifico del formato non è un lusso. È la differenza tra uno strumento che suggerisce title e uno strumento che li distribuisce.
Strategia di brand placement
Il dropdown Brand placement controlla dove il nome della tua azienda appare nel title tag.
No brand. Il title contiene solo la keyword e la proposta di valore. Esempio: "7 Accounting Apps for Freelancers (Tested in 2026)." Questo massimizza lo spazio per la keyword e l'hook. Usalo quando il tuo brand non ha riconoscimento nel mercato o quando ogni carattere conta.
Prepend. Il brand appare per primo, seguito da un due punti o un trattino. Esempio: "BlazeHive: Accounting Apps for Freelancers." Questo modello funziona per le query di ricerca del brand dove gli utenti conosco già il tuo nome. Sottoperforma per le keyword di scoperta dove gli utenti non ti hanno mai sentito nominare.
Append. Il brand appare ultimo, separato da una barra verticale o un trattino. Esempio: "Accounting Apps for Freelancers | BlazeHive." Questo è il modello più comune. Prioritizza la keyword per il segnale di rilevanza mantenendo il brand visibile per gli utenti che scansionano il SERP e riconoscono il nome.
Il brand placement non è un fattore di ranking, ma influisce sul CTR. Se il tuo brand ha un forte riconoscimento, aggiungerlo può aumentare il CTR del 10-20% secondo i test A/B eseguiti da Moz e Ahrefs su title con brand rispetto a quelli senza brand. Se il tuo brand è sconosciuto, aggiungerlo costa cinque-quindici caratteri per zero guadagno di CTR.
Errori comuni
- Aggiungere il brand quando non ci sta. Un title di 55 caratteri senza brand si adatta perfettamente. Aggiungere un nome di brand di 12 caratteri lo porta a 67 caratteri e innesca il troncamento. Se il brand rende il title troppo lungo, eliminalo. Il ranking e il CTR contano più della visibilità del brand in un title troncato.
- Copiare la versione HTML in un file Next.js. Il pulsante di copia HTML produce
<title>...</title>. Incollarlo in un oggetto di metadati Next.js rompe il build. Usa il pulsante di copia Next.js per i progetti Next.js. - Usare caratteri speciali senza controllare l'anteprima. Ampersand, virgolette ed emoji a volte si rendono correttamente e a volte si rompono. L'anteprima SERP mostra cosa Google visualizzerà. Se non sembra giusto, rigenerare con una punteggiatura più semplice.
- Riutilizzare lo stesso title su più pagine. Ogni pagina del tuo sito ha bisogno di un title tag univoco. I title duplicati confondono i motori di ricerca e riducono la possibilità che una delle pagine si posizioni. Genera un nuovo title per ogni pagina anche se la keyword è simile.
- Saltare l'anteprima SERP. Un title che legge bene in testo semplice può comunque essere troncato nel SERP. Controlla sempre l'anteprima prima di copiare.
Suggerimenti avanzati
- Usa il pulsante di copia del testo semplice per i CMS che non richiedono il wrapping HTML. Shopify, Webflow e Squarespace hanno tutti campi title che si aspettano testo semplice. Gli altri pulsanti di copia sono per le integrazioni a livello di codice.
- Rigenerare se il primo batch non raggiunge il tono giusto. Lo strumento restituisce tre opzioni per esecuzione. Se nessuna si adatta, eseguire di nuovo con un page topic più specifico. Aggiungere dettagli al campo page-topic produce title più affilati.
- Abbina questo tool con il seo title generator per un flusso di lavoro a due passaggi. Usa il generatore di title SEO per generare dieci opzioni e scegli la migliore. Quindi alimenta il vincitore in questo tool per ottenere l'output formattato pronto da incollare.
- Testa le versioni con e senza brand su pagine simili. Se non sei sicuro di includere il tuo brand, genera entrambe, pubblicale su pagine comparabili e confronta il CTR in Search Console dopo due settimane. I dati decidono.
- Salva l'output formattato in un foglio di calcolo se stai facendo una migrazione del sito. Genera title per ogni pagina in anticipo, esportali come CSV e importali in batch nel tuo nuovo CMS. Questo elimina il passaggio di copia-incolla per pagina.
Una volta ottenuto il title tag, il prossimo passaggio è la meta description. Usa il meta description generator per scrivere cinque opzioni di descrizione con anteprima SERP e interruttore di stile CTA. Se il title ha bisogno di un controllo di qualità prima della pubblicazione, alimentalo al headline checker per una suddivisione tra chiarezza, emozione, peso SEO e densità di power word. Per un flusso di lavoro di pianificazione dei contenuti completo, il content brief generator produce title, meta description, outline e target di keyword in un unico passaggio.