Con un sistema de gestión de contenidos (CMS) como WordPress, se pueden crear sitios web fácil y rápidamente, incluso sin conocimientos de programación. El backend y el frontend están directamente vinculados entre sí. Esto es práctico siempre que el contenido solo se vaya a reproducir a través de este único canal. Sin embargo, ahora los sitios web son solo un medio entre muchos otros. Si hay que llenar de contenido diferentes canales y dispositivos finales (por ejemplo, aplicaciones móviles) al mismo tiempo, puede ser útil el llamado Headless CMS.

En este artículo explicamos qué es realmente un Headless CMS y si WordPress puede utilizarse como un Headless CMS. También te damos una visión general de las ventajas y desventajas más importantes del Headless CMS o Headless WordPress.

¿Qué es un Headless CMS?

En un CMS clásico, el contenido se introduce a través de una interfaz en el backend y se organiza en bases de datos (normalmente MySQL). A partir de ahí, el sistema vincula directamente el contenido a themes o plantillas de diseño y los presenta a los/as visitantes en el frontend del sitio web.

Un Headless CMS es un sistema de gestión de contenidos en el que el backend y el frontend no están vinculados. El término "headless" se debe a la ausencia de frontend. Por tanto, es una forma modificada de un sistema de gestión de contenidos clásico en el que solo se utiliza el backend y se prescinde de la representación visual directa (el frontend).

En su lugar, el contenido sale de la base de datos a través de la llamada API (abreviatura de "Application Programming Interface" o interfaz de programación de aplicaciones). Esto permite que el contenido se publique de forma totalmente dinámica en diferentes dispositivos y canales, de forma centralizada desde una base de datos. Los sitios web y las aplicaciones tienen acceso al contenido a través de la interfaz, pero controlan la visualización individualmente. Por tanto, un Headless CMS solo sirve para gestionar el contenido y está desvinculado de la presentación.

Headless vs. Decoupled CMS

Muchos sistemas clásicos de gestión de contenidos han evolucionado en los últimos años de tal forma que pueden utilizarse tanto de forma habitual como en forma de Headless CMS. Es lo que se denomina un "Decoupled CMS", que sigue teniendo un frontend para el sitio web, pero al que también se puede acceder a través de una API para otros canales diversos.

Utiliza WordPress como un Headless CMS

Ahora WordPress también puede convertirse en un CMS sin cabeza. En sentido estricto, el llamado "WordPress sin cabeza" es entonces también un CMS desacoplado: a partir de la versión 4. 7, una API REST es parte integrante del popular sistema de gestión de contenidos.

Esto significa que puedes seguir utilizando WordPress como de costumbre "con todos los adornos", incluido el motor de plantillas para tu sitio web. Pero además, si lo deseas, también puedes reproducir tu contenido a través de la interfaz integrada, por ejemplo en una app o en otros canales. A continuación te explicamos a grandes rasgos cómo funciona esto técnicamente y qué componentes son necesarios.

La API REST de WordPress

En general, una API es una interfaz de programación a través de la cual los/as desarrolladores/as pueden solicitar y transmitir datos. Una API REST es un determinado tipo de interfaz que tiene una estructura relativamente sencilla y puede utilizarse de forma muy flexible. La abreviatura "REST" significa "Representational State Transfer" (Transferencia de Estado Representacional).

La API REST de WordPress es ahora básicamente una pieza de código que permite a otros sistemas comunicarse con WordPress. Esta comunicación se ejecuta mediante peticiones HTTP (como PUT, GET, POST o DELETE).

Relevantes en el contexto de los Headless CMS son sobre todo las peticiones GET Requests, es decir, peticiones con las que se leen determinados contenidos del CMS. Lo que hay que leer exactamente se define a través de las URL.

Si la API REST debe mostrar todas las contribuciones al blog (entradas o posts), por ejemplo, este sería el comando:

GET http://domain.com/wp-json/wp/v2/posts/

Las peticiones se introducen, por ejemplo, a través de la línea de comandos, que en WordPress se llama WP-CLI. Dependiendo de los datos que se vayan a solicitar, simplemente se completa la URL con los parámetros correspondientes.

Datos brutos y estructurados como base

Los datos solicitados a través de la API REST de WordPress se entregan siempre en formato JSON. La abreviatura "JSON" proviene del ingles: "JavaScript Object Notation". Se trata de un formato estandarizado, basado en texto, para representar datos estructurados, basado en la sintaxis de JavaScript. Se utiliza a menudo para transferir datos en aplicaciones web (por ejemplo, para enviar datos de un servidor al cliente para que puedan mostrarse en un sitio web).

Básicamente, la API REST estructura el contenido que has introducido en tu CMS y lo hace legible como información en bruto en formato JSON para otros sitios web y aplicaciones. Estas aplicaciones también pueden procesar o mostrar la información.

Un frontend personalizado

En el Headless CMS, el frontend (la presentación) está claramente separado del backend (la interfaz de WordPress, que se utiliza para introducir el contenido de forma estructurada). En el frontend, el contenido del CMS se renderiza, es decir, se ensambla y se muestra. WordPress solo se utiliza como base de datos de la que se recupera la información necesaria a través de la API REST.

Los diseños del frontend (o de varios frontends) se desarrollan por separado, independientemente del CMS. Pueden escribirse en cualquier lenguaje de programación y utilizar cualquier tecnología. Los frameworks de JavaScript como React, Angular o Vue.js son especialmente comunes.

¿Por qué deberías utilizar Headless WordPress? Las ventajas

Ahora te estarás preguntando por qué utilizar Headless WordPress cuando funciona igual de bien "con cabecera". Hemos resumido aquí las ventajas más importantes:

• Múltiples canales al mismo tiempo: puedes escalar un Headless CMS prácticamente sin límites. A través del sistema basado en API, cualquier número de frontends puede acceder a la información del backend y, básicamente, puedes mostrar tu contenido en cualquier lugar y plataforma, ya sea en un sitio web o en aplicaciones móviles. También son concebibles la realidad aumentada, la realidad virtual y el IoT (Internet of Things).
• Ahorro de tiempo: gestionas tu contenido en un Headless CMS de forma centralizada desde un solo lugar. Los ajustes, adiciones o correcciones solo tienen que hacerse una vez y luego son visibles automáticamente en todos los canales. Esto te ahorra tiempo que puedes invertir en proyectos creativos.
• Diseño más flexible: con un Headless WordPress, puedes diseñar y estructurar tu frontend con mayor libertad. Ya no estás atado/a a las posibilidades del CMS clásico y el lenguaje de programación no está predefinido. Esto te da mucha más libertad en el diseño y también puedes implementar sitios web complejos.
• Rendimiento más rápido: como tu Headless WordPress solo consta de una base de datos y accesos a la API REST, tu sistema es más ágil y rápido. Además, puedes desarrollar tu frontend con frameworks modernos para mejorar la experiencia de usuario.
• Mayor seguridad: como tu contenido en la base de datos está separado del frontend, es menos susceptible de sufrir problemas y hay menos objetivos para accesos malintencionados y ataques DDoS, por ejemplo.

Estas ventajas son especialmente relevantes para los/as desarrolladores/as que, de otro modo, luchan con CMS estáticos y opciones de diseño limitadas.

¿Cuáles son las desventajas de un Headless CMS?

Al mismo tiempo, un Headless CMS o Headless WordPress también se asocia con algunas desventajas que no deben dejar de mencionarse en este punto:

• No se puede influir directamente en la presentación: lo que es una gran ventaja para los/as desarrolladores/as se convierte en una restricción al introducir el contenido, al menos si quieres hacer ajustes no solo textuales, sino también visuales. Para quienes no desarrollen, no suele haber apenas espacio para la libertad artística.
• Experiencia de usuario incoherente: si utilizas varias plataformas para distribuir el contenido y la presentación no es coherente en todos los canales, puede parecer incoherente a los/as usuarios/as y empeorar su experiencia.
• Doble mantenimiento: un Headless WordPress siempre se ejecuta por separado del frontend. Esto significa que básicamente tienes que mantener y dar servicio a dos instancias. Esto puede llevar asociado un gasto de tiempo adicional.
• Costes más elevados: es más caro configurar un Headless WordPress. El mantenimiento también es más caro, ya que puedes necesitar varios/as desarrolladores/as para mantener dos instancias diferentes.
• No todas las funciones: Headless WordPress no admite una a una las mismas funciones que WordPress en su forma clásica. Por ejemplo, el editor WYSIWYG o la vista previa en vivo no funcionan si el frontend está separado. En general, cualquier plugin que afecte al frontend no es utilizable.

Conclusión: ¿Para quién es adecuado Headless WordPress?

Es imposible imaginar el mundo de los contenidos en línea sin WordPress. Es probable que esto no cambie mucho en el futuro. Lo que puede cambiar es la forma de utilizar WordPress: de forma clásica o como un Headless CMS. Headless WordPress tiene muchas ventajas, pero no es adecuado para todos los fines y usuarios/as.

Que un proyecto sea adecuado para un Headless CMS depende principalmente de lo que pretendas hacer. Headless WordPress podría ser adecuado, si:

• Quieres implementar un diseño muy individual en tu sitio web que no se puede realizar fácilmente con los themes WordPress y Page Builder.
• Estás planificando un gran proyecto y te gustaría presentar el contenido en diveresas plataformas y dispositivos finales (p.ej., en tu sitio web o en la app propia).
• Tienes conocimientos de programación o la posibilidad de trabajar con desarrolladores/as para construir tu propia solución.

Headless WordPress resultará menos adecuado si:

• Solo quieres hacer visible tu contenido en un sitio web (por ejemplo, un blog) y no necesitas ningún elemento de diseño especialmente inusual.
• Solo tienes un pequeño presupuesto y tu sitio web necesita adaptarse y mantenerse con frecuencia.
• Eres principiante, no tienes experiencia en desarrollo y programación y vas a crear y gestionar tu web por cuenta propia.

En conclusión, si solo quieres tener un sitio web "normal" y llenarlo de contenido, te conviene más el WordPress clásico, posiblemente combinado con page builders para tener más libertad de diseño. Sin embargo, si quieres estar presente en distintos canales y tienes conocimientos de programación (o recursos para desarrolladores), puedes plantearte utilizar Headless WordPress.

Preguntas frecuentes sobre Headless CMS WordPress

¿Qué es Headless WordPress?

Headless WordPress es una versión avanzada del popular sistema de gestión de contenidos que solo utiliza el backend y la base de datos WordPress. Por tanto, la presentación en el sitio web no se realiza directamente desde el CMS, sino a través de un frontend independiente.

¿Qué Headless CMS existen?

En el mercado hay varios proveedores especializados en Headless CMS. Los más conocidos son Directus, Strapi, Cockpit, Contentful y Storyblok. Además, muchos proveedores de CMS clásicos están siguiendo el ejemplo y equipando sus sistemas con una API REST. WordPress también puede utilizarse ahora "headless".

¿Cómo funciona un Headless CMS?

Con un Headless CMS, el backend y el frontend no están vinculados entre sí. Esto significa que el sistema no muestra visualmente el contenido introducido en el backend directamente en el sitio web. En su lugar, el contenido de la base de datos está disponible a través de la API REST. Cada sitio web o aplicación puede llamar y mostrar el contenido introducido centralmente a través de la interfaz.