Contador de caracteres para title e meta description
O contador mede o title e a meta description em duas unidades ao mesmo tempo, caracteres e largura em pixel, e marca o ponto exato onde cada um é cortado no desktop e no celular. A medição em pixel é o que resolve o problema na prática, porque duas descrições com o mesmo número de caracteres não ocupam a mesma largura: 155 letras "i" caberiam, 155 letras "W" não.
Title e meta description
Prévia com o ponto de corte
Extrair o title e a meta description de uma página existente
A busca é feita pelo servidor do site, assim o navegador não bloqueia por CORS.
Como medir o title e a meta description
Cole os dois textos nos campos e a medição acontece a cada tecla, sem botão para clicar.
- Escreva ou cole o
titleno primeiro campo e ameta descriptionno segundo. Abaixo de cada um aparecem a contagem de caracteres, a largura em pixel e o estado nos dois dispositivos. - Use o seletor Desktop e Celular para trocar a prévia. O trecho que não sai no resultado de busca aparece riscado, no ponto exato do corte.
- Para medir uma página que já está no ar, abra o bloco de extração no fim da ferramenta e informe a URL. O
titlee ameta descriptiondela preenchem os campos.
Como a ferramenta calcula a largura em pixel
O texto é quebrado em linhas dentro de uma caixa de largura fixa, com a fonte e o corpo do resultado de busca, e o corte é declarado quando ele passa do número de linhas que cabe.
Não existe um limite de caracteres para converter: o que decide é quanto espaço as letras ocupam. Por isso a medição imita o que o navegador faz ao montar o resultado, quebrando entre palavras e, quando uma palavra sozinha não cabe, no meio dela. O ponto onde a última linha permitida termina é o ponto de corte que a prévia mostra riscado.
| Dispositivo | Largura da caixa | Title | Meta description |
|---|---|---|---|
| Desktop | 600px | 20px Arial, até 1 linha | 14px Arial, até 2 linhas |
| Celular | 400px | 18px Arial, até 2 linhas | 14px Arial, até 3 linhas |
Estes seis números são medidas de referência do resultado de busca, não valores publicados pelo Google, que documenta apenas que o trecho exibido é truncado conforme o espaço disponível e não fixa um número de caracteres. Ou seja, a medição é uma estimativa honesta, e não a régua oficial. Ela erra em três situações previsíveis: quando o resultado ganha elementos extras que comem espaço, quando o dispositivo tem largura muito diferente da referência, e quando o Google decide exibir outro texto, que é o assunto da última seção.
A contagem de caracteres, por sua vez, é feita por ponto de código, então um emoji ou uma letra acentuada conta como um caractere só, mesmo quando ocupa a largura de dois.
Como ler o aviso de truncamento
Cada campo recebe um estado, calculado nos dois dispositivos ao mesmo tempo.
| Estado | O que significa | O que ajustar |
|---|---|---|
| Dentro do limite | O texto cabe no desktop e no celular, com folga. | Nada. As pílulas ao lado mostram quanto do espaço você está usando. |
| No limite | Cabe nos dois, mas a última linha permitida está com mais de 92% da largura ocupada. | Qualquer palavra a mais empurra para o corte. Se o texto ainda vai mudar, deixe folga. |
| Cortado no desktop | Passa da caixa do desktop, mas cabe no celular, que dá mais linhas ao title. | Ponha o que importa no começo: o trecho riscado é o que some. |
| Cortado no celular | Cabe no desktop e passa no celular. | Vale considerar de onde vem seu tráfego antes de decidir se o corte incomoda. |
| Cortado nos dois | Passa em qualquer largura. | Encurte. A pílula de cada dispositivo informa em qual caractere o corte acontece. |
As pílulas trazem ainda dois números: a contagem de caracteres e a largura total em pixel, medida na fonte do desktop. Quando não há corte, elas mostram a porcentagem do espaço ocupada em cada dispositivo, que é a informação útil para saber se ainda há margem.
Por que outro contador mostra um número diferente
Porque cada ferramenta escolhe uma fonte, uma largura de caixa e um número de linhas, e essas escolhas raramente coincidem.
A contagem de caracteres também diverge, e por motivos banais. Alguns contadores não contam espaços. Outros contam bytes, e aí uma letra acentuada vale dois. Um emoji conta como um caractere aqui, mas vale dois em ferramentas que medem por unidade de código em vez de ponto de código. Se você comparar dois contadores num texto só com letras ASCII, os números batem; a diferença aparece justamente nos textos em português.
Na largura em pixel a divergência é maior, porque envolve mais escolhas: qual fonte simula o resultado, em que corpo, com que largura de caixa e com quantas linhas. Uma ferramenta que assume uma caixa de 920px numa linha só e outra que assume 600px em duas linhas vão discordar em quase todo texto. Não existe resposta certa aqui, existe modelo declarado: o desta ferramenta está na tabela acima, e a nota abaixo da prévia repete o modelo em uso a cada troca de dispositivo.
Uma diferença comum e legítima: ferramentas que simulam o celular costumam ser mais permissivas com o title, porque no celular ele ocupa duas linhas. Se um contador diz que seu title cabe e o outro diz que não, confira antes de mais nada qual dispositivo cada um está simulando.
O que o contador não prevê
Ele mede o texto que você escreveu, não o texto que o Google vai exibir.
O trecho que aparece no resultado é escolhido pelo Google, que pode substituir a sua meta description por outro trecho da página e reescrever o title. Nesses casos o corte acontece sobre um texto que a ferramenta nunca viu. O que o Google faz com cada um dos dois está em meta description e em title tag.
Some-se a isso que o mesmo resultado muda conforme a busca, o dispositivo e o país, e a conclusão prática é modesta: a medição diz se o texto que você escreveu cabe, o que é uma pergunta respondível, e não diz o que vai aparecer, que é uma pergunta sem resposta antecipada. Para onde cada tag entra no documento, veja head do HTML e meta tags; para como o resultado é montado, exibição de resultados.
Perguntas frequentes sobre o contador
- A contagem inclui espaços?
- Inclui, porque o espaço ocupa largura no resultado como qualquer outro caractere. Antes de contar, a ferramenta normaliza o texto do mesmo jeito que o resultado de busca faz: espaços repetidos viram um só e quebras de linha viram espaço. Se o seu texto tinha espaço duplo, o número aqui vai ser menor que o de um contador que soma tudo, e um aviso avisa quando isso acontece.
- Emoji conta como um caractere ou como quantos pixels?
- Como um caractere na contagem, porque ela é feita por ponto de código. Na largura, o emoji costuma ocupar bem mais que uma letra, e é a largura que decide o corte. É o caso mais claro de por que os dois números precisam aparecer juntos: um emoji no começo da description quase não muda a contagem e come um pedaço visível do espaço.
- O contador serve para og:title e og:description?
- Serve para contar caracteres, mas o corte não vale. As redes sociais têm caixas próprias, com outra fonte, outra largura e outro número de linhas, e cada uma corta num ponto diferente. Use a contagem como referência e ignore os estados de truncamento, que são do resultado de busca.
- Por que o número aqui é diferente do de outra ferramenta?
- Na contagem, por causa de espaços, acentos e emoji, que cada ferramenta trata de um jeito. Na largura, porque cada uma simula uma fonte, uma caixa e um número de linhas diferentes. O modelo usado aqui está declarado na tabela desta página, e a nota abaixo da prévia mostra qual está em uso.
- A medição em pixel é exata?
- Não, e nenhuma é. Ela é uma estimativa calculada com a fonte e as larguras de referência declaradas nesta página, e o Google não publica os valores que aplica. Na prática ela acerta o suficiente para decidir se um texto cabe ou não, que é a pergunta que interessa antes de publicar.
- Dá para medir o title e a description de uma página que já está no ar?
- Dá. No bloco de extração, informe a URL: o servidor deste site busca a página, lê o
titlee ameta descriptiondo código dela e preenche os dois campos. Funciona em qualquer domínio, inclusive em site que não é seu, e quando a página não tem description a ferramenta avisa em vez de inventar uma.
Veja também
Para auditar uma página inteira, e não só a meta description, use o SEO Check. As outras utilidades ficam em Ferramentas.