# Tipos de contenido de documentación (/es/guides/content-types)

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

No toda la documentación cumple el mismo propósito. Un tutorial que guía a un nuevo usuario a través de su primer despliegue es fundamentalmente diferente de una referencia de API que un desarrollador consulta todos los días. Mezclar estos propósitos en una sola página crea contenido que no cumple bien ninguno de los dos objetivos.

El [framework Diátaxis](https://diataxis.fr) proporciona un sistema práctico para categorizar la documentación según la necesidad del usuario en el momento.

<div id="the-four-documentation-types">
  ## Los cuatro tipos de documentación [#los-cuatro-tipos-de-documentación]
</div>

<Frame>
  <img src="/_assets/8f0663ea8694169e578149833f13bb464989434fa9bbc509453ace7bf7a988f2" alt="Un diagrama del framework Diátaxis que muestra cuatro cuadrantes correspondientes a los cuatro tipos de contenido: Tutoriales, Guías prácticas, Referencia y Explicación." />
</Frame>

<div id="tutorials-learning-oriented">
  ### Tutoriales (orientados al aprendizaje) [#tutoriales-orientados-al-aprendizaje]
</div>

Los tutoriales enseñan a través de la práctica. El objetivo del usuario es aprender algo nuevo, y el objetivo del tutorial es brindarle una experiencia exitosa, no documentar cada opción ni explicar cada detalle.

Un buen tutorial:

* No asume conocimiento previo de la tarea específica
* Guía al usuario a través de un ejemplo completo y funcional de principio a fin
* Minimiza las decisiones: indica a los usuarios exactamente qué hacer en lugar de ofrecer alternativas
* Marca el progreso en hitos significativos ("Ya has configurado la autenticación")
* Explica lo justo para mantener al usuario avanzando, no todo lo que hay que saber

Los tutoriales son el tipo de contenido que más inversión requiere para escribir y mantener, pero tienen un impacto desproporcionado en si los nuevos usuarios tienen éxito con tu producto.

<div id="how-to-guides-task-oriented">
  ### Guías prácticas (orientadas a tareas) [#guías-prácticas-orientadas-a-tareas]
</div>

Las guías prácticas ayudan a los usuarios a lograr un objetivo específico. A diferencia de los tutoriales, asumen que el usuario ya tiene algo de contexto y quiere hacer algo en particular, no aprender un concepto.

Una buena guía práctica:

* Aborda una tarea específica en el título y a lo largo de todo el contenido
* Asume conocimiento previo de los prerrequisitos
* Proporciona una secuencia clara de pasos sin contexto innecesario
* Describe qué hacer, no cómo funciona el sistema internamente

La distinción con los tutoriales importa en la práctica: un tutorial sobre "Primeros pasos con la autenticación" guía a un nuevo usuario a través de todo el proceso paso a paso. Una guía práctica sobre "Rotar tus claves de API" asume que el usuario sabe qué son las claves de API y solo necesita los pasos.

<div id="reference-information-oriented">
  ### Referencia (orientada a la información) [#referencia-orientada-a-la-información]
</div>

La documentación de referencia describe el sistema de manera precisa y completa. Los usuarios la consultan para buscar algo: no la leen secuencialmente ni están aprendiendo.

Una buena documentación de referencia:

* Prioriza la completitud y la precisión por encima de todo
* Es escaneable: tablas, formato consistente, descripciones cortas
* Evita contenido explicativo o conceptual
* Documenta todo, incluyendo valores predeterminados, límites y casos límite
* Se mantiene cerca de la estructura de lo que documenta (una referencia de API sigue la estructura de la API)

Las referencias de API, las listas de opciones de configuración y las referencias de comandos CLI son todo contenido de referencia.

<div id="explanation-understanding-oriented">
  ### Explicación (orientada a la comprensión) [#explicación-orientada-a-la-comprensión]
</div>

Las explicaciones profundizan la comprensión de un concepto. Los usuarios las leen cuando quieren entender por qué algo funciona de la manera en que lo hace, no cómo realizar una tarea específica.

Un buen contenido de explicación:

* Aborda el contexto y la motivación detrás de una decisión de diseño
* Reconoce las compensaciones y alternativas
* Conecta conceptos a lo largo del sistema más amplio
* Adopta posturas opinadas cuando es apropiado

Las descripciones generales de arquitectura, las guías de conceptos y las páginas de "cómo funciona X" son todo contenido de explicación. Se distinguen de las guías prácticas en que un lector que termina un artículo de explicación no debería sentir que se le ha dado instrucciones para hacer algo, sino que debería sentir que entiende algo mejor.

<div id="choose-the-right-type-for-each-page">
  ## Elige el tipo adecuado para cada página [#elige-el-tipo-adecuado-para-cada-página]
</div>

| Pregunta                                     | Tutorial                         | Guía práctica                   | Referencia                    | Explicación            |
| -------------------------------------------- | -------------------------------- | ------------------------------- | ----------------------------- | ---------------------- |
| ¿Cuál es el objetivo del usuario?            | Aprender a través de la práctica | Resolver un problema específico | Encontrar información precisa | Comprender un concepto |
| ¿Qué nivel de conocimiento tiene el usuario? | Principiante                     | Intermedio                      | Experimentado                 | Cualquiera             |
| ¿El contenido está orientado a tareas?       | Sí, guiado                       | Sí, específico                  | No                            | No                     |
| ¿Es secuencial?                              | Sí                               | Generalmente                    | No                            | No                     |

Cuando tengas dudas sobre qué tipo corresponde a una página, pregunta: "¿Qué hace el usuario después de leer esto?" Si ha completado una tarea, es una guía práctica o un tutorial. Si ahora entiende algo y puede pasar a actuar en otro lugar, es una explicación. Si ha buscado un detalle específico, es referencia.

<div id="writing-for-each-type">
  ## Escritura para cada tipo [#escritura-para-cada-tipo]
</div>

<div id="writing-tutorials">
  ### Escribir tutoriales [#escribir-tutoriales]
</div>

Establece expectativas al inicio: ¿qué construyen o logran los usuarios al final? Usa componentes `<Steps>` para el progreso secuencial y celebra la finalización en hitos naturales. Minimiza las decisiones: donde haya múltiples enfoques válidos, elige uno y dilo.

<div id="writing-how-to-guides">
  ### Escribir guías prácticas [#escribir-guías-prácticas]
</div>

Comienza con la tarea en el título: "Cómo configurar webhooks", "Cómo migrar de v1 a v2". Escribe desde la perspectiva del usuario, no del producto. Omite el contexto que no afecta los pasos. Enlaza a contenido de explicación o referencia para los usuarios que quieran entender más.

<div id="writing-reference">
  ### Escribir referencia [#escribir-referencia]
</div>

Estructura los documentos de referencia alrededor de lo que describes, no alrededor de los recorridos del usuario. Usa un formato consistente en todas las entradas. Cada parámetro, flag u opción debería tener un tipo, un valor predeterminado y una descripción de una línea. Mantenlo escaneable.

<div id="writing-explanation">
  ### Escribir explicación [#escribir-explicación]
</div>

Comienza con la pregunta que estás respondiendo: "¿Por qué funciona la autenticación de esta manera?" o "¿Cuál es la diferencia entre organizaciones y espacios de trabajo?" Reconoce que existen múltiples enfoques y explica por qué el producto toma las decisiones que toma. Enlaza a guías prácticas para los usuarios que quieran actuar sobre lo que han aprendido.

<div id="tips-for-maintaining-type-consistency">
  ## Consejos para mantener la consistencia de tipos [#consejos-para-mantener-la-consistencia-de-tipos]
</div>

* **Asigna un tipo de contenido antes de escribir.** Decidir de antemano moldea todas las demás decisiones de escritura: estructura, extensión, tono, qué incluir y qué excluir.
* **Revisa las páginas con propósitos mixtos.** Las páginas que explican un concepto, incluyen un tutorial y hacen referencia a una lista de opciones, todo a la vez, son difíciles de mantener y de usar. Divídelas o elige un tipo principal.
* **Adapta el framework a tu producto.** Diátaxis es un punto de partida, no una regla rígida. Los productos con estructuras inusuales pueden necesitar enfoques híbridos. El principio subyacente —hacer coincidir el contenido con la necesidad del usuario en el momento— se aplica universalmente.

<div id="frequently-asked-questions">
  ## Preguntas frecuentes [#preguntas-frecuentes]
</div>

<AccordionGroup>
  <Accordion title="¿Necesito los cuatro tipos de contenido para cada funcionalidad?">
    No. Las funcionalidades pequeñas pueden necesitar solo una guía práctica y una entrada de referencia. Los tipos describen necesidades que los usuarios podrían tener, no una lista de verificación que debas completar. Comienza con lo que tus usuarios realmente necesitan —generalmente una guía práctica y referencia— y agrega tutoriales y explicaciones donde los usuarios tengan dificultades constantes para empezar o entender algo.
  </Accordion>

  <Accordion title="¿Cuál es la diferencia entre un tutorial y una guía práctica?">
    Los tutoriales son experiencias de aprendizaje. El usuario comienza sin conocimiento y termina habiendo construido o completado algo, con el tutorial haciendo la mayor parte del trabajo pedagógico. Las guías prácticas son referencias de tareas. El usuario sabe lo que quiere hacer y necesita los pasos para hacerlo. Un tutorial sobre "Construye tu primera integración" y una guía práctica sobre "Conectar una nueva integración" pueden cubrir acciones similares pero sirven a usuarios completamente diferentes en contextos completamente diferentes.
  </Accordion>

  <Accordion title="¿Puede una sola página servir para múltiples tipos de contenido?">
    En la práctica, las páginas a menudo mezclan tipos, especialmente el contenido de primeros pasos que combina tutorial y guía práctica. La pregunta es si la mezcla sirve a los usuarios o los confunde. Si una página necesita tanto enseñar un concepto (explicación) como guiar a través de la configuración (tutorial), una estructura clara de secciones puede funcionar. Si el contenido está demasiado mezclado para organizarse limpiamente, dividirlo en páginas separadas generalmente produce mejores resultados.
  </Accordion>

  <Accordion title="¿Qué tan detallada debe ser la documentación de referencia?">
    Lo suficientemente completa para que los usuarios no necesiten leer el código fuente ni contactar al soporte para entender un parámetro u opción. Cada valor configurable debería tener una descripción, tipo, valor predeterminado y ejemplo. La documentación de referencia que omite casos límite o limitaciones obliga a los usuarios a descubrir esos límites por ensayo y error; eso es una falla de la documentación, no un error del usuario.
  </Accordion>
</AccordionGroup>

<div id="related-pages">
  ## Páginas relacionadas [#páginas-relacionadas]
</div>

<CardGroup cols="2">
  <Card title="Plantillas de contenido" 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="/es/guides/content-templates">
    Copia y modifica plantillas para cada tipo de contenido.
  </Card>

  <Card title="Estilo y tono" 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="/es/guides/style-and-tone">
    Escribe documentación efectiva con un estilo consistente.
  </Card>

  <Card title="Conoce a tu audiencia" 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="/es/guides/understand-your-audience">
    Investiga y define la audiencia de tu documentación.
  </Card>

  <Card title="Navegación" 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="/es/guides/navigation">
    Organiza la estructura de tu documentación de manera efectiva.
  </Card>

  <Card title="Mejora tu documentación" 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="/es/guides/improving-docs">
    Usa datos y métricas para mejorar la documentación.
  </Card>
</CardGroup>
