ThumbProof
Os feeds cortam títulos pela largura em pixels, não pelo número de caracteres. A maioria dos layouts mostra duas linhas e depois coloca reticências, então no desktop cabem cerca de 60–70 caracteres latinos, no celular uns 55–70 e em listas estreitas da barra lateral apenas 40–50. Letras largas como W e M ocupam mais espaço que i e l, e maiúsculas ocupam cerca de 20–30% a mais. Coloque o gancho nos primeiros 40 caracteres e confira todos os layouts antes de publicar.
Como o corte funciona de verdade
Os layouts web e de apps dão ao título uma caixa de largura fixa e um número máximo de linhas. O texto é distribuído palavra por palavra; quando passa da última linha, o resto é escondido e aparecem reticências (…). Na web isso é feito com propriedades CSS como text-overflow e line-clamp, que trabalham com a largura renderizada, não com quantos caracteres você digitou.
O formulário de envio pode aceitar até 100 caracteres, mas isso é um limite de armazenamento, não de exibição. O que o público vê depende da fonte, do tamanho da fonte, da largura do card na tela e do idioma do título.
“A propriedade CSS text-overflow define como o conteúdo excedente oculto é sinalizado aos usuários. Ele pode ser cortado, exibir reticências ('…') ou exibir uma string personalizada.”
text-overflow — MDN Web Docs · citação traduzida do inglês
Quanto cabe em cada layout
Os números abaixo são aproximações medidas em layouts comuns com uma fonte de interface sem serifa típica. Eles mudam com a largura da tela e o zoom, então trate-os como faixas. O padrão importante é que a barra lateral comporta muito menos que a grade principal.
| Layout | Largura da caixa do título | Linhas exibidas | Caracteres latinos aprox. | Caracteres CJK aprox. |
|---|---|---|---|---|
| Grade de desktop | ~310–360 px | 2 | 60–70 | 30–36 |
| Feed do celular | ~300–340 px | 2 | 55–70 | 28–34 |
| Resultados da busca | ~500–600 px | 2 | 90–110 | 45–55 |
| Barra lateral / a seguir | ~200–230 px | 2 | 40–50 | 20–25 |
| Interface de TV | ~380 px a 3 metros de distância | 2 | 45–55 | 22–28 |
Caracteres chineses, japoneses e coreanos são mais ou menos quadrados e têm cerca do dobro da largura de uma letra latina média, então cabe a metade. Títulos em alemão e holandês costumam ter palavras compostas longas, que quebram cedo e deixam a primeira linha curta.
Por que caracteres são a unidade errada
Em uma fonte proporcional, cada letra tem uma largura diferente. Um W maiúsculo pode ser três vezes mais largo que um i minúsculo. Um título todo em maiúsculas pode ocupar 25% a mais que as mesmas palavras em caixa normal, e os números costumam ter a mesma largura para todos os dígitos, o que é mais largo que a média das letras.
Uma ilustração simples, com a mesma contagem de 30 caracteres: “Illicit little lilies in Lille” é estreito, enquanto “WWW MAKEOVER: MOM’S NEW HOME” é largo. O primeiro cabe fácil em uma linha da barra lateral; o segundo pode quebrar depois de 18 caracteres. Por isso o ThumbProof mede cada título com a renderização real da fonte em vez de contar caracteres.
| Estilo do título | Largura relativa | Exemplo |
|---|---|---|
| Caixa normal (só a primeira maiúscula) | 100% | Testei todos os truques de thumbnail |
| Iniciais Maiúsculas | ~104% | Testei Todos os Truques de Thumbnail |
| TUDO EM MAIÚSCULAS | ~125–130% | TESTEI TODOS OS TRUQUES DE THUMBNAIL |
| Muitos dígitos | ~110% | 2026 x 2016: 10 anos depois |
Escrevendo títulos que sobrevivem ao corte
Coloque o gancho na frente. O público lê da esquerda para a direita, e nos layouts estreitos a segunda metade pode nunca aparecer. Ponha o resultado, o número ou a reviravolta nos primeiros 40 caracteres e use o resto para detalhes que são bons de ter.
Corte palavras de enchimento como “neste vídeo”, “como eu” ou o nome do canal no começo. Evite que a parte visível termine em uma palavra fraca. Se as reticências caírem no meio da frase principal, reescreva para que a frase termine antes do corte em todos os layouts, não só no desktop.
- Gancho nos primeiros 40 caracteres
- Nada de nome do canal no começo
- Caixa normal em títulos longos
- Confira a barra lateral, não só o desktop
Confira o corte do título em quatro passos
- 01
Escreva duas ou três opções de título
Faça uma versão longa e uma curta da mesma ideia, com o gancho em posições diferentes.
- 02
Cole na ferramenta
Cada espaço de versão tem o próprio campo de título, então você testa títulos e imagens juntos.
- 03
Leia o medidor de corte
O medidor mostra onde cada layout corta o título, medido em pixels para desktop, celular, busca e barra lateral.
- 04
Traga o gancho para a frente
Se a frase principal for cortada em algum layout, reescreva até ela caber antes das reticências em todos.
Títulos em outros idiomas e sistemas de escrita
Se você publica em vários idiomas, confira cada tradução separadamente. Palavras compostas em alemão, holandês e finlandês não podem ser quebradas no meio, então uma única palavra longa pode empurrar a linha inteira para baixo e deixar a primeira linha meio vazia. Títulos em francês, espanhol e português costumam ser 15–25% mais longos que o original em inglês, o que empurra o gancho para depois do corte.
Títulos em chinês, japonês e coreano quebram entre quase quaisquer dois caracteres, então preenchem as linhas de forma uniforme, mas cada caractere é largo. Um título chinês de 30 caracteres já ocupa duas linhas na barra lateral. Títulos mistos, que combinam caracteres CJK com palavras latinas e números, pedem cuidado extra, porque as partes latinas são mais estreitas e a quebra de linha pode cair no meio de uma marca ou do nome de um modelo.
| Idioma | Tamanho típico em relação ao inglês | Atenção a |
|---|---|---|
| Alemão / holandês | +10–30% | Palavras compostas longas que não quebram |
| Francês / espanhol / italiano / português | +15–25% | Artigos e preposições empurrando o gancho para trás |
| Japonês / chinês / coreano | −40–50% de caracteres, mas glifos largos | Quebras no meio de nomes de produtos em letras latinas |
Título e thumbnail como um par
Título e imagem são lidos juntos. Se a thumbnail já mostra “10 MIN”, o título não precisa começar com “10 minutos”; pode nomear o prato ou o método. Isso também economiza largura. Um bom teste é cobrir a thumbnail e ler só a parte visível do título, e depois fazer o contrário. Cada um deve fazer sentido sozinho e acrescentar algo ao outro.
Acessibilidade e trechos da busca
O título completo continua sendo lido por leitores de tela e aparece inteiro na página do vídeo, nos buscadores e nas prévias de links, então a parte escondida não é desperdício. Use-a para dar contexto que ajude a decidir, como o número do episódio, o nome do modelo ou o ano. Só garanta que a parte visível se sustente sozinha.
As páginas de resultados de busca mostram mais do título que os feeds, muitas vezes 90 caracteres ou mais, e podem destacar em negrito as palavras que batem com a pesquisa. Isso torna uma palavra-chave clara perto do começo duplamente útil: ela fica visível nos feeds estreitos e fácil de achar na busca.
Um checklist de título antes de publicar
Antes de publicar, leia o título como o público vai ler: só a parte visível, no layout mais estreito, ao lado da thumbnail. Se esse fragmento ainda diz o que a pessoa vai ganhar, o título funciona. Se termina em uma palavra fraca, em um número pela metade ou em um nome de marca cortado, reescreva.
Depois confira o título completo pensando na busca: ele contém as palavras que as pessoas digitariam para achar este vídeo, em linguagem natural? Corresponde ao que o primeiro minuto do vídeo entrega? Um título que promete demais pode ganhar o primeiro clique, mas perde espectadores cedo, o que prejudica o vídeo mais que um título modesto e preciso.
| Verificação | Passa |
|---|---|
| Gancho nos primeiros 40 caracteres | Sim |
| O fragmento visível faz sentido na barra lateral | Sim |
| Sem nome do canal ou enchimento no começo | Sim |
| No máximo uma palavra em maiúsculas | Sim |
| Palavra-chave principal em linguagem natural | Sim |
| A promessa corresponde ao primeiro minuto do vídeo | Sim |
Exemplo prático: trazendo o gancho para a frente
Título original: “The Complete Beginner’s Guide to Cooking Restaurant-Quality Ramen at Home in Ten Minutes” (88 caracteres). No desktop o corte cai depois de “at H…”, e na barra lateral depois de “Restaurant-…”. A parte interessante, os dez minutos, nunca aparece.
Reescrita: “10-Minute Ramen That Beats Takeout” (34 caracteres). Cabe em uma linha no desktop e no celular e em duas linhas na barra lateral, e o número combina com a imagem.
| Layout | Original: parte visível | Reescrita: parte visível |
|---|---|---|
| Desktop | …Ramen at H… | Título completo |
| Celular | …Restaurant-Quality… | Título completo |
| Barra lateral | The Complete Beginner’s Guide to Cooking Restaurant-… | Título completo |
Erros comuns de corte de título
Contar caracteres
A contagem de caracteres ignora a largura das letras e as fontes. Meça a largura renderizada.
Gancho no fim
O último terço de um título longo costuma ficar escondido no celular e na barra lateral.
Títulos longos em maiúsculas
Maiúsculas são largas e mais difíceis de ler rápido. Use em no máximo uma palavra.
Nome do canal primeiro
Gasta uma largura escassa e já aparece embaixo do título.
Testar em um só dispositivo
Um título que cabe no seu desktop pode ser cortado pela metade na barra lateral.
Repetir o texto da thumbnail
Duplicar as mesmas palavras desperdiça a largura de que o título precisa.
Tamanho, resolução, limites de arquivo e zonas seguras da thumbnail de vídeo
Checklist de thumbnail com alto CTR: 7 princípios visuais que chamam atenção
Cor e contraste da thumbnail: destacando-se em feeds escuros e claros
Texto na thumbnail: quantas palavras, que tamanho e onde colocar
Rostos e ponto focal: tornando uma coisa impossível de ignorar