Clew

InícioFerramentasPrévia do snippet

Verificador de title e meta description com prévia no Google

Cole o título e a descrição da sua página — a ferramenta mede a largura em pixels, mostra onde o Google vai cortar com reticências, destaca as palavras da busca e aponta erros comuns. Copie as tags <title> e <meta name="description"> já escapadas com um clique.

● Grátis, sem cadastroAtualizado:

Usada na linha de URL da prévia.
As palavras da busca aparecem em negrito, e a ferramenta verifica se estão no seu texto.
Dispositivo

—

 

Prévia aproximada

Title— · —
Descrição— · —

A largura é medida com Arial no seu navegador. Os limites são referências práticas, não números oficiais: os buscadores mudam o layout dos resultados e reescrevem snippets com frequência.

    Tags para o <head>

    Tudo é calculado no seu navegador — nada do que você digita é enviado para lugar nenhum.

    Como usar

    1. Cole o title e a descriçãoO texto das tags <title> e <meta name="description"> da sua página, ou um rascunho para uma página nova.
    2. Escolha o dispositivoDesktop ou celular: no celular cabe menos descrição.
    3. Adicione uma buscaAs palavras da consulta ficam em destaque na prévia, como nos resultados, e a ferramenta mostra quais estão faltando.
    4. Copie as tagsResolva os alertas e copie as tags prontas: aspas e caracteres especiais já estão escapados.

    Por que o tamanho do title é medido em pixels

    Os resultados de busca não limitam o título pelo número de caracteres, e sim pela largura do bloco. Numa fonte proporcional as letras têm larguras diferentes: “M” e “m” são várias vezes mais largas que “i” e “l”, e maiúsculas são mais largas que minúsculas. Por isso 60 caracteres de um título cabem numa linha e 52 de outro não cabem.

    A ferramenta mede o texto como um navegador: desenha num canvas invisível (canvas.measureText) com uma fonte parecida com a dos resultados e compara a largura com um orçamento prático. Se não couber, corta na última palavra inteira e acrescenta reticências, como costuma aparecer nos resultados.

    Google, desktop: title ≈ 600 px (Arial 20 px), descrição ≈ 920 px (Arial 14 px, cerca de duas linhas) Google, celular: title ≈ 600 px, descrição ≈ 680 px

    Não são limites oficiais. A documentação do Google diz com clareza que não limita o tamanho do elemento <title> nem da meta description: links de título e snippets são cortados para caber na largura do dispositivo. Os orçamentos acima são usados por profissionais de SEO e descrevem layouts típicos, que mudam com frequência.

    Palavras em português costumam ser mais longas que em inglês, então a mesma mensagem ocupa mais pixels. A conclusão prática: tamanho não é o objetivo. Garanta que a essência da página e as palavras-chave estejam nos primeiros 40–50 caracteres, para que o fim do título possa sumir sem perder o sentido.

    Como o Google monta o snippet

    Links de título

    O Google chama o título do resultado de “link de título”. Na maioria das vezes ele vem da tag <title>, mas o Google também considera outras fontes: o cabeçalho principal visível e outros cabeçalhos, og:title, textos em destaque e o texto âncora de links para a página. O Google troca o título quando <title> está vazio, é igual em muitas páginas, está entupido de palavras-chave ou não corresponde ao conteúdo.

    Snippets

    O Google monta o texto do snippet principalmente a partir do conteúdo da página, escolhido para cada busca. A meta description é usada quando descreve a página melhor que os trechos do texto. É por isso que a mesma URL pode aparecer com descrições diferentes para buscas diferentes.

    Por que snippets são reescritos

    • O title é o mesmo em várias páginas: “Início”, “Produtos”, “Clew”.
    • O title lista palavras-chave separadas por vírgula em vez de nomear a página.
    • A descrição não responde à busca pela qual a página foi encontrada.
    • O texto grita: CAIXA ALTA, “!!!”, promessas sem nada concreto.

    Como escrever title e descrição para uma página de SaaS

    Para landing pages, páginas de recursos e posts do blog de um produto SaaS, o mesmo esquema funciona bem.

    title: [o que é / busca principal] + [para quem é ou o diferencial] — [marca] description: [o problema que resolve] + [1–2 fatos concretos] + [uma chamada leve: teste, calcule, compare]
    • A busca primeiro. “Onboarding de usuários para SaaS sem desenvolvedor — Clew” funciona melhor que “Clew — uma plataforma que ajuda…”. Coloque a marca na frente só se as pessoas já buscam por ela.
    • Um title, uma página. Páginas de preços, de recursos e do blog não devem disputar o mesmo título.
    • Fatos concretos na descrição. O que a pessoa ganha: “tours, dicas e checklists dentro do seu app”, “plano grátis para sempre”. Nada de números inventados.
    • Responda à intenção. Para uma busca informativa, como “como aumentar a ativação”, a descrição promete uma resposta, não um discurso de vendas.
    • Sem repetir o title na descrição. A descrição continua o título em vez de repeti-lo.

    Um bom snippet traz quem realmente precisa do produto. Depois disso, tudo se decide na primeira sessão — veja Onboarding de produto: o que é e como configurar.

    Fontes

    1. Google Search Central. Como influenciar os links de título nos resultados da pesquisa — developers.google.com/search/docs/appearance/title-link.
    2. Google Search Central. Controlar os snippets nos resultados da pesquisa — developers.google.com/search/docs/appearance/snippet.
    3. MDN Web Docs. CanvasRenderingContext2D: measureText() — developer.mozilla.org.
    4. HTML Living Standard: o elemento title e o nome de metadado description — html.spec.whatwg.org.

    Perguntas frequentes

    Qual o tamanho ideal da tag title?

    Para o Google, o orçamento prático é de cerca de 600 pixels — algo entre 50 e 60 caracteres, dependendo das letras. Não há limite oficial: um title longo é apenas cortado, então coloque o importante no começo.

    Qual o tamanho ideal da meta description?

    No Google para desktop, cerca de 920 pixels — umas duas linhas ou 150–160 caracteres; no celular aparece menos. O Google não limita a meta description, mas corta os snippets na largura da tela e muitas vezes os monta com texto da página.

    Por que o Google mostra outro título?

    O Google pode montar o link de título com outras fontes — o cabeçalho principal, og:title, texto de links — se o title estiver vazio, repetido em muitas páginas, entupido de palavras-chave ou não corresponder ao conteúdo. Deixe o title único, conciso e preciso.

    Por que minha meta description não aparece?

    O Google escolhe o texto do snippet para cada busca. Se um trecho da página responde melhor que a meta description, ele mostra o trecho. É normal; ainda assim vale escrever a meta description, porque ela é usada em muitas buscas.

    Como a ferramenta mede a largura em pixels?

    O texto é desenhado num canvas invisível do navegador em Arial no tamanho certo (20 px para o title, 14 px para a descrição), e o measureText devolve a largura. É uma aproximação do layout dos resultados, não uma cópia exata.

    A marca deve estar no title?

    Normalmente sim, mas no fim: “Gerador de UTM — Clew”. Coloque a marca na frente só se as pessoas já conhecem e buscam por ela, por exemplo na página inicial.

    Preciso da tag meta keywords?

    Não. O Google não usa meta keywords para ranqueamento. Não precisa preencher, e uma lista pública de palavras-chave só mostra aos concorrentes o que você está mirando.

    Mais em SEO

    Tours, tooltips e checklists com efeito visível nas métricas.

    Teste o Clew grátisComo funcionaPlano gratuito para sempre · sem cartão de crédito

    Tours de produto, pop-ups e onboarding na era da IA

    7 padrões com número de passos, regras de texto e métricas, o que a IA muda e um checklist antes de publicar. PDF, 2 páginas. O que tem no guia →

    O guia está em inglês.