¿Es posible construir un sitio web estático de WordPress?

Publicado: 2022-08-10

¿Está buscando simplificar su sitio web de WordPress? Tal vez encuentre que su sitio web dinámico es demasiado lento, o tal vez se haya dado cuenta de que hay mucho del back-end que no necesita.

Para resolver esos problemas, puede generar una versión estática de su sitio web. Esto puede ayudar a mejorar su rendimiento y seguridad. Aunque no recomendaríamos sitios estáticos para cada caso de uso, pueden ser una excelente opción para sitios web pequeños que no necesitan actualizarse con frecuencia.

En esta publicación, comenzaremos discutiendo las diferencias entre sitios web estáticos y dinámicos. Luego le mostraremos tres formas de crear un sitio web estático de WordPress. ¡Hagámoslo!

Una introducción a los sitios web dinámicos frente a los estáticos

Primero, veremos las diferencias clave entre los sitios web dinámicos y estáticos.

Sitios web dinámicos

Los sitios web dinámicos presentan diferentes contenidos a diferentes visitantes, haciéndolos más personalizados para las necesidades en tiempo real de los usuarios. Lo que se muestra puede depender de la ubicación de un usuario, su configuración y preferencias, o las acciones que haya realizado en su sitio.

De cualquier manera, da como resultado una experiencia de usuario (UX) más personalizada y personalizada. Por ejemplo, una tienda de comercio electrónico puede sugerir productos a los clientes, en función de compras anteriores:

Un ejemplo de un sitio web dinámico.

En lugar de simplemente almacenar y mostrar archivos HTML (como lo hacen los sitios web estáticos), los sitios dinámicos construyen las páginas allí mismo, utilizando HTML, CSS, JavaScript y lenguajes de secuencias de comandos del lado del servidor. Cuando los usuarios solicitan la página, el servidor extrae información de las bases de datos para construir el archivo HTML para cada visitante.

Estas solicitudes tardan más en procesarse porque el archivo HTML no está listo y esperando como si estuviera en un sitio web estático. Esto puede provocar problemas de rendimiento y tiempos de carga lentos para sitios web dinámicos. Al mismo tiempo, los muchos beneficios implicados significan que la gran mayoría de los sitios web que visite serán dinámicos.

Sitios web estáticos

Cuando los usuarios llegan a un sitio web estático, reciben un solo archivo HTML, acompañado de algunas hojas de estilo y scripts. Estos son almacenados y entregados a los usuarios cuando se solicita la información. Esto significa que la página se ve exactamente igual para todos los usuarios que visitan el sitio, y solo un programador puede cambiarla modificando el archivo HTML.

Sin embargo, los sitios web estáticos aún pueden proporcionar experiencias interactivas y atractivas para los usuarios a través de muchos de los mismos elementos que utilizan los sitios web dinámicos. Por ejemplo, los sitios estáticos aún pueden incluir enlaces, botones, medios, descargas digitales y JavaScript.

Un diseño estático es particularmente adecuado para sitios que no requieren contenido personalizado y que no necesitan actualizaciones frecuentes, como sitios informativos o sitios que constan de menos de cuatro páginas. Esto los convierte en una excelente opción para sitios web de currículums, sitios web de folletos y páginas de destino de solo lectura (como las páginas "Próximamente").

Decidir qué tipo de sitio web es adecuado para sus necesidades

Ahora que hemos cubierto los conceptos básicos, echemos un vistazo a algunos de los beneficios y desventajas de usar sitios web estáticos y dinámicos.

Los pros y los contras de los sitios web dinámicos

Los sitios web dinámicos ofrecen una personalización completa, lo que le permite adaptar el contenido a cada usuario. El código dinámico también es mucho más poderoso y permite una mayor funcionalidad. Por ejemplo, puede usar código dinámico para crear aplicaciones web y software, lo que no sería posible con un sitio web estático.

Además, puede realizar fácilmente cambios radicales en su sitio web, por lo que recomendamos un diseño dinámico para los sitios que se actualizan periódicamente, como los blogs. También es una buena opción para sitios web que requieren mucha interacción del usuario, como tiendas de comercio electrónico y servicios de transmisión:

Ejemplo de sitio dinámico para cambiar el contenido con frecuencia

Por otro lado, los sitios web dinámicos son más complejos que los sitios estáticos. Por lo tanto, configurar uno desde cero puede requerir más tiempo y esfuerzo, y algunas habilidades técnicas. Sin embargo, puede contratar desarrolladores para que configuren su sitio por usted o utilizar un Sistema de gestión de contenido (CMS) como WordPress.

El mayor inconveniente de los sitios dinámicos es que se requiere mucho más procesamiento en el back-end, lo que puede resultar en tiempos de carga más lentos. Esto no solo puede dañar su UX, sino que también puede reducir el tiempo en el sitio (TOS) y aumentar la tasa de rebote, que son factores para las clasificaciones de búsqueda. Afortunadamente, hay muchas maneras fáciles de mantener su sitio funcionando rápidamente.

Los pros y los contras de los sitios web estáticos

Los sitios web estáticos brindan tiempos de carga muy rápidos porque la página ya está construida y almacenada, solo esperando que los usuarios accedan a ella. Los tiempos de carga rápidos son buenas noticias para UX y pueden ayudar a impulsar su posición en el motor de búsqueda.

Por lo general, los sitios web estáticos son fáciles de crear y mantener, y requieren pocos conocimientos de codificación. Cierta familiaridad con HTML y CSS puede ser útil si está creando el sitio desde cero. Sin embargo, también puede usar creadores de sitios web y CMS para configurar un sitio estático sin necesidad de muchos conocimientos técnicos.

Esto hace que los sitios web estáticos sean una excelente opción para las empresas que buscan lanzar un sitio web básico de la manera más rápida y sencilla posible. La seguridad también puede ser más estricta en los sitios web estáticos, ya que no hay complementos para piratear, PHP ni conexiones a bases de datos.

Por ejemplo, la empresa de software Rookout utiliza un sitio estático para mejorar la seguridad y reducir la carga del servidor:

Ejemplo de sitio estático para mejorar la seguridad

Las principales limitaciones de crear un sitio web estático involucran la escalabilidad. Puede ser difícil y llevar mucho tiempo realizar cambios en todo el sitio. Por ejemplo, si decide modificar un encabezado o agregar una nueva página a su sitio, deberá cambiar cada archivo HTML individual o crear uno nuevo.

Esto a menudo no es práctico para sitios web en crecimiento con más de un puñado de páginas. También hay ciertos tipos de sitios web que no se adaptan a un diseño estático, como las tiendas de comercio electrónico. Esto se debe a que algunas funciones (como el pago) requerirían muchas herramientas de terceros para facilitarlas. Estos podrían sobrecargar su sitio web, lo que resultaría en problemas de rendimiento y velocidad.

Cómo crear un sitio web estático de WordPress (3 formas)

Si decide que un sitio estático es adecuado para sus necesidades, necesitará saber cómo crear uno. Hay algunos métodos para hacer esto. Entonces, antes de terminar, exploremos tres formas de crear un sitio web estático de WordPress.

1. Crea una página de inicio estática

La forma más fácil de crear algo que funcione como un sitio web estático es establecer una sola página estática como página de inicio de WordPress. Esto es ideal si desea crear un sitio de una página rápido y simple.

En su tablero de WordPress, vaya a Páginas > Agregar nuevo :

Agregar una nueva página a WordPress

Cree su página como de costumbre, agregando un título y cualquier contenido que desee (solo evite incluir elementos dinámicos). Luego, haz clic en Publicar :

Crear y publicar una nueva página en WordPress

Vaya a Configuración > Lectura . Luego, en Tu página de inicio , marca la casilla de Una página estática . Junto a Página de inicio, use el cuadro desplegable para seleccionar la nueva página que creó y guarde los cambios:

Establecer una página como página de inicio estática en WordPress

Ahora ha creado una página estática y la ha configurado como su página de inicio. Si bien este no es un sitio estático 'verdadero', puede funcionar bien si desea crear una página de destino de solo lectura.

2. Genere una versión estática de su sitio web de WordPress

Si ya tiene un sitio web que le gustaría hacer estático, puede usar un complemento como Simply Static. Esta es una excelente opción si desea mantener su sitio dinámico en funcionamiento y generar una versión estática del mismo. Según el método de entrega que elija, recibirá un archivo que contiene su sitio web estático o se le enviará la versión estática de su sitio a una ruta de servidor específica.

En su tablero de WordPress, diríjase a Complementos > Agregar nuevo . Busque "Simplemente estático", luego haga clic en Instalar ahora y activar :

Complemento simplemente estático en WordPress

En la barra lateral, vaya a Simply Static > Configuración . En la mayoría de los casos, puede dejar todas las configuraciones en el nivel predeterminado. Sin embargo, también puede incluir/excluir cualquier URL manualmente aquí (por ejemplo, si desea mantener ciertas páginas fuera de la versión estática de su sitio):

Incluir/excluir URL en la configuración de Simply Static

A continuación, vaya a Simplemente estático > Generar y haga clic en Generar archivos estáticos :

Generación de archivos estáticos desde su sitio de WordPress utilizando el complemento Simply Static.

Descargue sus archivos .zip con el enlace provisto. Si su sitio ocupa el dominio donde desea ubicar su versión estática, deberá migrar su sitio web regular de WordPress a un subdominio diferente. Si planea llevar su sitio a otro servidor, puede hacerlo usando los archivos .zip .

3. Utilice el alojamiento de WordPress sin cabeza

El desarrollo sin cabeza separa el back-end de su sitio web del front-end, lo que le permite usar un CMS para crear su contenido mientras usa una interfaz de programación de aplicaciones (API) para el front-end. Recomendamos esta opción si desea que los usuarios vean una versión estática de su sitio web en línea, pero aún desea realizar cambios en su contenido accediendo a su área de administración de WordPress.

Este es el método más complejo y requerirá cierta experiencia técnica. Sin embargo, le permite administrar su sitio con mayor flexibilidad y control. Por ejemplo, puede ser una buena opción para los desarrolladores que desean entregar contenido a las plataformas Android e iOS desde el mismo back-end. También es una buena opción para sitios/aplicaciones que utilizan marcos de JavaScript.

Para comenzar, querrá encontrar un proveedor que ofrezca alojamiento de WordPress sin cabeza, como WP Engine:

Complemento wpengine

Es posible que necesite dos hosts separados: uno para el back-end sin cabeza (que deberá ser compatible con WordPress y PHP) y otro para el front-end de su sitio. Con WordPress y WP Engine juntos, puede crear y administrar sitios web sin cabeza, tanto estáticos como dinámicos.

Conclusión

Si encuentra que su sitio web dinámico es demasiado lento o no está utilizando completamente su back-end, podría considerar cambiar a un sitio web estático de WordPress. Esto puede ayudar a optimizar su sitio, mejorando el rendimiento y la seguridad.

En resumen, aquí hay tres formas de crear un sitio web estático de WordPress:

  1. Cree una página de inicio estática en su tablero de WordPress.
  2. Genere una versión estática de su sitio, utilizando un complemento como Simply Static.
  3. Use un proveedor de alojamiento de WordPress sin cabeza, como WP Engine.

¿Tiene alguna pregunta sobre la creación de un sitio web estático de WordPress? ¡Háganos saber en la sección de comentarios!