Cómo crear un sitio de pruebas de WordPress (para realizar pruebas de forma segura)

¿Alguna vez te has pasado horas trabajando en una nueva función para luego estropear tu sitio web?

Un sitio de prueba evita esto al permitirle experimentar y solucionar problemas en un entorno libre de riesgos. Una vez que esté satisfecho con los cambios, puede transferirlos fácilmente a su sitio activo sin ningún problema.

Configurar un sitio de prueba de WordPress puede parecer intimidante, pero es una parte importante para mantener su sitio web funcionando sin problemas. Es donde puedes probar los cambios de forma segura antes de hacerlos públicos.

En este tutorial, le mostraré cómo crear un sitio de ensayo de WordPress.

He aquí las principales conclusiones:

• Un sitio de ensayo es un clon privado de tu sitio web activo que se utiliza para realizar pruebas y desarrollos de forma segura.
• El uso de un entorno de prueba evita que los nuevos complementos, actualizaciones o cambios en el código provoquen fallos en tu sitio web público.
• Duplicator Pro cuenta con una función de entorno de prueba integrada directamente en WordPress. Crea un sitio de prueba a partir de cualquier copia de seguridad sin necesidad de configurar subdominios, FTP ni ajustar manualmente la base de datos.
• También puedes crear manualmente un sitio de prueba en un subdominio e importar una copia de seguridad a él.
• Muchos proveedores de alojamiento web (como Bluehost y WP Engine) ofrecen entornos de staging integrados con un solo clic.

Resumen rápido: Cómo crear un sitio de pruebas de WordPress

Índice

Tanto si eres bloguero como propietario de un sitio web de comercio electrónico, puedes beneficiarte de la creación de un sitio de prueba. Te permite modificar tu sitio web sin riesgos. 

Si decides realizar un cambio significativo en tu sitio web activo, es posible que accidentalmente se vea afectada su funcionalidad. En ese caso, tendrás que restaurar tu sitio web a partir de una copia de seguridad. 

Los sitios de ensayo actúan como una red de seguridad para tu sitio web de WordPress.

Puede ajustar los archivos, el diseño u otros elementos hasta que todo quede perfecto. Como el sitio de prueba será privado, los cambios no afectarán a tu SEO.

Cuándo utilizar un sitio de pruebas de WordPress

Estos son los casos en los que es recomendable utilizar un sitio de prueba de WordPress.

• Instalación de nuevos temas y plugins

Los nuevos temas y plugins pueden entrar en conflicto con otros programas instalados. Un sitio de prueba le ayudará a ver cómo afectará a su sitio cualquier software nuevo. 

• Actualizar el núcleo, los temas y los plugins de WordPress

Aunque puede ahorrarte tiempo en tu flujo de trabajo, no debes actualizar tu sitio WordPress en vivo. Esto puede publicar errores visibles para tu audiencia. Cuando quieras evitar altas tasas de rebote o tiempo de inactividad, es importante tener un sitio de prueba. 

• Solución de errores

A veces, es posible que aparezcan errores o fallos inesperados en su sitio web que perjudican la experiencia del usuario. Si quieres solucionarlos de forma segura sin causar más problemas, utiliza un sitio de ensayo. 

• Aplicación de cambios basados en el código

Un entorno de ensayo puede ser un sitio de prueba para jugar con el código, probar nuevas características y ajustar su sitio de forma segura. 

• Antes de crear un sitio WordPress

Puedes configurar un nuevo sitio de prueba antes de crear un sitio web. Podrás diseñar completamente tu sitio web de WordPress y luego ponerlo en marcha cuando tengas un plan de alojamiento. 

Cómo crear un sitio de pruebas de WordPress

Ahora que conoces las ventajas de los sitios de prueba, probablemente querrás crear el tuyo propio. Para tranquilizarte, te explicaré paso a paso cómo crear un sitio de prueba.

Esto es lo que trataremos:

• Método 1: Crear un sitio de prueba con un solo clic con Duplicator
• Método 2: Crear un sitio de prueba migrando una copia de tu sitio a otro servidor
• Método 3: Crear un sitio de prueba con funciones de alojamiento integradas para una configuración con un solo clic
• Buenas prácticas de seguridad para proteger su entorno de ensayo
• Cómo pasar los cambios de la fase de ensayo a la de producción

Método 1. Crear un sitio de prueba con un solo clic con Duplicator

Duplicator Pro integra una función de entorno de prueba directamente en WordPress, sin necesidad de configurar subdominios, FTP ni ajustar manualmente la base de datos. Crea una copia totalmente aislada de tu sitio web en una subcarpeta de tu servidor y aplica automáticamente medidas de seguridad para que nada de lo que ocurra en tu entorno de prueba pueda afectar accidentalmente a los usuarios reales.

Descargue el plugin y copie su clave de licencia única. A continuación, abra el panel de WordPress para su sitio web en vivo e instalar Duplicator Pro como un nuevo plugin.

Tendrás que activar tu clave de licencia. Ve aDuplicator Pro » Configuración. Pega tu clave de licencia.

Pulsa«Activar».

Antes de crear un sitio de prueba, necesitarás una copia de seguridad completa del sitio que sirva como fuente. Añade una nueva copia de seguridad y selecciona la plantilla «Sitio completo ».

Ve a Duplicator Pro » Staging y haz clic en el botón «Crear tu primer sitio de staging ».

Selecciona el archivo que acabas de crear como copia de seguridad de origen. Asigna un nombre al sitio de prueba y elige una combinación de colores para el administrador. Esto evita que confundas los paneles de control del sitio en producción con los del sitio de prueba.

Duplicator copia tus archivos de WordPress a una subcarpeta de prueba y configura tablas de base de datos aisladas. Inicia sesión con tus credenciales habituales de WordPress.

Cada sitio de prueba que crea Duplicator incluye:

• Bloqueo de correo electrónico: se desactivan los mensajes salientes para que las acciones de prueba no lleguen a usuarios reales
• Indexación en motores de búsqueda desactivada: tu sitio de prueba no será rastreado ni indexado
• Aislamiento de la base de datos: las tablas de prueba utilizan un prefijo único, totalmente independiente de la base de datos de producción
• Indicador de la barra de administración: identifica claramente el entorno de prueba con un enlace al entorno de producción

¡Ya estás listo para realizar cambios en tu sitio de prueba! Cuando hayas terminado las pruebas, podrás gestionar, eliminar o crear nuevos sitios de prueba en la página «Staging» de tu panel de administración.

Método 2. Migrar una copia de tu sitio web activo a otro servidor

Si su proveedor de alojamiento web no dispone de una función de sitio de prueba con un solo clic, puede crear fácilmente su propio sitio de prueba. Esto implica clonar tu sitio original y subirlo a un nuevo subdominio en tu servidor.

He aquí un breve resumen del proceso:

• Crear un subdominio para su sitio de ensayo
• Instala un plugin de clonación como Duplicator en tu sitio web activo.
• Genere una copia de seguridad completa de su sitio activo
• Cargar los archivos de copia de seguridad en el subdominio de montaje
• Crear una nueva base de datos para el sitio web de ensayo
• Termine de importar sus datos en tiempo real
• Añade una contraseña de seguridad

Paso 1: Construir la zona de operaciones

Puede configurar un sitio de ensayo directamente en su servidor de alojamiento. Esto evita posibles errores al migrar los cambios entre un servidor de ensayo y su servidor activo.

Para empezar, abre el panel de control de tu cuenta de alojamiento de WordPress. Para este tutorial, usaré Bluehost. Busca Dominios " Subdominios " Añadir subdominio.

A continuación, puede nombrar su subdominio Staging y pulsar Añadir subdominio.

También puedes crear un sitio local de WordPress con servicios como Local by Flywheel, MAMP, WAMP o XAMPP.

Paso 2: Instalar un plugin de clonación de WordPress 

Ahora tendrá que clonar su sitio web en vivo y moverlo al sitio de ensayo.

Para ello, recomiendo instalar Duplicator Pro. Este plugin crea copias de tu sitio web en segundos, por lo que es útil para clonaciones, migraciones y copias de seguridad.

Vea cómo Rock Lobster Webdesign mejora la eficacia de su diseño creando sitios de prueba con Duplicator.

Para empezar a utilizar Duplicator, seleccione una suscripción que se ajuste a sus necesidades. Aunque existe una versión gratuita, las migraciones de arrastrar y soltar de DuplicatorPro facilitan la transferencia de contenido desde y hacia el sitio de prueba. 

¡Ahora podrás crear una copia de tu sitio web y trasladarla fácilmente a tu entorno de pruebas!

Paso 3: Crear una copia de seguridad del sitio activo

Con Duplicator, puede compilar fácilmente el contenido, los archivos de WordPress, los plugins, los temas y las tablas de base de datos de su sitio web activo en un único archivo de copia de seguridad. A continuación, podrás mover todos estos datos a un sitio de ensayo.

En Duplicator, vaya a Copias de seguridad " Añadir nueva.

Dale un nombre a tu copia de seguridad para que puedas encontrarla fácilmente más tarde. A continuación, haz clic en Siguiente.

Antes de que Duplicator cree su copia de seguridad, escaneará su sitio web activo. Es importante revisar los avisos para ver si afectarán a la compilación.

Para continuar, seleccioneCrear copia de seguridad.

Una vez terminado, vuelve a la página Copias de seguridad. Haz clic enDescargar » Ambos archivosjunto a la copia de seguridad que acabas de crear.

Esto descargará un archivo y un instalador en tu ordenador.

El archivo de copia de seguridad contendrá los archivos y la base de datos de su sitio web. El instalador es un archivo PHP que desplegará el archivo de copia de seguridad cuando lo añada a su sitio de prueba.

Paso 4: Importar la copia de seguridad al sitio de ensayo

Una vez que haya descargado un clon de su sitio web, es hora de subirlo al sitio de ensayo.

Para subir archivos a un sitio web de WordPress, necesitarás un cliente de protocolo de transferencia de archivos (FTP) o cPanel. Cualquiera de estas opciones te permitirá conectarte al servidor de tu proveedor de alojamiento web y editar los archivos de tu sitio.

Por lo general, tu empresa de alojamiento te recomendará un gestor de archivos específico para este proceso. Yo voy a utilizar cPanel.

Una vez que haya iniciado sesión, abra el directorio raíz del subdominio que ha creado. Elimine por completo todos los archivos de esta carpeta y cargue sus archivos de copia de seguridad.

Acaba de clonar su sitio web en el área de preparación.

Paso 5: Crear una nueva base de datos para el sitio de ensayo

Antes de que pueda empezar a editar su sitio de ensayo, necesitará una nueva base de datos. El proceso para crear una dependerá de tu proveedor de alojamiento. 

Para los usuarios de Bluehost, abra su panel de control y busque el botón Bases de datos MySQL.

Asigne un nombre a la base de datos de su nuevo sitio de prueba y haga clic enCrear base de datos.

Busque la sección Usuarios MySQL. Introduzca un nombre de usuario y una contraseña para el nuevo usuario.

A continuación, desplácese hacia abajo hasta que vea Añadir usuario a base de datos. En esta sección, seleccione tanto la nueva base de datos como el usuario en los menús desplegables.

Asigna todos los privilegios al nuevo usuario. Esto te permitirá controlar completamente la base de datos. 

Paso 6: Termine de importar sus datos en tiempo real

Es hora de instalar la copia de seguridad de su sitio original en el entorno de ensayo de WordPress. Para ello, abra una nueva ventana del navegador y pegue esta URL:

https://subdomain.example.com/installer.php

Se abrirá automáticamente el asistente de instalación de Duplicator. En Configuración, introduzca los detalles de su nueva base de datos.

A continuación, pulse el botón Validar. Asegúrate de revisar los avisos antes de aceptar los términos y condiciones.

Una vez completada la instalación, inicie sesión en su sitio de prueba.

Haga clic en Admin Login para empezar a editar la versión clonada de su sitio de producción.

Paso 7: Añadir protección por contraseña para mayor seguridad

Para asegurarse de que nadie más puede acceder a su sitio de ensayo, considere la posibilidad de añadir protección por contraseña. Esto ocultará el área de desarrollo de los motores de búsqueda y del ojo público. 

Para hacer esto con Bluehost, navegue a Avanzado " Privacidad de Directorio en su panel de control.

Busca la carpeta del subdominio. A continuación, marca la casilla junto aProteger este directorio con contraseña.

Añade un nombre para el directorio protegido. Elige un nombre de usuario y una contraseña para poder acceder al sitio.

Después de guardar estos cambios, serás el único que podrá editar tu sitio de ensayo.

Método 2. Cree un sitio de prueba con su proveedor de alojamiento web

Algunos proveedores de alojamiento de WordPress le permiten crear sitios de ensayo con un solo clic. Es una forma sencilla de clonar tu sitio web y alojarlo en el mismo servidor.

Te voy a mostrar cómo construir sitios de ensayo con Bluehost, SiteGround, y WP Engine. Si tienes un alojamiento web diferente, tendrás que comprobar si ofrece una función de puesta en escena integrada.

Crear un sitio de prueba con Bluehost

Todos los planes de alojamiento de Bluehost admiten la puesta en escena con un solo clic. Todo lo que necesitas hacer es iniciar sesión en tu panel de WordPress y encontrar la página de Bluehost Staging.

A continuación, haga clic en el botón Crear sitio de ensayo. Bluehost creará automáticamente su sitio de prueba.

Siempre que lo necesites, puedes cambiar de tu sitio de producción a la zona de ensayo.

Verás una copia clonada de todo tu sitio web. En la parte superior de la página, habrá una barra roja que la marcará como Entorno de ensayo.

Continúe haciendo cambios sin preocuparse de que afecten a su sitio en vivo. Cuando estés listo para desplegarlos, dirígete a Bluehost " Staging y pulsa Deploy All Changes.

Crear un sitio de prueba con SiteGround

Si eres usuario de SiteGround, empieza por acceder a tu panel de control de hosting. Haz clic en la pestaña Sitios web y pulsa Herramientas del sitio.

Navega a WordPress » Staging. Selecciona tu sitio web y crea un nombre para el sitio de staging. Por último, haz clic en Crear.

Para evitar que usuarios no autorizados accedan a tu contenido de prueba, añade protección con contraseña. En tu cuenta de SiteGround, haz clic en Ir a URL protegidas. A continuación, añade un nombre de usuario y una contraseña para el sitio de prueba.

Ahora puede iniciar sesión en su nuevo sitio de ensayo.

Para transferir cualquier cambio a su sitio web activo, vuelva a esta página en su panel de control. Haga clic en el icono de tres puntos y pulse Despliegue completo.

Creación de un sitio de ensayo con WP Engine

WP Engine es otro host de WordPress que incluye la puesta en escena con un solo clic en todos sus planes. Para empezar, selecciona tu sitio en el panel de control de WP Engine.

A continuación, haga clic en Añadir puesta en escena.

En la lista de opciones, elige Copiar un entorno existente a este sitio. Selecciona el sitio de producción que deseas clonar.

Asigne un nombre al sitio de ensayo. Asegúrese de que el tipo de entorno es Staging.

Una vez creado tu sitio de prueba, añade protección con contraseña. Solo tienes que ir a Staging y hacer clic en el icono del candado.

Busque la pestaña Utilidades y copie el nombre de usuario y la contraseña de su panel de control.

Para empezar a editar el sitio de ensayo, pulse WP Admin.

Una vez que esté listo para aplicar los cambios, haga clic en Copiar entorno.

Por último, seleccione el sitio de ensayo como entorno de origen. El entorno de destino debe ser su sitio en vivo.

Preguntas más frecuentes (FAQ)

Haga del montaje una parte habitual de su rutina

Ya está. Ha creado su sitio de prueba de WordPress.

Ahora que ya tiene configurada la fase de prueba, es importante que la trate como un paso habitual en su lista de comprobación para el mantenimiento del sitio web.

En lugar de cruzar los dedos cada vez que actualizas un plugin o modificas el código, ahora puedes verificarlo todo de forma segura entre bastidores. Este sencillo hábito protege la reputación de tu marca y garantiza que tus visitantes nunca se encuentren con una página que no funciona.

Consejo profesional: Recuerda siempre actualizar tu sitio de prueba antes de comenzar una nueva ronda de pruebas. Si tu entorno de prueba tiene varios meses de antigüedad, no reflejará con precisión cómo se comportarán los nuevos cambios en tu sitio actual en vivo. Utiliza Duplicator para sobrescribir rápidamente tu área de prueba con una copia nueva de tu sitio de producción antes de comenzar a trabajar.

¿Listo para configurar tu primer sitio de prueba? ¡Duplicator Pro te permite crear un entorno de pruebas aislado a partir de cualquier copia de seguridad sin necesidad de subdominios, FTP ni configuración manual de la base de datos!

Ya que estás aquí, puede que también te gusten estos tutoriales adicionales sobre WordPress:

• Cómo migrar un sitio grande de WordPress (de forma sencilla)
• Los 9 mejores plugins de puesta en escena para WordPress (+ nuestras reseñas de expertos)
• Cómo migrar manualmente un sitio WordPress
• 11 tareas de mantenimiento de WordPress que no querrá olvidar
• 9 mejores plugins de copia de seguridad de WordPress
• Cómo migrar un sitio WooCommerce