¿Necesitas un sitio de ensayo?

Un sitio de prueba es una copia privada de tu sitio web de WordPress donde puedes probar los cambios antes de que se publiquen. Es una de esas cosas por las que los desarrolladores experimentados apuestan, pero muchos propietarios de sitios web pasan por alto porque les parece un trabajo extra.

He aquí por qué eso es un problema.

Las actualizaciones de WordPress causan problemas. Los conflictos entre plugins ocurren sin previo aviso. Un simple ajuste en el CSS puede provocar un desastre en el diseño.

Cuando estos problemas afectan a tu sitio web en vivo, afectan a los visitantes reales, a los clientes y a los rastreadores de los motores de búsqueda.

Un sitio de ensayo te proporciona una red de seguridad. Es un clon completo de tu sitio web, pero aislado de tu entorno de producción.

Puedes romper cosas, probar actualizaciones, solucionar conflictos y experimentar con nuevas funciones sin arriesgarte a que tu negocio real sufra interrupciones.

En esta publicación, explicaré por qué te beneficia usar un sitio de prueba y cómo configurarlo.

He aquí las principales conclusiones:

• Un sitio de prueba es un clon privado de tu sitio web activo donde puedes probar actualizaciones y cambios de forma segura sin afectar a los visitantes reales.
• Necesitas una fase de prueba para evitar costosos tiempos de inactividad debido a conflictos entre plugins, actualizaciones de temas y actualizaciones del núcleo de WordPress.
• La puesta en escena protege sus ingresos, su reputación y su posicionamiento SEO al detectar errores antes de que lleguen a su sitio de producción.
• Los riesgos potenciales de la puesta en escena incluyen la sobrescritura accidental de datos en tiempo real y el tiempo de mantenimiento adicional necesario.
• Las tiendas online, las agencias y los sitios web con mucho tráfico son los que más se benefician de los entornos de prueba.
• Puedes crear un entorno de prueba a través del panel de control de tu proveedor de alojamiento web o utilizando un plugin de migración como Duplicator.

Índice

Resumen rápido: ¿Necesitas un sitio de ensayo?

Sí, necesitas un sitio de prueba. Un sitio de prueba es una copia privada de tu sitio web activo donde puedes probar de forma segura las actualizaciones de los plugins, los cambios de tema y las modificaciones del código sin correr el riesgo de que se produzcan interrupciones del servicio o se dañe tu sitio de producción. Evita los costosos errores que se producen cuando actualizas el núcleo de WordPress, pruebas nuevas funciones o solucionas conflictos directamente en tu sitio activo, donde los clientes pueden ver cómo todo sale mal.

Ventajas y desventajas de los sitios de ensayo

Seamos sinceros sobre en qué te estás metiendo.

Pros:

• Entorno de pruebas sin riesgos: puedes romper cosas sin consecuencias. Prueba una actualización de un complemento o prueba un nuevo código sin que los visitantes vean errores en tu sitio web.
• Mejor resolución de problemas: activa el modo de depuración de WordPress, comprueba los registros de errores y averigua realmente qué está causando los conflictos sin asustar a los clientes con mensajes de advertencia.
• Tranquilidad durante las actualizaciones: actualiza los plugins, los temas y el núcleo de WordPress sin preocupaciones. Si algo falla, tu sitio web seguirá funcionando como si nada hubiera pasado.

Contras:

• Tiempo de configuración y sincronización: ahora mantienes dos versiones de tu sitio web. Eso requiere tiempo y atención adicionales.
• Costes potenciales: algunas empresas de alojamiento cobran un suplemento por los entornos de prueba. Los planes de alojamiento compartido más económicos a menudo no lo incluyen en absoluto.
• Desviación de datos: mientras pruebas los cambios en el entorno de pruebas, en tu sitio web real están ocurriendo cosas. Cuando trasladas los cambios del entorno de pruebas al sitio web real, corres el riesgo de sobrescribir todos esos datos nuevos.

¿Qué es un sitio de ensayo?

Un sitio de ensayo es un clon independiente de tu sitio web que reside en su propio rincón de Internet.

Por lo general, se encuentra en un subdominio como staging.tusitio.com. Tú puedes verlo, pero el público no, y los motores de búsqueda no pueden indexarlo. Es invisible para todos excepto para las personas que necesitan trabajar en él.

Es la misma instalación de WordPress, los mismos plugins, el mismo tema y el mismo contenido. Todo tiene el mismo aspecto que tu sitio web en vivo.

Pero aquí está lo importante: está completamente aislado. Cuando pruebas algo en el entorno de pruebas, no afecta a tu sitio web en producción.

Las pasarelas de pago deben desactivarse o cambiarse al modo de prueba. Las notificaciones por correo electrónico deben desactivarse para no enviar accidentalmente spam a clientes reales.

Es tu sitio web, pero sin nada peligroso.

Puedes romperlo. Reconstruirlo. Probar ideas descabelladas. Y cuando, inevitablemente, algo salga mal (porque saldrá mal), tu negocio seguirá funcionando como si nada hubiera pasado.

¿Por qué utilizar un sitio de ensayo?

Veamos concretamente cuándo resulta beneficioso para tu sitio web de WordPress realizar una puesta en escena.

Actualizaciones de complementos

He aquí un caso real: actualizas un plugin, pero la nueva versión tiene un conflicto inesperado con otro plugin.

En un sitio web activo, es posible que no notes el error durante días. Si tus formularios de contacto o tu pasarela de pago no funcionan correctamente, perderás negocios.

¿En la fase de prueba? Se revierte la actualización inmediatamente. Se puede resolver el problema antes de que afecte a los visitantes reales.

Actualizaciones importantes del núcleo

WordPress lanza actualizaciones de versión con regularidad. Es posible que tengas que actualizar el software principal de WordPress o la versión de PHP para que tu sitio web siga funcionando correctamente.

No se trata de cambios menores. Debido a la actualización, el código antiguo podría dejar de funcionar o las funciones obsoletas podrían dejar de funcionar. Los complementos que no se han actualizado en años podrían empezar a generar errores de repente.

Por eso debes probar primero cualquier actualización en un sitio de prueba. Así podrás ver cómo afectará a tu sitio web sin correr ningún riesgo.

Ajustes de diseño

Quizás estés ajustando el CSS, solucionando problemas de relleno o realineando tu encabezado.

Sin ensayos, tus visitantes te ven trabajar en tiempo real. Ven el diseño roto, lo cual no queda bien.

Es recomendable que realice todo el proceso de diseño en el entorno de pruebas y migre los cambios cuando esté seguro de que son eficaces.

Cambiar temas

Los diferentes temas gestionan los códigos cortos de forma diferente. Los creadores de páginas no siempre los traducen. Tu página de inicio, cuidadosamente diseñada, podría convertirse en un muro de texto con códigos cortos sin formato.

Esa transformación debe producirse en privado (en su área de preparación), no delante de los clientes que intentan comprar algo.

¿Cuáles son los riesgos de no utilizar un sitio de ensayo?

No tener un sitio de prueba plantea algunos riesgos graves para tu sitio web. Estos son solo algunos de ellos.

Tiempo de inactividad

¿Cuánto le cuesta una hora de inactividad?

Para un sitio de comercio electrónico que gana 10 000 dólares al día, eso supone una pérdida de más de 400 dólares. Para una empresa de SaaS, son registros perdidos que nunca recuperará. Para un sitio de generación de clientes potenciales, son clientes potenciales que han hecho clic y han llamado a su competidor en su lugar.

Y aquí viene lo peor: el tiempo de inactividad rara vez dura solo una hora. Hay que averiguar qué se ha estropeado, buscar una solución y solucionar el problema.

Eso es medio día. A veces más.

Con un sitio de ensayo, habrías detectado el problema antes de que llegara a producción.

¿Ese conflicto de complementos o error de PHP? Lo verías en las pruebas. Tu sitio en vivo habría permanecido activo todo el tiempo.

Reputación

Los sitios web defectuosos dan una imagen poco profesional. Los visitantes no piensan: «Ah, deben de estar actualizando algo». Piensan: «Esta empresa no es capaz de mantener su sitio web en funcionamiento».

La confianza se evapora rápidamente. Recuperarla lleva mucho tiempo.

Un sitio de ensayo te permite probar cambios de diseño, actualizaciones de temas y modificaciones importantes de forma privada.

Tus visitantes nunca ven los diseños rotos, los botones desalineados o la página de inicio a medio terminar. Solo ven el resultado final pulido.

Impacto SEO

Al rastreador de Google no le importa que estés en medio de una reparación. Aparece, detecta errores o páginas rotas y toma nota.

Si tu sitio devuelve 500 errores durante un rastreo, Google comienza a cuestionarse si debe seguir posicionándote. Si sirves suficientes páginas rotas, verás cómo tu posicionamiento cae en picado.

La puesta en escena evita esto por completo. Pruebas las actualizaciones, detectas los errores y los solucionas antes de la implementación. Google nunca ve una página defectuosa porque nunca la has publicado.

Sin la puesta en escena, cada vez que actualizas algo estás jugándotelo todo a una carta, esperando que Google no rastree tu sitio web durante los 20 minutos que está inactivo.

¿Cuáles son las desventajas de utilizar un sitio de ensayo?

La puesta en escena no es perfecta, así que permítanme mostrarles algunos problemas reales con los que se encontrarán.

Sobrescritura de datos en tiempo real

Pasas dos días creando nuevas funciones en el entorno de pruebas. Todo funciona. Estás listo para ponerlo en marcha, así que pulsas el botón de implementación.

En el caso de un sitio de comercio electrónico, esto eliminará todos los pedidos recibidos durante esos dos días. Todos los registros de nuevos usuarios, comentarios en el blog y envíos de formularios de contacto desaparecerán.

¿Por qué? Porque has trasladado tu base de datos de ensayo a producción, y tu base de datos de ensayo tiene dos días de antigüedad. No tiene constancia de nada de lo que ha ocurrido en el sitio en vivo mientras trabajabas.

Esto atrapa a la gente todo el tiempo, y puede ser devastador.

Gastos generales de mantenimiento

Ahora gestionas dos sitios web.

Tu sitio de prueba debe mantenerse actualizado. Si se queda demasiado obsoleto, dejará de ser útil para realizar pruebas. Probar las actualizaciones de los complementos con datos de hace tres meses no te dará mucha información sobre cómo se comportarán con tu configuración actual.

Así que estás constantemente reconstruyendo el entorno de pruebas, sincronizando bases de datos y asegurándote de que todo coincida.

Es trabajo extra. No hay forma de evitarlo.

¿Quién necesita un sitio de ensayo?

Si usted entra en alguna de estas categorías, la puesta en escena no es opcional.

Tiendas en línea

Una hora de interrupción en el proceso de pago podría costarle miles de dólares. Una sobrescritura de la base de datos podría provocar la pérdida permanente de los datos de los clientes.

No se pueden probar los flujos de pago en una tienda en funcionamiento. No querrás arriesgarte a romper la pasarela de pago mientras los clientes reales están intentando comprar.

Si el dinero fluye a través de tu sitio web, necesitas un área de ensayo para depurar errores mientras tu tienda en vivo permanece libre de errores.

Agencias y autónomos

En el caso de los autónomos o las agencias, sus clientes deben aprobar los cambios antes de que se publiquen.

No se les puede mostrar el trabajo en curso en el sitio de producción. Necesitan ver el nuevo diseño de la página de inicio, hacer clic, solicitar cambios y dar su aprobación, todo ello antes de que los visitantes reales vean nada.

Además, cada sitio de cliente es único. Necesitas un lugar seguro para comprobar si tus cambios provocarán conflictos.

Sitios con mucho tráfico

Si recibes miles de visitantes al día, el tiempo de inactividad es muy costoso. Tampoco puedes permitirte que los visitantes vean diseños rotos o mensajes de error durante las horas punta de tráfico.

Es importante probar todo primero en el entorno de pruebas. A continuación, aplique los cambios durante las franjas horarias de menor tráfico.

Cómo crear un sitio de ensayo

Hay varias formas de configurar tu primer sitio de prueba. El método adecuado depende de tu proveedor de alojamiento y del nivel técnico que desees alcanzar.

Veamos los dos enfoques principales.

• Método 1: Utilice la herramienta de staging de su proveedor de alojamiento en su panel de control, si está disponible.
• Método 2: Utiliza el plugin Duplicator para convertir cualquier copia de seguridad completa del sitio en un sitio de prueba
• Método 3: Instala el plugin Duplicator en tu sitio web activo, crea una copia de seguridad y migra el sitio a un subdominio o a otro servidor (funciona con cualquier proveedor de alojamiento)

Método 1: Crear un sitio de prueba con su proveedor de alojamiento web

Muchos servidores gestionados de WordPress incluyen entornos de prueba integrados en sus paneles de control.

Bluehost, SiteGround y WP Engine ofrecen la creación de entornos de prueba con un solo clic. Inicie sesión en su panel de control de alojamiento, busque la opción de entorno de prueba, haga clic en un botón y espere unos minutos mientras se clona su sitio web.

La interfaz suele ofrecerte opciones para enviar los cambios a producción. Algunos servidores te permiten enviar todo. Otros te permiten elegir entre enviar solo los archivos o toda la base de datos.

Pero aquí está el problema: los planes de alojamiento compartido más baratos a menudo no incluyen esta función. Es posible que tengas que pasar a un plan superior. Algunos proveedores cobran un suplemento por el acceso al entorno de pruebas.

Método 2: Crear un sitio de prueba con Duplicator

Independientemente de cuál sea tu proveedor de alojamiento web, puedes crear un sitio de prueba con Duplicator. Se trata de un plugin de copias de seguridad y migración que crea una copia de tu sitio web y te permite utilizarla al instante como plantilla para un nuevo entorno de prueba.

Lo único que tienes que hacer es instalar Duplicator y crear una copia de seguridad completa de tu sitio web.

Una vez creado, ve a la página «Staging» de Duplicator. Haz clic en «Crear tu primer sitio de prueba».

Selecciona la copia de seguridad que acabas de crear como «Copia de seguridad de origen». Asigna un nombre al sitio de prueba y configúralo con una combinación de colores de administración de WordPress única. Esto te ayudará a distinguir cada panel de control.

En el instalador de Duplicator, acepta los términos y avisos. Haz clic en «Siguiente».

Aparecerá una ventana emergente en la que se te pedirá que confirmes los ajustes de instalación. Haz clic en «Aceptar» para finalizar.

¡Tu sitio de prueba ya está listo para usar! Inicia sesión en el panel de control con las credenciales de administrador de tu sitio web oficial. Verás la misma configuración que en tu sitio web oficial, salvo por el nuevo color del panel de control de administración.

Realiza todos los cambios que quieras, con la tranquilidad de saber que nunca afectarán a tu sitio web en producción.

Método 3: Migrar tu sitio web a un entorno de pruebas

Duplicator puede crear una copia de tu sitio web y trasladarla a cualquier lugar que admita WordPress. Me gusta utilizarlo para crear sitios de prueba en servidores locales o en diferentes servidores de producción.

Instala Duplicator en tu sitio web activo. Crea una copia de seguridad completa del sitio y descárgala.

Puedes instalar esta copia de seguridad en un subdominio o en un servidor completamente diferente. Incluso podrías instalarla localmente en tu ordenador utilizando algo como LocalWP.

Elija la ubicación que más le convenga. Busque el directorio raíz del nuevo sitio y cargue sus archivos de copia de seguridad originales.

Abre el instalador con una URL como esta: https://example.com/installer.php

Duplicator le guiará a través del proceso de instalación. Deberá conectarse a la base de datos del nuevo sitio y confirmar la migración.

Ahora tendrás una copia de tu sitio en un servidor de prueba. Contendrá el mismo contenido y configuración, por lo que podrás experimentar sin miedo.

Este método te ofrece un control total. Tú eliges dónde se aloja el entorno de pruebas. Tú decides cómo gestionarlo. No estás limitado a lo que te ofrece tu proveedor de alojamiento.

Mejores prácticas para utilizar su sitio de ensayo

Tener un sitio de prueba es una cosa. Usarlo correctamente es otra. A continuación te explicamos cómo evitar los errores más comunes.

Siempre clonar fresco

No pruebes actualizaciones importantes en un sitio de prueba que tiene tres meses de antigüedad. Las pruebas con datos obsoletos no te dicen nada sobre cómo se comportarán los cambios en tu entorno actual.

Tu sitio web ha cambiado desde entonces. Es posible que tenga nuevos complementos, configuraciones diferentes o contenido actualizado.

Antes de comenzar con las pruebas, sobrescribe tu sitio de prueba con datos nuevos del sitio de producción. Vuelve a clonar tu sitio original, de modo que comiences con una réplica exacta de lo que está activo en este momento.

Datos actualizados = pruebas precisas.

Con Duplicator, puedes eliminar los sitios de prueba antiguos en cualquier momento. Utiliza el sencillo proceso de clonación para crear un nuevo sitio de prueba con tus nuevos datos.

Desactivar correos electrónicos e indexación

Tu sitio de prueba no debe enviar correos electrónicos a clientes reales.

En tu sitio de prueba, desactiva tu complemento SMTP. Cambia tu servicio de correo electrónico al modo de prueba.

De lo contrario, enviarás accidentalmente spam a toda tu lista de clientes con confirmaciones de pedidos de prueba. O enviarás a alguien un correo electrónico para restablecer la contraseña porque estabas probando el flujo de inicio de sesión.

Tampoco querrás que Google indexe tu sitio de prueba. Puedes desactivar la indexación en el panel de administración de tu sitio de prueba.

Si utilizas la función de creación de entornos de prueba con un solo clic de Duplicator, ¡la indexación y los correos electrónicos se desactivarán automáticamente!

Proteja con contraseña su sitio de ensayo

No debe permitir que personas desconocidas accedan a su sitio web de prueba. Al protegerlo con contraseña, mantendrá la privacidad de las pruebas y evitará problemas de contenido duplicado con los motores de búsqueda.

Puedes añadir protección con contraseña con tu proveedor de alojamiento web. Bluehost lo mantiene en Privacidad de directorios.

Busca el directorio de tu sitio de ensayo. Marca la casilla Proteger este directorio con contraseña.

Introduzca un nombre para el directorio protegido. Añada un nombre de usuario y una contraseña que solo usted (o su equipo) conozcan.

Empujar selectivamente

Cuando esté listo para pasar los cambios del entorno de pruebas al entorno de producción, envíe solo los archivos siempre que sea posible.

Esto incluye temas, plugins y archivos multimedia subidos. No incluye la base de datos.

¿Por qué? Porque tu base de datos activa tiene datos nuevos que la base de datos de ensayo no conoce. Si pasas tu base de datos de ensayo a producción, todos esos datos nuevos desaparecerán. Serán sobrescritos por tu base de datos de ensayo más antigua.

Cuando estés listo para publicar los cambios, crea una copia de seguridad de tu sitio de prueba que incluya todo excepto la base de datos. Duplicator te lo pone fácil con las casillas de verificación de los componentes de la copia de seguridad.

Una vez que subas esta copia de seguridad a tu sitio de producción, tu base de datos no se sobrescribirá. Conservarás los nuevos pedidos, clientes y otros datos.

No modifique la base de datos a menos que sea absolutamente necesario, y si lo hace, realice primero una copia de seguridad de la producción.

Preguntas más frecuentes (FAQ)

Deja de programar como un cowboy en tu sitio web en vivo

Puedes dedicar 30 minutos ahora a configurar un sitio de prueba, o puedes pasar horas en modo pánico más adelante cuando algo falle en tu sitio web activo.

La mayoría de los propietarios de sitios web de WordPress acaban adoptando el staging. No porque alguien les haya convencido de que es una buena idea, sino porque han aprendido por las malas después de que una actualización dejara su sitio web fuera de servicio en el peor momento posible.

No tienes por qué aprender esa lección de la manera más cara.

Si necesitas una forma sencilla de trasladar tu sitio entre entornos (ya sea para crear nuevos sitios de prueba o para aplicar cambios en el sitio en vivo), Duplicator Pro se encarga del proceso de migración. Clona tu sitio, muévelo donde lo necesites y mantén una copia de seguridad sólida antes de realizar cualquier actualización importante.

¡Prueba hoy mismo Duplicator Pro y disfruta de entornos de prueba con un solo clic, migraciones mediante arrastrar y soltar, copias de seguridad personalizadas, almacenamiento en la nube y mucho más!

Ya que estás aquí, creo que te gustarán estos otros recursos de WordPress:

• Los 9 mejores plugins de puesta en escena para WordPress (+ nuestras reseñas de expertos)
• Cómo crear un sitio de pruebas de WordPress (para realizar pruebas de forma segura)
• Cómo trasladar un sitio WordPress activo a un host local (de forma sencilla)
• Los 10 mejores entornos de desarrollo local (selección de expertos)
• Código más inteligente, no más difícil: Herramientas de WordPress para desarrolladores profesionales