# Mise en page du texte social : titre, détail, appel à l’action

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

La plupart des publications qui paraissent encombrées ont les bons mots dans le mauvais ordre et aux mauvaises tailles. Trois niveaux, quelques règles de placement et un téléphone tenu à bout de bras corrigent presque tout.

## The short version

- Une mise en page claire du texte des publications sociales compte trois niveaux : un titre, une ligne de détail et un appel à l’action.
- Sur une publication de 1080 pixels de large, un titre de 90 à 140 px, une ligne de détail de 48 à 64 px et un appel à l’action d’environ 40 px se lisent bien sur mobile.
- Chaque niveau doit être nettement plus petit que celui du dessus, environ de la moitié aux deux tiers de sa taille, pour que l’ordre soit évident d’un coup d’œil.
- Gardez le titre à environ huit mots et placez-le là où l’œil se pose d’abord, généralement dans le tiers haut ou central.
- L’appel à l’action est le texte le plus discret de la publication, car la légende et les boutons de la plateforme invitent déjà à l’étape suivante.

La meilleure **mise en page du texte des publications sociales** utilise trois niveaux, pas plus : un **titre** qui dit l’unique chose, une ligne de **détail** qui répond à la question évidente qui suit, et un petit **appel à l’action** qui dit quoi faire ensuite. Chaque niveau est nettement plus petit que celui du dessus, et chacun se place à un endroit prévisible. Quelqu’un qui fait défiler accorde un instant à une publication, et trois niveaux, c’est à peu près ce qu’un instant peut contenir.

## Exemple : hiérarchiser les mots d’une publication

Une fleuriste veut annoncer les commandes pour la fête des mères. Le premier jet met tout à une taille proche : le nom de la boutique, « La fête des mères approche », « Commandez vos bouquets en ligne », « Livraison dans toute la ville », « Commandez avant jeudi », et l’adresse web. Six lignes en concurrence, et rien n’est lu.

Hiérarchisé, cela donne : titre *Commandez avant jeudi.* (ce sur quoi il faut agir), détail *Bouquets noués à la main, livrés dimanche* (quoi et quand), appel à l’action *Lien en bio* (où). Le nom de la boutique passe en petite étiquette ou disparaît, car le profil l’affiche déjà.

Une publication de fleuriste où le nom de la boutique, une annonce et plusieurs détails se disputent à des tailles proches

Avant : chaque ligne se bat pour l’attention et l’échéance est enfouie.

La même publication de fleuriste avec un grand titre Commandez avant jeudi et une ligne plus petite sur la livraison du dimanche

Après : un titre, une ligne de détail, et l’appel à l’action laissé à la légende.

## Tailles de police pour le titre, le détail et l’appel à l’action

Les tailles ci-dessous valent pour toute publication de 1080 pixels de large, ce qui couvre les formats portrait, carré et story d’Instagram. La règle sous-jacente est plus utile que les chiffres : chaque niveau doit faire environ la moitié aux deux tiers du niveau supérieur, sinon l’œil ne les distingue pas.

| Niveau | Rôle | Taille pour 1080 px de large | Longueur |
| --- | --- | --- | --- |
| Surtitre (facultatif) | Le contexte : une catégorie, une date ou le nom d’une série | 28 à 32 px, capitales, espacées | Un à quatre mots |
| Titre | L’unique chose à retenir | 90 à 140 px, gras ou demi-gras | Jusqu’à environ huit mots |
| Détail | La suite : quand, où, combien, pour qui | 48 à 64 px, normal | Une ligne, deux au plus |
| Appel à l’action | L’étape suivante | 40 à 44 px, medium | Deux à quatre mots |

Le surtitre est un quatrième niveau en bonus. Utilisez-le pour le contexte, jamais pour un second titre.

La graisse aide autant que la taille. Un titre gras et une ligne de détail normale se séparent nettement même quand les tailles sont plus proches que vous ne le voudriez. Plus de détails sur le dimensionnement pour mobile dans [la taille de police pour les réseaux sociaux](https://gradiently.design/fr/guide/font-size-for-social-media), et la théorie générale dans [la hiérarchie visuelle](https://gradiently.design/fr/guide/visual-hierarchy).

## Où placer chaque niveau

On lit une publication comme une page : de haut en bas, du début à la fin de la ligne. Le titre va donc en haut ou au milieu, le détail juste dessous, et l’appel à l’action en dernier, près du bas. Gardez les trois proches en un seul groupe ; les écarter vers les coins force l’œil à chercher.

- Publication portrait 1080×1350: 1080 × 1350
- Publication carrée 1080×1080: 1080 × 1080
- Story 1080×1920: 1080 × 1920
- Publication LinkedIn 1200×1200: 1200 × 1200

Quatre formats courants. Sur la story, gardez les trois niveaux entre environ 250 px du haut et 250 px du bas, où se trouve l’interface.

- **Portrait 1080×1350** : titre dans le tiers haut ou centré, détail dessous, appel à l’action près du bas avec une marge d’au moins 80 px.
- **Carré 1080×1080** : centrez le groupe ou alignez-le sur un côté ; la grille du profil affiche un aperçu recadré de chaque publication, gardez donc le titre à l’écart des bords haut et bas.
- **Story 1080×1920** : titre juste sous la ligne de sécurité du haut, appel à l’action au-dessus du champ de réponse. [Les zones de sécurité des réseaux sociaux](https://gradiently.design/fr/guide/social-media-safe-zones) donne le plan.
- **Premier slide de carrousel** : le titre seul, plus une petite flèche ou un repère « Glissez ». Les détails vont au slide deux ; [le design de carrousel Instagram](https://gradiently.design/fr/guide/instagram-carousel-design) couvre le reste.

## Erreurs courantes de mise en page du texte sur les publications sociales

### À éviter

- Un titre et un détail presque à la même taille
- Le nom de la marque comme texte le plus grand
- Un appel à l’action plus fort que le titre
- Du texte poussé dans les coins et sur les bords
- Cinq lignes de texte ou plus sur un slide
- Centrer de longs paragraphes

### À faire

- Un net saut de taille entre les niveaux
- Le message comme texte le plus grand ; le logo petit
- Un appel à l’action discret, près du détail
- De généreuses marges, d’environ 80 à 100 px
- Un long contenu réparti sur les slides d’un carrousel
- Du texte aligné à gauche dès qu’il dépasse deux lignes

L’appel à l’action mérite un mot. Sur Instagram, la légende et les boutons j’aime, commenter et partager se trouvent juste sous l’image, et « lien en bio » est compris de tous. L’appel à l’action sur l’image elle-même peut donc être petit. Ne le rendez fort que lorsque l’action est tout l’enjeu, comme l’échéance d’une promotion.

## Comment composer le texte d’une publication sociale en cinq étapes

1. **Écrivez tout, puis hiérarchisez** Mettez l’unique chose en premier. Tout le reste est soit le détail, soit l’appel à l’action, soit la légende.
2. **Réduisez le titre à huit mots ou moins** S’il ne tient pas à 90 px sur trois lignes, il est trop long. Une [police de titre](https://gradiently.design/fr/guide/headline-fonts) solide fait frapper plus fort une ligne courte.
3. **Réglez les tailles en paliers** Le titre, puis environ la moitié pour le détail, puis encore plus petit pour l’appel à l’action.
4. **Groupez et placez** Empilez les trois niveaux ensemble avec un espacement constant, alignés sur un bord ou au centre.
5. **Testez à la taille d’un téléphone** Dézoomez votre canevas jusqu’à ce que la publication ait la largeur d’un téléphone tenu à bout de bras. Si l’ordre n’est pas évident, augmentez les paliers.

Une publication portrait de soldes avec 40 % de remise en très grand, un petit surtitre Ce week-end seulement et une ligne de détail sur les bougies

Quand le chiffre est la nouvelle, il devient le titre et les mots deviennent le détail.

## Garder chaque niveau lisible sur un fond chargé

La hiérarchie ne fonctionne que si les trois niveaux se lisent. Le titre passe généralement bien car il est grand ; c’est le détail et l’appel à l’action où le contraste échoue, surtout sur un dégradé ou une photo. Placez le groupe sur la zone la plus calme et vérifiez d’abord la plus petite ligne. [Le texte sur un dégradé](https://gradiently.design/fr/guide/text-on-gradient) détaille les techniques.

Dans Gradiently, le Mark derrière une création sait où sont les mots. Sa région la plus calme se place derrière le texte et l’encre Auto choisit un texte clair ou foncé pour chaque ligne, si bien qu’un petit appel à l’action reste aussi lisible que le titre. Réglez la hiérarchie une fois, puis créez une version story ou LinkedIn à partir de la même création plutôt que de la reconstruire.

## FAQ

### Quelle quantité de texte sur une publication Instagram ?

Un titre d’environ huit mots au plus et une ligne de détail, c’est l’idéal. Les explications plus longues vont dans la légende ou sur des slides de carrousel supplémentaires.

### Quelle taille de police pour un titre de publication sociale ?

Sur une publication de 1080 pixels de large, 90 à 140 px pour le titre, 48 à 64 px pour une ligne de détail et environ 40 px pour un appel à l’action.

### Où placer l’appel à l’action sur une publication sociale ?

Près du bas, proche de la ligne de détail et dans la zone de sécurité. Sur une story, gardez-le au-dessus du champ de réponse.

### Le texte des publications sociales doit-il être centré ou aligné à gauche ?

Centrez les titres courts d’une à trois lignes. Alignez à gauche tout ce qui est plus long, car des lignes centrées irrégulières se lisent plus difficilement.