Gutenberg y page builder: ¿Qué les espera a las agencias WordPress?

Gutenberg se está desarrollando rápidamente en dirección "Full Site Editing". ¿Qué significa esta novedad para el futuro de los page builder? ¿Para qué deben estar preparadas las agencias y los autónomos WordPress? ¿Qué herramientas te ayudarán? Un artículo invitado de GREYD.

Cuando WordPress presentó el editor Gutenberg en 2018, el proyecto fue ridiculizado (con razón) por su falta de posibilidades. "En algún momento, Gutenberg se convertirá seguramente en algo aún mejor o quizás en el nuevo estándar", nos aseguraron los entusiastas de los/as primeros/as usuarios/as. Eso se ha hecho realidad, porque ese momento es ahora.

Si has estado durmiendo durante la evolución de Gutenberg y WordPress es fundamental para tu negocio o para tu agencia, entonces tienes que seguir leyendo. Para entender por qué el desarrollo de Gutenberg amenaza seriamente la existencia de los plugins de page builder, echemos un vistazo rápido a la historia del nuevo editor de WordPress.

El desarrollo de WordPress Gutenberg

Al principio, el editor de Gutenberg era todavía muy engorroso de utilizar, por decirlo amablemente. Al menos si lo comparas con las posibilidades de conocidos page builder WordPress, como Elementor o WPBakery. En comparación directa con el editor clásico de WordPress (TinyMCE), que era más adecuado para escribir artículos en un blog que para diseñar bonitos sitios web, Gutenberg supuso un verdadero salto cualitativo.

Con la introducción del editor Gutenberg, WordPress ha demostrado claramente, en cualquier caso, que los bloques serán el futuro en el diseño web del sistema de gestión de contenidos. Sin embargo, como muestra la hoja de ruta del proyecto Gutenberg, el editor en el backend era solo el principio. Fase 1 de un total de 4 fases, que se prolongarán durante varios años.

En qué punto se encuentra Gutenberg hoy en día y por qué se está haciendo un hueco para los page builder WordPress

Actualmente estamos en la fase 2, que se centra en el Full Site Editing, los patrones de bloques (block patterns), plantillas para los bloques de Gutenberg, el directorio de bloques y los temas basados en bloques. Solo esta fase priva de su razón de ser a algunos plugins tipo page builder a medias, que básicamente solo servían para personalizar al detalle los distintos elementos de un sitio web (como botones, imágenes o formularios de contacto).

Con la función Full Site Editing, que se está introduciendo actualmente, Gutenberg va más allá. Esto permite ajustar todo el sitio web, incluyendo el encabezado y el pie de página, directamente en el editor. A modo de comparación: con muchos page builder populares, es necesaria una versión premium de pago para esto. WordPress nos proporciona esta opción de forma gratuita.

Los mencionados patrones de bloques también compiten seriamente con las bibliotecas de plantillas de Elementor y compañía. La idea de las plantillas de diseño fue especialmente bien recibida por el grupo objetivo que no está demasiado versado en el diseño web moderno. Con unos pocos clics, tendrás un sitio web casi listo para funcionar, al que solo le faltan los toques finales y el contenido adecuado.

Con el directorio de patrones de bloques, WordPress entra en el campo de las plantillas ya hechas. Sin embargo, con los patrones de bloques no tienes que adoptar directamente el diseño de un sitio completo, sino que puedes elegir entre un gran número de secciones individuales. Una vez hayas encontrado lo que buscas, simplemente haz clic en "copiar" en el directorio para pegar y adaptar el diseño en el editor Gutenberg.

Page builder, PageSpeed y hosting WordPress

Aparte de eso, también hay plugins (como Gutenberg Template Liberary y Redux Framework que te ofrecen una gran selección de plantillas completas para Gutenberg. "Pero, ¿por qué deberías usar Gutenberg cuando podrías obtener incluso más plantillas con otros plugins de page builder?" La palabra mágica es PageSpeed.

No sé cómo te sientes al respecto, pero si tengo que esperar demasiado tiempo para que un sitio web se cargue completamente, olvido mis modales con bastante rapidez. Ya no es un secreto que los plugins de los page builder llevan el tiempo de carga de un sitio web hacia el infinito (y mucho más allá). Esto se debe en gran medida al código hinchado que añaden los plugins.

Esta crítica de un usuario frustrado de Elementor lo resume bastante bien:

De alguna manera, las cosas no parecen mejorar con los page builder en términos de Pagespeed. Hay que buscar constantemente soluciones para que el sitio web se muestre un poco más rápido. Con el editor Gutenberg, se ahorra el problema de un código innecesariamente hinchado. Dado que Gutenberg es un producto propio de WordPress, es inevitable que tenga la mínima cantidad de código.

Por cierto, esta es también una de las principales razones por las que nos hemos centrado tanto en la integración nativa de Gutenberg al desarrollar nuestro propio GREYD.SUITE. También puede ser debido al hosting WordPress si los tiempos de carga de tu sitio web WordPress están en el sótano, a pesar de los códigos magros y el uso del 100 por ciento de Gutenberg. En este caso, deberías confiar en un sólido hosting WordPress gestionado para evitarlo.

Herramientas: GREYD, Gutentor, Apilable & Co.

Aunque Gutenberg ya está muy posicionado (y aunque el editor es cada vez mejor), aún no ha alcanzado el estatus de "perfección". Siguen existiendo algunos puntos débiles y deficiencias que requieren soluciones externas.

Las soluciones externas, en este caso, son herramientas como los themes premium que se basan en Gutenberg. Algunos de estos themes son, por desgracia, más bien plugins page builders, ya que ignoran por completo el editor Gutenberg, planchan sus propias funciones sobre el núcleo existente WordPress y, por tanto, también inflan innecesariamente el código. 

Queríamos evitar esto a toda costa al desarrollar nuestra propia suite. Por eso hemos desarrollado el primer software que tiene Gutenberg 100% integrado y que no solo ofrece la posibilidad de ir y venir entre Gutenberg y page builder. Esto también garantiza tiempos de carga especialmente bajos para el sitio web WordPress.

Otras extensiones prácticas para Gutenberg, si no se necesita necesariamente una herramienta integral para agencias profesionales WordPress, son los plugins que amplían el editor existente. Buenos ejemplos de ello son, entre otros:

• Gutenberg Blocks - Addons definitivos para Gutenberg
• Kit de themes para Twenty Twenty-One de Twentig
• Gutentor - Page Builder para el editor de Gutenberg
• Gutenberg Blocks and Template Librarye por Otter
• Stackable - Page Builder Gutenberg Blocks

De acuerdo, estas soluciones no son necesariamente perfectas, pero son mejores que los típicos page builder que introducen sus propios editores. 

Una de las desventajas de Gutenberg, por la que muchas agencias no utilizan el editor desde el principio, es que por el momento no se presta atención al diseño web responsivo. Sin embargo, como creemos que los sitios web con capacidad de respuesta son indispensables, hemos integrado controles fáciles de usar en numerosos lugares de nuestra suite. Con ellos, también se pueden crear fácilmente sitios web con capacidad de respuesta para móviles con Gutenberg.

¿Qué significa esto para las agencias WordPress?

WordPress no dejará de ser el sistema de gestión de contenidos más popular en breve, aunque tiene que seguir la tendencia de los Headless CMS (CMS sin cabeza). Con una especialización en WordPress, ya has hecho una muy buena elección con tu agencia (o como freelancer si trabajas solo/a).

Sin embargo, si haces tu negocio dependa de los plugins page builder que no dependen de Gutenberg, te perderás una de las tendencias más importantes de la historia de WordPress. Ahora bien, esto plantea un dilema para algunas agencias profesionales WordPress: por un lado, sabemos que Gutenberg superará a las soluciones externas a largo plazo. Y por otro lado, el editor Gutenberg (como se ha mencionado brevemente más arriba) no puede utilizarse en el 100% de los casos para el diseño de páginas web de primer nivel.

Podrías aferrarte a las soluciones anticuadas durante demasiado tiempo, aceptar una pobre velocidad de página y más tarde no ponerte al día con Gutenberg, o puedes pasar directamente a WordPress Gutenberg y aceptar algunas debilidades en el diseño detallado. Ambas parecen una solución poco óptima, en mi opinión.

Este es exactamente el problema al que nos hemos enfrentado con nuestra propia agencia de diseño, con la que construimos sitios web en WordPress para clientes importantes. Por eso sabemos que nunca es agradable tener que elegir siempre el "mal menor" (rendimiento, funcionalidad o diseño atractivo).

Pero, ¿preferirías cambiar a otro CMS?

Esto no es una buena idea. Como muestra una estadística de W3Techs, los sitios web WordPress ya representan más del 40% de todos los sitios web de internet y la tendencia no parece frenarse. Por el contrario, las estadísticas de usuarios/as indican que WordPress se utilizará proporcionalmente en más sitios web en el futuro.

Esto no quiere decir que TYPO3, Joomla, Squarespace o cualquier otro CMS sea una mala opción. Solo pretende dejar claro que WordPress seguirá proporcionándote una base segura para tu sitio web y para trabajar con tu agencia en el futuro y que en este contexto también estés utilizando la mejor solución (=Gutenberg) dentro de WordPress al construir sitios web.

La previsión siempre es buena

Si sigues ignorando el desarrollo de WordPress Gutenberg para trabajar con tu agencia WordPress, ¡pronto pertenecerás a la especie en peligro de extinción! Sin embargo, como el cambio inmediato suele ser un problema debido a la falta de opciones y a la intuitividad de Gutenberg, es aconsejable utilizar soluciones externas especializadas en el editor Gutenberg.

O bien recurres a themes especiales (no olvidemos que los temas basados en bloques desempeñan un papel fundamental en la actual fase de Gutenberg) o a plugins de extensión para Gutenberg. En este post te he presentado algunos de ellos.

En cualquier caso, no debes limitarte a observar pasivamente el desarrollo del proyecto WordPress Gutenberg, sino estar activamente en primera línea. Entonces también te beneficiarás de ello durante mucho tiempo como proveedor de servicios profesionales WordPress.