# Types de contenu de documentation (/fr/guides/content-types)

<!-- agent-signals: reading_time_min: 10 · est_tokens: 4419 · updated: 2026-07-30 -->

Toute la documentation ne sert pas le même objectif. Un tutoriel qui accompagne un nouvel utilisateur lors de son premier déploiement est fondamentalement différent d'une référence API qu'un développeur consulte chaque jour. Mélanger ces objectifs dans une seule page crée un contenu qui ne remplit bien aucun des deux rôles.

Le [framework Diátaxis](https://diataxis.fr) fournit un système pratique pour catégoriser la documentation selon le besoin de l'utilisateur à un moment donné.

<div id="the-four-documentation-types">
  ## Les quatre types de documentation [#les-quatre-types-de-documentation]
</div>

<Frame>
  <img src="/_assets/8f0663ea8694169e578149833f13bb464989434fa9bbc509453ace7bf7a988f2" alt="Un diagramme du framework Diátaxis montrant quatre quadrants correspondant aux quatre types de contenu : Tutoriels, Guides pratiques, Référence et Explication." />
</Frame>

<div id="tutorials-learning-oriented">
  ### Tutoriels (orientés apprentissage) [#tutoriels-orientés-apprentissage]
</div>

Les tutoriels enseignent par la pratique. L'objectif de l'utilisateur est d'apprendre quelque chose de nouveau, et l'objectif du tutoriel est de lui offrir une expérience réussie — pas de documenter chaque option ni d'expliquer chaque détail.

Un bon tutoriel :

* Ne suppose aucune connaissance préalable de la tâche spécifique
* Accompagne l'utilisateur à travers un exemple complet et fonctionnel du début à la fin
* Minimise les choix — dites aux utilisateurs exactement quoi faire plutôt que de proposer des alternatives
* Marque la progression à des étapes significatives ("Vous avez maintenant configuré l'authentification")
* Explique juste assez pour maintenir l'utilisateur en mouvement, pas tout ce qu'il y a à savoir

Les tutoriels sont le type de contenu qui demande le plus d'investissement à rédiger et à maintenir, mais ils ont un impact démesuré sur la réussite des nouveaux utilisateurs avec votre produit.

<div id="how-to-guides-task-oriented">
  ### Guides pratiques (orientés tâches) [#guides-pratiques-orientés-tâches]
</div>

Les guides pratiques aident les utilisateurs à accomplir un objectif spécifique. Contrairement aux tutoriels, ils supposent que l'utilisateur a déjà un certain contexte et veut faire quelque chose de particulier, pas apprendre un concept.

Un bon guide pratique :

* Traite une tâche spécifique dans le titre et tout au long du contenu
* Suppose une connaissance préalable des prérequis
* Fournit une séquence claire d'étapes sans contexte inutile
* Décrit quoi faire, pas comment le système fonctionne en dessous

La distinction avec les tutoriels est importante en pratique : un tutoriel sur "Premiers pas avec l'authentification" accompagne un nouvel utilisateur à travers tout le processus étape par étape. Un guide pratique sur "Effectuer la rotation de vos clés API" suppose que l'utilisateur sait ce que sont les clés API et a juste besoin des étapes.

<div id="reference-information-oriented">
  ### Référence (orientée information) [#référence-orientée-information]
</div>

La documentation de référence décrit le système de manière précise et complète. Les utilisateurs la consultent pour chercher quelque chose — ils ne lisent pas de manière séquentielle et ne sont pas en train d'apprendre.

Une bonne documentation de référence :

* Priorise l'exhaustivité et la précision avant tout
* Est parcourable : tableaux, formatage cohérent, descriptions courtes
* Évite le contenu explicatif ou conceptuel
* Documente tout, y compris les valeurs par défaut, les limites et les cas limites
* Reste proche de la structure de ce qu'elle documente (une référence API suit la structure de l'API)

Les références API, les listes d'options de configuration et les références de commandes CLI sont tous du contenu de référence.

<div id="explanation-understanding-oriented">
  ### Explication (orientée compréhension) [#explication-orientée-compréhension]
</div>

Les explications approfondissent la compréhension d'un concept. Les utilisateurs les lisent quand ils veulent comprendre pourquoi quelque chose fonctionne de telle manière, pas comment effectuer une tâche spécifique.

Un bon contenu d'explication :

* Aborde le contexte et la motivation derrière une décision de conception
* Reconnaît les compromis et les alternatives
* Relie les concepts à travers le système plus large
* Prend des positions tranchées quand c'est approprié

Les vues d'ensemble d'architecture, les guides de concepts et les pages "comment fonctionne X" sont tous du contenu d'explication. Ils se distinguent des guides pratiques en ce qu'un lecteur terminant un article d'explication ne devrait pas avoir l'impression qu'on lui a demandé de faire quelque chose — il devrait avoir l'impression de mieux comprendre quelque chose.

<div id="choose-the-right-type-for-each-page">
  ## Choisir le bon type pour chaque page [#choisir-le-bon-type-pour-chaque-page]
</div>

| Question                                              | Tutoriel                  | Guide pratique                  | Référence                       | Explication           |
| ----------------------------------------------------- | ------------------------- | ------------------------------- | ------------------------------- | --------------------- |
| Quel est l'objectif de l'utilisateur ?                | Apprendre par la pratique | Résoudre un problème spécifique | Trouver une information précise | Comprendre un concept |
| Quel est le niveau de connaissance de l'utilisateur ? | Débutant                  | Intermédiaire                   | Expérimenté                     | Tout niveau           |
| Le contenu est-il orienté tâches ?                    | Oui, guidé                | Oui, spécifique                 | Non                             | Non                   |
| Est-il séquentiel ?                                   | Oui                       | Généralement                    | Non                             | Non                   |

En cas de doute sur le type qui convient à une page, demandez-vous : "Que fait l'utilisateur après avoir lu ceci ?" S'il a accompli une tâche, c'est un guide pratique ou un tutoriel. S'il comprend maintenant quelque chose et peut passer à l'action ailleurs, c'est une explication. S'il a cherché un détail spécifique, c'est une référence.

<div id="writing-for-each-type">
  ## Rédiger pour chaque type [#rédiger-pour-chaque-type]
</div>

<div id="writing-tutorials">
  ### Rédiger des tutoriels [#rédiger-des-tutoriels]
</div>

Définissez les attentes au début : qu'est-ce que les utilisateurs construisent ou accomplissent à la fin ? Utilisez les composants `<Steps>` pour la progression séquentielle et célébrez l'achèvement aux étapes naturelles. Minimisez les décisions — là où il existe plusieurs approches valides, choisissez-en une et dites-le.

<div id="writing-how-to-guides">
  ### Rédiger des guides pratiques [#rédiger-des-guides-pratiques]
</div>

Commencez par la tâche dans le titre : "Comment configurer les webhooks", "Comment migrer de v1 à v2". Rédigez du point de vue de l'utilisateur, pas du produit. Omettez le contexte qui n'affecte pas les étapes. Créez des liens vers du contenu d'explication ou de référence pour les utilisateurs qui veulent en savoir plus.

<div id="writing-reference">
  ### Rédiger une référence [#rédiger-une-référence]
</div>

Structurez les documents de référence autour de ce que vous décrivez, pas autour des parcours utilisateurs. Utilisez un formatage cohérent pour toutes les entrées. Chaque paramètre, flag ou option devrait avoir un type, une valeur par défaut et une description d'une ligne. Gardez-le parcourable.

<div id="writing-explanation">
  ### Rédiger une explication [#rédiger-une-explication]
</div>

Commencez par la question à laquelle vous répondez : "Pourquoi l'authentification fonctionne-t-elle de cette façon ?" ou "Quelle est la différence entre les organisations et les espaces de travail ?" Reconnaissez que plusieurs approches existent et expliquez pourquoi le produit fait les choix qu'il fait. Créez des liens vers des guides pratiques pour les utilisateurs qui veulent agir sur ce qu'ils ont appris.

<div id="tips-for-maintaining-type-consistency">
  ## Conseils pour maintenir la cohérence des types [#conseils-pour-maintenir-la-cohérence-des-types]
</div>

* **Attribuez un type de contenu avant de rédiger.** Décider à l'avance façonne toutes les autres décisions de rédaction : structure, longueur, ton, ce qu'il faut inclure et exclure.
* **Révisez les pages à objectifs multiples.** Les pages qui expliquent un concept, incluent un tutoriel et référencent une liste d'options en même temps sont difficiles à maintenir et à utiliser. Divisez-les ou choisissez un type principal.
* **Adaptez le framework à votre produit.** Diátaxis est un point de départ, pas une règle rigide. Les produits avec des structures inhabituelles peuvent nécessiter des approches hybrides. Le principe sous-jacent — faire correspondre le contenu au besoin de l'utilisateur à un moment donné — s'applique universellement.

<div id="frequently-asked-questions">
  ## Questions fréquemment posées [#questions-fréquemment-posées]
</div>

<AccordionGroup>
  <Accordion title="Ai-je besoin des quatre types de contenu pour chaque fonctionnalité ?">
    Non. Les petites fonctionnalités peuvent n'avoir besoin que d'un guide pratique et d'une entrée de référence. Les types décrivent des besoins que les utilisateurs pourraient avoir, pas une liste de vérification que vous devez compléter. Commencez par ce dont vos utilisateurs ont réellement besoin — généralement un guide pratique et une référence — et ajoutez des tutoriels et des explications là où les utilisateurs ont constamment du mal à démarrer ou à comprendre quelque chose.
  </Accordion>

  <Accordion title="Quelle est la différence entre un tutoriel et un guide pratique ?">
    Les tutoriels sont des expériences d'apprentissage. L'utilisateur commence sans connaissance et finit par avoir construit ou accompli quelque chose, le tutoriel faisant l'essentiel du travail pédagogique. Les guides pratiques sont des références de tâches. L'utilisateur sait ce qu'il veut faire et a besoin des étapes pour le faire. Un tutoriel sur "Construisez votre première intégration" et un guide pratique sur "Connecter une nouvelle intégration" peuvent couvrir des actions similaires mais servent des utilisateurs entièrement différents dans des contextes entièrement différents.
  </Accordion>

  <Accordion title="Une seule page peut-elle servir plusieurs types de contenu ?">
    En pratique, les pages mélangent souvent les types — surtout le contenu de démarrage qui combine tutoriel et guide pratique. La question est de savoir si le mélange sert les utilisateurs ou les déroute. Si une page doit à la fois enseigner un concept (explication) et accompagner la configuration (tutoriel), une structure de sections claire peut fonctionner. Si le contenu est trop mélangé pour être organisé proprement, le diviser en pages séparées produit généralement de meilleurs résultats.
  </Accordion>

  <Accordion title="Quel niveau de détail la documentation de référence doit-elle avoir ?">
    Suffisamment complète pour que les utilisateurs n'aient pas besoin de lire le code source ni de contacter le support pour comprendre un paramètre ou une option. Chaque valeur configurable devrait avoir une description, un type, une valeur par défaut et un exemple. La documentation de référence qui omet les cas limites ou les limitations oblige les utilisateurs à découvrir ces limites par essai et erreur — c'est un échec de la documentation, pas une erreur de l'utilisateur.
  </Accordion>
</AccordionGroup>

<div id="related-pages">
  ## Pages associées [#pages-associées]
</div>

<CardGroup cols="2">
  <Card title="Modèles de contenu" icon="<svg xmlns=&#x22;http://www.w3.org/2000/svg&#x22; viewBox=&#x22;0 0 24 24&#x22; fill=&#x22;none&#x22;><path d=&#x22;M10 18C10 18 7.50004 16.1588 7.50003 15.5C7.50003 14.8412 10 13 10 13&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M14 18C14 18 16.5 16.1588 16.5 15.5C16.5 14.8412 14 13 14 13&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M13 2.5V3C13 5.82843 13 7.24264 13.8787 8.12132C14.7574 9 16.1716 9 19 9H19.5M20 10.6569V14C20 17.7712 20 19.6569 18.8284 20.8284C17.6569 22 15.7712 22 12 22C8.22876 22 6.34315 22 5.17157 20.8284C4 19.6569 4 17.7712 4 14V9.45584C4 6.21082 4 4.58831 4.88607 3.48933C5.06508 3.26731 5.26731 3.06508 5.48933 2.88607C6.58831 2 8.21082 2 11.4558 2C12.1614 2 12.5141 2 12.8372 2.11401C12.9044 2.13772 12.9702 2.165 13.0345 2.19575C13.3436 2.34355 13.593 2.593 14.0919 3.09188L18.8284 7.82843C19.4065 8.40649 19.6955 8.69552 19.8478 9.06306C20 9.4306 20 9.83935 20 10.6569Z&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/></svg>" href="/fr/guides/content-templates">
    Copiez et modifiez des modèles pour chaque type de contenu.
  </Card>

  <Card title="Style et ton" icon="<svg xmlns=&#x22;http://www.w3.org/2000/svg&#x22; viewBox=&#x22;0 0 24 24&#x22; fill=&#x22;none&#x22;><path d=&#x22;M3.49977 18.9853V20.5H5.01449C6.24074 20.5 6.85387 20.5 7.40518 20.2716C7.9565 20.0433 8.39004 19.6097 9.25713 18.7426L19.1211 8.87868C20.0037 7.99612 20.4449 7.55483 20.4937 7.01325C20.5018 6.92372 20.5018 6.83364 20.4937 6.74411C20.4449 6.20253 20.0037 5.76124 19.1211 4.87868C18.2385 3.99612 17.7972 3.55483 17.2557 3.50605C17.1661 3.49798 17.0761 3.49798 16.9865 3.50605C16.4449 3.55483 16.0037 3.99612 15.1211 4.87868L5.25713 14.7426C4.39004 15.6097 3.9565 16.0433 3.72813 16.5946C3.49977 17.1459 3.49977 17.759 3.49977 18.9853Z&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M13.5 6.5L17.5 10.5&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/></svg>" href="/fr/guides/style-and-tone">
    Rédigez une documentation efficace avec un style cohérent.
  </Card>

  <Card title="Comprendre votre audience" icon="<svg xmlns=&#x22;http://www.w3.org/2000/svg&#x22; viewBox=&#x22;0 0 24 24&#x22; fill=&#x22;none&#x22;><path d=&#x22;M13 11C13 8.79086 11.2091 7 9 7C6.79086 7 5 8.79086 5 11C5 13.2091 6.79086 15 9 15C11.2091 15 13 13.2091 13 11Z&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M11.0386 7.55773C11.0131 7.37547 11 7.18927 11 7C11 4.79086 12.7909 3 15 3C17.2091 3 19 4.79086 19 7C19 9.20914 17.2091 11 15 11C14.2554 11 13.5584 10.7966 12.9614 10.4423&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M15 21C15 17.6863 12.3137 15 9 15C5.68629 15 3 17.6863 3 21&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M21 17C21 13.6863 18.3137 11 15 11&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/></svg>" href="/fr/guides/understand-your-audience">
    Recherchez et définissez l'audience de votre documentation.
  </Card>

  <Card title="Navigation" icon="<svg xmlns=&#x22;http://www.w3.org/2000/svg&#x22; viewBox=&#x22;0 0 24 24&#x22; fill=&#x22;none&#x22;><circle cx=&#x22;12&#x22; cy=&#x22;13&#x22; r=&#x22;9&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M12 3.5V2&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M10 2H14&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M14.7728 10.2571C15.5061 10.9837 14.3328 16.8933 13.1289 16.9974C12.1189 17.0848 11.8041 15.0928 11.5914 14.4614C11.3815 13.8383 11.1478 13.6139 10.5298 13.4095C8.95989 12.8901 8.17492 12.6304 8.0195 12.2192C7.60796 11.1304 13.8362 9.32902 14.7728 10.2571Z&#x22; stroke=&#x22;currentColor&#x22; stroke-width=&#x22;1.5&#x22;/></svg>" href="/fr/guides/navigation">
    Organisez la structure de votre documentation efficacement.
  </Card>

  <Card title="Améliorer votre documentation" icon="<svg xmlns=&#x22;http://www.w3.org/2000/svg&#x22; viewBox=&#x22;0 0 24 24&#x22; fill=&#x22;none&#x22;><path d=&#x22;M7 15.2461L9.87381 11.5319C10.1242 11.2082 10.2495 11.0464 10.3862 10.9354C10.7975 10.6017 11.3471 10.5135 11.8368 10.7026C11.9997 10.7654 12.1664 10.8804 12.5 11.1103C12.8336 11.3402 13.0003 11.4552 13.1632 11.518C13.6529 11.7071 14.2025 11.6189 14.6138 11.2852C14.7505 11.1742 14.8757 11.0124 15.1262 10.6887L15.9061 9.68068C16.8833 8.41772 17.3719 7.78624 18.0414 7.7479C18.7109 7.70956 19.264 8.28139 20.3701 9.42505L21 10.0764&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-linejoin=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/><path d=&#x22;M21 21H10C6.70017 21 5.05025 21 4.02513 19.9749C3 18.9497 3 17.2998 3 14V3&#x22; stroke=&#x22;currentColor&#x22; stroke-linecap=&#x22;round&#x22; stroke-width=&#x22;1.5&#x22;/></svg>" href="/fr/guides/improving-docs">
    Utilisez les données et les métriques pour améliorer la documentation.
  </Card>
</CardGroup>
