Truncador de Texto
Trunca texto a un límite específico de caracteres, palabras u oraciones con puntos suspensivos personalizables. Previsualiza cómo aparece el texto a diferentes longitudes para diseño de interfaz de usuario y SEO.
243 chars · 42 words
Truncate by
Limit
Ellipsis
Common presets
Truncated Result
160 / 243 characters · truncatedThe 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
Cómo usar Truncador de Texto
- 1Pega tu texto en el campo de entrada.
- 2Elige la unidad de truncado: caracteres, palabras u oraciones.
- 3Establece el límite y elige el estilo de los puntos suspensivos.
- 4Copia el texto truncado para usarlo en tu diseño.
ZenovayAnalytics
Convierte tu tráfico en clientes.
- Seguimiento de visitantes en tiempo real
- Privacidad primero, sin aviso de cookies
- Configurado en dos minutos
Herramientas relacionadas
Contador de palabras
Cuenta palabras, caracteres, oraciones y párrafos. Estima el tiempo de lectura y habla.Contador de Caracteres
Cuenta caracteres con y sin espacios. Monitorea límites para Twitter, metadescripciones y más.Convertidor de Mayúsculas y Minúsculas
Convierte texto entre MAYÚSCULAS, minúsculas, Mayúsculas Iniciales, camelCase, snake_case y kebab-case.Generador de Lorem Ipsum
Genera texto de marcador de posición en párrafos, oraciones o palabras. Copia con un clic.Preguntas frecuentes
¿Qué es la truncación de texto?▾
La truncación de texto es el acortamiento de texto para que quepa dentro de una restricción de longitud definida, generalmente seguido de puntos suspensivos (...) para indicar el contenido omitido. Se usa en: tarjetas de interfaz (títulos de productos, vistas previas de publicaciones), meta descripciones SEO (límite de 160 caracteres), descripciones Open Graph, columnas de bases de datos con límites VARCHAR, mensajes de notificación, etiquetas de botones. La truncación inteligente corta en los límites de las palabras en lugar de a mitad de palabra para mejorar la legibilidad.
¿Cuál es la longitud ideal para las meta descripciones SEO?▾
Google muestra meta descripciones de hasta ~155–160 caracteres (varía según el dispositivo). Óptimo: 120–155 caracteres para escritorio, 100–120 para móvil. Buenas prácticas: incluya la palabra clave principal de forma natural, termine con una llamada a la acción, hágala única por página y describa con precisión el contenido de la página. Google puede reescribir las meta descripciones si no coinciden con la intención de búsqueda, pero tener una buena descripción sigue influyendo en las tasas de clics.
¿Cómo funciona la truncación de texto en CSS?▾
Línea única: overflow: hidden; white-space: nowrap; text-overflow: ellipsis; — requiere un contenedor con ancho fijo o máximo. Multilínea (WebKit): display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; — limita a N líneas. CSS line-clamp ahora es compatible sin prefijo en navegadores modernos. La truncación con JavaScript ofrece más control: por número de caracteres, recuento de palabras o ancho en píxeles mediante canvas.measureText().
¿Cuáles son los límites de truncación comunes?▾
Título meta SEO: 60 caracteres. Meta descripción SEO: 160 caracteres. Título de tarjeta Twitter: 70 caracteres. Descripción Open Graph: 200 caracteres. Vista previa de publicación en LinkedIn: 210 caracteres. Título de notificación push: 50–65 caracteres (varía según el sistema operativo). SMS: 160 caracteres (segmento único). Asunto de correo electrónico: 50 caracteres (para vista previa móvil). Tarjetas de descripción de producto: 100–150 caracteres. Límites VARCHAR típicos de bases de datos: 255 o 500 caracteres.
¿Qué es la truncación inteligente o por límite de palabra?▾
La truncación inteligente corta en la última palabra completa antes del límite, evitando cortes a mitad de palabra. Ejemplo con 20 caracteres: «The quick brown fox» (simple) podría truncar a «The quick brown fo» + «...»; la truncación inteligente corta en «The quick brown» + «...». Implementación: use lastIndexOf(' ', limit) para encontrar el último espacio antes del límite. Para Unicode multibyte, use [...texto].slice(0, limit) para evitar cortar en medio de caracteres multibyte (emoji, CJK).