# Texto en redes sociales: titular, detalle y llamada a la acción

[Canonical HTML page](https://gradiently.design/es/guide/text-hierarchy-social)

La mayoría de las publicaciones que parecen recargadas tienen las palabras correctas en el orden y los tamaños equivocados. Tres niveles, unas pocas reglas de colocación y un móvil con el brazo estirado arreglan casi todas.

## The short version

- Una maquetación de texto clara para publicaciones en redes tiene tres niveles: un titular, una línea de detalle y una llamada a la acción.
- En una publicación de 1080 píxeles de ancho, un titular de 90 a 140 px, una línea de detalle de 48 a 64 px y una llamada a la acción de unos 40 px se leen bien en un móvil.
- Cada nivel debería ser claramente más pequeño que el anterior, más o menos entre la mitad y dos tercios de su tamaño, para que el orden se vea de un vistazo.
- Mantén el titular en unas ocho palabras y colócalo donde la vista se posa primero, normalmente en el tercio superior o central.
- La llamada a la acción es el texto más discreto de la publicación, porque el pie de foto y los botones de la plataforma ya invitan al siguiente paso.

La mejor **maquetación de texto para publicaciones en redes sociales** usa tres niveles y ni uno más: un **titular** que dice lo único importante, una línea de **detalle** que responde a la siguiente pregunta obvia y una pequeña **llamada a la acción** que dice qué hacer después. Cada nivel es claramente más pequeño que el anterior y cada uno ocupa un sitio previsible. Quien hace scroll le da a una publicación un instante, y tres niveles es más o menos lo que cabe en un instante.

## Ejemplo: cómo ordenar las palabras de una publicación

Una floristería quiere anunciar los pedidos para el Día de la Madre. El primer borrador lo tiene todo a un tamaño parecido: el nombre de la tienda, “Se acerca el Día de la Madre”, “Pide ramos online ya”, “Entrega en toda la ciudad”, “Pide antes del jueves” y la dirección web. Seis líneas compitiendo significa que no se lee nada.

Ordenado, queda así: titular *Pide antes del jueves.* (lo que la gente tiene que hacer), detalle *Ramos atados a mano, entrega el domingo* (qué y cuándo), llamada a la acción *Enlace en la bio* (dónde). El nombre de la tienda pasa a una pequeña etiqueta o desaparece, porque el perfil ya lo muestra.

Una publicación de floristería donde el nombre de la tienda, un anuncio y varios detalles compiten con tamaños parecidos

Antes: cada línea pelea por la atención y la fecha límite queda enterrada.

La misma publicación de floristería con un titular grande que dice Pide antes del jueves y una línea más pequeña sobre la entrega del domingo

Después: un titular, una línea de detalle y la llamada a la acción en el pie de foto.

## Tamaños de letra para titular, detalle y llamada a la acción

Los tamaños de abajo sirven para cualquier publicación de 1080 píxeles de ancho, lo que cubre los formatos vertical, cuadrado e historia de Instagram. La regla que hay debajo es más útil que las cifras: cada nivel debería medir entre la mitad y dos tercios del anterior, o la vista no los distingue.

| Nivel | Función | Tamaño a 1080 px de ancho | Longitud |
| --- | --- | --- | --- |
| Antetítulo (opcional) | Contexto: una categoría, una fecha o el nombre de una serie | 28 a 32 px, mayúsculas, espaciado | De una a cuatro palabras |
| Titular | Lo único que quieres que se recuerde | 90 a 140 px, bold o semibold | Hasta unas ocho palabras |
| Detalle | La continuación: cuándo, dónde, cuánto, para quién | 48 a 64 px, regular | Una línea, dos como mucho |
| Llamada a la acción | El siguiente paso | 40 a 44 px, medium | De dos a cuatro palabras |

El antetítulo es un cuarto nivel extra. Úsalo para dar contexto, nunca como segundo titular.

El peso ayuda tanto como el tamaño. Un titular en negrita y una línea de detalle en regular se separan con claridad incluso cuando los tamaños están más cerca de lo que te gustaría. Tienes más sobre tamaños para móvil en [tamaño de letra para redes sociales](https://gradiently.design/es/guide/font-size-for-social-media), y la teoría general en [jerarquía visual](https://gradiently.design/es/guide/visual-hierarchy).

## Dónde colocar cada nivel

La gente lee una publicación como lee una página: de arriba abajo y de principio a fin de línea. Así que el titular va arriba o en el centro, el detalle justo debajo y la llamada a la acción al final, cerca de la parte inferior. Mantén los tres juntos como un grupo; repartirlos por las esquinas obliga a la vista a buscar.

- Publicación vertical 1080×1350: 1080 × 1350
- Publicación cuadrada 1080×1080: 1080 × 1080
- Historia 1080×1920: 1080 × 1920
- Publicación de LinkedIn 1200×1200: 1200 × 1200

Cuatro formatos habituales. En la historia, mantén los tres niveles entre unos 250 px desde arriba y 250 px desde abajo, donde está la interfaz.

- **Vertical 1080×1350**: titular en el tercio superior o centrado, detalle debajo y llamada a la acción cerca de la parte inferior con un margen de al menos 80 px.
- **Cuadrada 1080×1080**: centra el grupo o alinéalo a un lado; la cuadrícula del perfil muestra una vista previa recortada de cada publicación, así que mantén el titular lejos de los bordes superior e inferior.
- **Historia 1080×1920**: titular justo debajo de la línea segura superior, llamada a la acción por encima del campo de respuesta. [Zonas seguras en redes sociales](https://gradiently.design/es/guide/social-media-safe-zones) tiene el mapa.
- **Primera diapositiva de un carrusel**: solo el titular, más una pequeña flecha o un aviso de “Desliza”. Los detalles van en la segunda diapositiva; [diseño de carruseles de Instagram](https://gradiently.design/es/guide/instagram-carousel-design) cubre el resto.

## Errores habituales de maquetación de texto en redes

### Evita

- Titular y detalle casi del mismo tamaño
- El nombre de la marca como texto más grande
- Una llamada a la acción más llamativa que el titular
- Texto empujado a las esquinas y los bordes
- Cinco o más líneas de texto en una diapositiva
- Centrar párrafos largos

### Haz

- Un salto de tamaño claro entre niveles
- El mensaje como texto más grande; el logotipo, pequeño
- Una llamada a la acción discreta, cerca del detalle
- Márgenes generosos, de unos 80 a 100 px
- El contenido largo repartido en diapositivas de carrusel
- Texto alineado a la izquierda cuando pasa de dos líneas

La llamada a la acción merece un comentario. En Instagram, el pie de foto y los botones de me gusta, comentar y compartir están justo debajo de la imagen, y todo el mundo entiende “enlace en la bio”. Así que la llamada a la acción sobre la propia imagen puede ser pequeña. Hazla llamativa solo cuando la acción sea lo esencial, como la fecha límite de unas rebajas.

## Cómo maquetar el texto de una publicación en cinco pasos

1. **Escríbelo todo y después ordénalo** Pon lo importante primero. Todo lo demás es detalle, llamada a la acción o pie de foto.
2. **Recorta el titular a ocho palabras o menos** Si no cabe a 90 px en tres líneas, es demasiado largo. Una [tipografía de titulares](https://gradiently.design/es/guide/headline-fonts) robusta hace que una frase corta pegue más fuerte.
3. **Fija los tamaños como escalones** El titular, después más o menos la mitad para el detalle y algo más pequeño todavía para la llamada a la acción.
4. **Agrupa y coloca** Apila los tres niveles juntos con un espaciado coherente, alineados a un borde o al centro.
5. **Pruébalo a tamaño de móvil** Aleja el lienzo hasta que la publicación tenga el ancho de un móvil con el brazo estirado. Si el orden no es evidente, aumenta los escalones.

Una publicación vertical de rebajas con 40% de descuento en grande, un pequeño antetítulo que dice Solo este fin de semana y una línea de detalle sobre velas

Cuando la noticia es la cifra, la cifra se convierte en titular y las palabras en el detalle.

## Cómo mantener legibles todos los niveles sobre un fondo cargado

La jerarquía solo funciona si los tres niveles se pueden leer. El titular suele estar bien porque es grande; el detalle y la llamada a la acción son donde falla el contraste, sobre todo encima de un degradado o una foto. Coloca el grupo sobre la zona más tranquila y comprueba primero la línea más pequeña. [Texto sobre un degradado](https://gradiently.design/es/guide/text-on-gradient) entra en las técnicas.

En Gradiently, el Mark que hay detrás de un diseño sabe dónde están las palabras. Su zona más tranquila se mueve detrás del texto y la tinta automática elige letra clara u oscura para cada línea, así que una pequeña llamada a la acción se lee tan bien como el titular. Fija la jerarquía una vez y después crea una versión para historia o LinkedIn a partir del mismo diseño en lugar de rehacerlo.

## FAQ

### ¿Cuánto texto debe llevar una publicación de Instagram?

Lo ideal es un titular de hasta unas ocho palabras y una línea de detalle. Las explicaciones más largas van en el pie de foto o en diapositivas extra del carrusel.

### ¿Qué tamaño de letra debe tener un titular en una publicación de redes?

En una publicación de 1080 píxeles de ancho, de 90 a 140 px para el titular, de 48 a 64 px para una línea de detalle y unos 40 px para una llamada a la acción.

### ¿Dónde va la llamada a la acción en una publicación de redes?

Cerca de la parte inferior, junto a la línea de detalle y dentro de la zona segura. En una historia, mantenla por encima del campo de respuesta.

### ¿El texto de las publicaciones debe ir centrado o alineado a la izquierda?

Centra los titulares cortos de una a tres líneas. Alinea a la izquierda todo lo que sea más largo, porque las líneas centradas irregulares cuestan más de leer.
