Title tag: o que é e como otimizar para SEO
A title tag é o elemento HTML que define o título de uma página e aparece como o link azul clicável nos resultados do Google. Fica dentro da tag , orienta os buscadores sobre o assunto da página e influencia diretamente o CTR. É um dos sinais de SEO on-page mais visíveis e importantes.
O que é uma title tag?
A title tag (tag de título) é o elemento HTML que informa aos buscadores e aos navegadores qual é o título de uma página. Nos resultados de busca, ela aparece como o texto azul clicável que leva ao site, sendo muitas vezes o primeiro contato do usuário com o seu conteúdo na SERP.
O mesmo título também é exibido na aba do navegador e quando a página é compartilhada em redes sociais (quando não há uma tag Open Graph específica). Por ser tão visível, a title tag é considerada pela Moz um dos elementos de SEO on-page mais importantes, já que pesa tanto no ranqueamento quanto na taxa de cliques.
Tag title no HTML: onde fica e exemplo de código
A tag <title> fica sempre dentro do <head> do documento HTML, antes do conteúdo visível da página. Cada página deve ter uma única title tag, com um título exclusivo.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Title tag: o que é e como otimizar para SEO</title>
<meta name="description" content="Aprenda o que é a title tag e como otimizá-la.">
</head>
<body>
...
</body>
</html>De acordo com a documentação do Google Search Central, o título exibido no resultado (o title link) é gerado principalmente a partir do conteúdo dessa tag <title>, então preenchê-la com um texto claro e descritivo é o ponto de partida da otimização.
Não confunda a title tag com a meta description: a primeira é o título clicável, a segunda é o texto de apoio que aparece logo abaixo dele na busca.
Qual o tamanho ideal de uma title tag?
Segundo a Moz, o Google costuma exibir os primeiros 50 a 60 caracteres do título, com base em um espaço de cerca de 600 pixels. Títulos mais longos não são penalizados, mas o texto que sobra é cortado com reticências na SERP.
| Faixa | Caracteres | Pixels (desktop) | Comportamento |
|---|---|---|---|
| Ideal | 50 a 60 | até ~600px | Exibido por completo na maioria dos casos |
| Limite | 60 a 70 | ~600px | Risco de truncamento |
| Longo demais | acima de 70 | acima de 600px | Cortado com reticências |
| Curto demais | abaixo de 20 | variável | Desperdiça espaço e contexto |
A Ahrefs chega à mesma orientação e reforça que títulos abaixo de 60 caracteres raramente são truncados. Como cada letra ocupa uma largura diferente (o "W" é mais largo que o "i"), o pixel é uma medida mais precisa que a contagem de caracteres. Na prática, manter o título perto de 55 caracteres é o caminho seguro para não truncar nem no desktop nem no mobile. Um título bem enxuto também ajuda a página a disputar espaço no featured snippet.
O Google reescreve títulos: o que isso muda
Escrever a title tag perfeita não garante que ela vá aparecer exatamente como você definiu. Desde a atualização de 2021, o Google passou a gerar o título do resultado a partir de várias fontes, e não só da tag <title>.
Um estudo da Zyppy, conduzido por Cyrus Shepard em 2021, analisou mais de 80 mil títulos de 2.370 sites e concluiu que o Google reescreveu, ao menos em parte, 61,6% deles. O mesmo estudo mostrou que títulos com mais de 70 caracteres foram reescritos quase 100% das vezes, e que alinhar o <title> ao H1 reduz a chance de reescrita.
A própria documentação do Google Search Central lista os principais gatilhos de reescrita: títulos vazios, duplicados entre páginas, cheios de palavras-chave ou que descrevem mal o conteúdo. A lição prática: mantenha o título curto, único, relevante e alinhado ao conteúdo real da página. Assim você reduz o risco de o Google trocar o seu título por um que você não controla.
Fórmula de title tag que aumenta o CTR (com exemplos antes e depois)
Uma boa title tag responde à intenção de busca logo de cara e ainda dá um motivo para clicar. Uma fórmula que funciona bem:
Palavra-chave principal + Benefício ou diferencial + Marca
Coloque a palavra-chave no começo, adicione um gancho (número, ano, benefício, "grátis", "passo a passo") e feche com a marca quando houver espaço. Veja exemplos antes e depois:
| Antes (fraco) | Depois (otimizado) |
|---|---|
| Página inicial | Tênis de corrida masculino: 42 modelos com frete grátis | Loja X |
| Blog | Post sobre café | Como fazer café coado perfeito: guia passo a passo |
| title tag | Title tag: o que é e como otimizar para SEO |
A Ahrefs recomenda que cada página tenha um título único e evite o empilhamento de palavras-chave (keyword stuffing). Cada título deve descrever com precisão o que a pessoa vai encontrar e conversar com a promessa da meta description logo abaixo dele.
Title tag x H1: qual a diferença?
É comum confundir os dois, mas eles têm funções distintas. A title tag é o título que aparece na aba do navegador e na SERP; ela vive no <head> e nem sempre é vista dentro da página. Já o H1 é o título principal visível no corpo da página, dentro do <body>.
| Aspecto | Title tag | H1 |
|---|---|---|
| Onde fica | <head> | <body> |
| Onde aparece | Aba do navegador e SERP | Topo do conteúdo da página |
| Quantidade por página | Uma | Idealmente uma |
| Limite prático | ~50 a 60 caracteres | Sem limite rígido |
Como observa a Moz, os dois não precisam ser idênticos: a title tag pode ser mais enxuta e voltada ao clique, enquanto o H1 pode ser mais descritivo para a leitura. O ideal é que estejam alinhados no tema, o que, como vimos, também reduz a chance de o Google reescrever o seu título.