Tag title: guia completo

O que é a tag title

A tag <title> é um elemento HTML dentro de <head> que dá nome à página. Os navegadores mostram o texto na aba, o Google o usa como título clicável no snippet e as redes sociais o puxam para a prévia dos links. Entre todos os fatores on-page, a tag title é uma das poucas em que uma mudança de uma linha altera diretamente a visibilidade na busca e a taxa de cliques.

Uma boa tag title faz três coisas ao mesmo tempo: informa o buscador sobre o assunto da página, convence a pessoa a clicar no resultado e causa a primeira impressão antes mesmo de o usuário abrir a página. Uma tag mal escrita ou não é ranqueada ou é reescrita pelo Google.

zoom_in

A tag title em números

A tag title não é o único sinal de ranqueamento, mas é o único elemento on-page visível para o buscador e para o usuário antes do clique. Essa dupla exposição é o motivo pelo qual otimizar a tag title traz um duplo retorno: melhores posições e mais CTR.

Breve história da tag title

A tag title existe desde o começo do HTML. É um dos poucos elementos que atravessaram todas as fases da web quase sem mudança de sintaxe. Já o papel dela e a forma como os buscadores a interpretam mudaram muito ao longo das décadas.

A lição principal: a tag title nunca desapareceu nem perdeu importância, mas a lógica de escrevê-la mudou. Em 1996, você ganhava colocando mais palavras-chave. Em 2026, você ganha respondendo com precisão à consulta e fazendo a pessoa querer clicar.

Onde a tag title aparece

A tag title não é um meta tag escondido: o usuário a vê em três interfaces diferentes, e em cada uma ela cumpre uma função. Entender isso ajuda a escrever uma tag title que funcione em todos os lugares.

A sintaxe não mudou desde o HTML 1.0. A tag title fica dentro de <head>, contém apenas texto simples — sem tags HTML aninhadas — e precisa ser única em cada página do site.

<head>
  <title>Winter Welders' Workwear — Buy Wholesale | SpecOpt</title>
</head>

O Google relê a tag title a cada rastreamento. Se o conteúdo da página mudou bastante e a tag não, há um sinal de dessincronização: o buscador pode reescrever o título no snippet ou reduzir a relevância da página para as consultas-alvo.

Como escrever uma boa tag title

Uma boa tag title não é uma lista de palavras-chave nem um slogan. É uma descrição precisa da página, escrita para uma pessoa específica com uma busca específica. Seguem algumas regras que funcionam na prática.

Palavras específicas como “grátis”, “rápido” ou o ano atual podem deixar a oferta mais clara, quando são verdadeiras. Use-as apenas quando a página comprovar a afirmação: o objetivo é criar uma expectativa precisa, e não prometer aumento de cliques.

Como auditar as tags title do seu site

As verificações de tag title são de dois tipos: pontuais, para uma única página, e de site inteiro, para problemas sistemáticos. Auditorias de SEO precisam dos dois: o primeiro corrige um problema conhecido; o segundo encontra padrões que você não sabia que existiam.

No Screaming Frog, foque em três relatórios: “Page Titles → Duplicate”, “Page Titles → Missing” e “Page Titles → Over 60 characters”. Eles cobrem os três problemas mais comuns de tag title encontrados em quase toda auditoria de site grande.

Tags title duplicadas: causas e soluções

Tags title duplicadas estão entre os problemas técnicos mais subestimados. Um blog pequeno pode ter algumas; um e-commerce com paginação e filtros pode ter milhares. Os buscadores tratam duplicatas como sinal de baixa qualidade e podem agrupar as páginas afetadas, mostrando a errada.

Um problema à parte é a canibalização de tags title: dois URLs diferentes com a mesma tag title, ou uma muito parecida, disputando as mesmas consultas. O Google acaba escolhendo um para mostrar, mas nem sempre o que você pretendia.

Modelos de tag title por tipo de página

Uma única fórmula de título não serve para todos os tipos de página. Home, card de produto e artigo de blog atendem intenções diferentes e disputam consultas diferentes. Abaixo, modelos testados com exemplos.

Em CMS ou motores de template, os modelos usam variáveis. No WordPress com o Yoast, são %%title%% e %%sitename%%; no Next.js, use metadata.title com uma string de template. Os modelos são um ponto de partida: páginas com muito tráfego ou prioridade comercial merecem uma tag title escrita à mão.

// Next.js: title template via generateMetadata
export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const product = await getProduct(params.slug);
  return {
    title: `${product.name} ${product.attribute} — SpecOpt`,
  };
}

// Global template in layout.tsx
export const metadata: Metadata = {
  title: {
    template: '%s | SpecOpt',
    default: 'SpecOpt — workwear wholesale from manufacturer',
  },
};

Variáveis em um modelo só funcionam se os campos estiverem preenchidos. Um dos cenários mais comuns de duplicação em massa: um modelo com {product.name} sem valor padrão, e dezenas de cards de produto acabam com a mesma tag title ou com a tag vazia.

Impacto no CTR e no ranqueamento

A tag title influencia o ranqueamento como sinal de relevância, mas o impacto direto na posição é menor do que muita gente imagina. O valor real de uma boa tag title está no CTR: na mesma posição, mais pessoas clicando significam mais tráfego.

Para medir o efeito de uma mudança na tag title, use o Google Search Console: filtre as páginas por tipo, registre o CTR antes da mudança, espere de 2–4 semanas e compare. Não é um teste A/B completo, mas, para a maioria dos sites, é preciso o bastante para validar uma hipótese.

A tag title e a meta description trabalham em conjunto: a tag responde “o que é isto”, e a description responde “por que clicar”. O Google reescreve a description quase sempre; a tag title, com menos frequência e seguindo uma lógica previsível. Quanto mais a sua tag title combinar com o H1 e com o conteúdo principal da página, menor a chance de o Google substituí-la.

FAQ

Respostas para as dúvidas mais frequentes sobre a tag title.