Truncador de Texto

Trunce texto para um limite específico de caractere, palavra ou sentença com elipse personalizável. Visualize como o texto aparece em diferentes comprimentos para design de UI e SEO.

243 chars · 42 words

Truncate by

Limit

Ellipsis

Common presets

Truncated Result

160 / 243 characters · truncated

The quick brown fox jumped over the lazy dog near the river bank. It paused to look at its reflection, then continued its journey through the dense forest. The…

160 / 160 characters

Como Usar Truncador de Texto

  1. 1Cole seu texto no campo de entrada.
  2. 2Escolha a unidade de truncamento: caracteres, palavras ou sentenças.
  3. 3Defina o limite e escolha o estilo de elipse.
  4. 4Copie o texto truncado para usar em seu design.
ZenovayAnalytics

Transforme seu tráfego em clientes.

  • Acompanhamento de visitantes em tempo real
  • Privacidade em primeiro lugar, sem banner de cookies
  • Configurado em dois minutos
Conheça o Zenovay

Perguntas Frequentes

O que é truncamento de texto?
O truncamento de texto é o encurtamento do texto para caber dentro de uma restrição de comprimento definida, geralmente seguido por reticências (...) para indicar conteúdo omitido. Usado em: cartões de UI (títulos de produtos, pré-visualizações de posts), meta descrições de SEO (limite de 160 caracteres), descrições do Open Graph, colunas de banco de dados com limites VARCHAR, mensagens de notificação, rótulos de botões. O truncamento inteligente corta nos limites das palavras em vez de no meio de uma palavra para melhor legibilidade.
Qual é o comprimento ideal para meta descrições de SEO?
O Google exibe meta descrições com até ~155-160 caracteres (varia por dispositivo). Ideal: 120-155 caracteres para desktop, 100-120 para mobile. Melhores práticas: inclua a palavra-chave principal de forma natural, termine com uma chamada para ação, faça-a única por página, descreva com precisão o conteúdo da página. O Google pode reescrever meta descrições se não corresponderem à intenção de pesquisa — mas ter uma boa descrição ainda influencia as taxas de cliques.
Como funciona o truncamento de texto CSS?
Linha única: overflow: hidden; white-space: nowrap; text-overflow: ellipsis; — requer um contêiner de largura fixa ou máxima. Várias linhas (WebKit): display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; — limita a N linhas. O CSS line-clamp agora é suportado sem prefixo em navegadores modernos. O truncamento JavaScript oferece mais controle: por contagem de caracteres, contagem de palavras ou largura em pixels via canvas.measureText().
Quais são os limites de truncamento comuns?
Título SEO: 60 caracteres. Meta descrição SEO: 160 caracteres. Título do Twitter card: 70 caracteres. Descrição do Open Graph: 200 caracteres. Pré-visualização de post do LinkedIn: 210 caracteres. Título de notificação push: 50-65 caracteres (varia por SO). SMS: 160 caracteres (segmento único). Assunto de e-mail: 50 caracteres (para pré-visualização mobile). Cartões de descrição de produto: 100-150 caracteres. Limites VARCHAR típicos em banco de dados: 255 ou 500 caracteres.
O que é truncamento inteligente/por limite de palavras?
O truncamento inteligente corta na última palavra completa antes do limite, evitando cortes no meio de palavras. Exemplo em 20 caracteres: "The quick brown fox" (simples) pode cortar para "The quick brown fo" + "..."; o truncamento inteligente corta para "The quick brown" + "...". Implementação: encontre lastIndexOf(' ', limite) para encontrar o último espaço antes do limite. Para Unicode multi-byte, use [...texto].slice(0, limite) para evitar cortar no meio de caracteres multi-byte (emoji, CJK).