Durante mucho tiempo, dudé en personalizar mi sitio de WordPress, aterrorizado de que un movimiento en falso pudiera arruinarlo todo.
Pero al mismo tiempo, estaba ansioso por renovar el diseño de mi sitio para aumentar la participación y el SEO.
Incluso miré otros sitios de WordPress para inspirarme en cómo otros optimizaban sus sitios web para el rendimiento.
Me lancé de cabeza, instalando plugins en mi sitio en vivo, solo para ver con horror cómo mi página de inicio se convertía en un desastre desordenado.
El pánico se apoderó de mí: mi tráfico se estaba desplomando y no tenía un plan de respaldo.
Ese momento de humildad me enseñó la regla de oro de WordPress: siempre prueba antes de implementar. Es por eso que me obsesioné con crear sitios de prueba, y ahora estoy aquí para ayudarte a hacer lo mismo.
Un sitio de prueba de WordPress es tu "sandbox", un espacio seguro para experimentar con plugins, temas o código sin arriesgar el rendimiento o la reputación de tu sitio en vivo.
En esta guía para principiantes, te mostraré tres maneras fáciles de configurar un sitio de prueba, paso a paso.
Además, te mostraré cómo fusionar tus cambios sin problemas a tu sitio en vivo, para que no pierdas tiempo rehaciendo el trabajo.
Ya seas un blogger, propietario de un negocio o entusiasta del SEO, estarás listo para innovar con confianza. ¡Vamos a empezar!
¿Qué hace que un sitio de prueba sea bueno en WordPress?
Un sitio de "staging" o de prueba es un clon de tu sitio web en vivo donde puedes probar de forma segura cualquier cosa que desees, como nuevos temas, plugins, actualizaciones y otros cambios.
Puedes ocultarlo al público para que solo tú puedas ver lo que se está probando en el sitio de "staging".
Muchos desarrolladores usan un entorno local para probar cambios y luego migran los cambios de localhost al servidor en vivo. Pero a veces, esto causa problemas porque lo que funciona localmente puede no funcionar cuando está en el servidor en vivo.
Con un sitio de prueba, no enfrentarás tales problemas. Pero necesitarás asegurarte de configurar un entorno de prueba estable y eficiente.
Aquí tienes lo que recomendamos en un sitio de prueba:
- Configuración rápida y fácil
- Opción de fusionar cambios con el sitio en vivo
- Elige qué cambios quieres agregar a tu sitio en vivo
- Oculto al público y a los motores de búsqueda
- Fusionar sin afectar el sitio en vivo
Teniendo en cuenta estos factores, a continuación, te mostraremos 3 métodos para crear un sitio de prueba.
Creación de un sitio de prueba de WordPress
Hay varias formas de configurar un sitio de prueba y cada método se adapta a un propósito diferente:
- Plugins de Staging: Este es el método más recomendado porque puedes configurar un sitio de staging sin tocar ningún código. Podrás fusionar tus cambios con solo hacer clic en un botón.
- Alojamiento Web: Puedes crear un sitio de prueba de forma gratuita desde tu cuenta de alojamiento. Este es un método manual que requiere una cantidad considerable de habilidad técnica. También es arriesgado, ya que incluso un pequeño error puede dañar tu sitio.
- Sitio de Prueba Temporal: Esto te permite crear un sitio de prueba temporal con una instalación de WordPress completamente nueva. No necesitas un nombre de dominio ni un plan de alojamiento para usar esto. Estos sitios de prueba son útiles para ver cómo funciona WordPress, probar rápidamente plugins y temas, y más.
1. Crea un sitio de prueba usando un plugin de WordPress
No hace mucho tiempo, necesitabas contratar a un desarrollador y tener buenas habilidades de codificación para configurar un entorno de staging, pero los plugins de WordPress lo hacen fácil con un solo clic.
Los plugins se asegurarán de que tu sitio de prueba esté oculto para visitantes y motores de búsqueda. Y podrás fusionar tus cambios de forma segura sin preocuparte de que tu sitio web de WordPress se rompa.
Y lo mejor de todo es que siempre tendrás un equipo de soporte al que puedes recurrir para pedir ayuda.
Ahora hay muchos buenos plugins de staging que puedes usar. Aquí están los que recomendamos:
Puedes obtener más información sobre estos plugins en nuestra comparación de los Mejores Plugins de Staging para tu Sitio Web de WordPress.
Para este tutorial, te mostraremos cómo crear un sitio de prueba con WP Stagecoach.
WP Stagecoach es la forma más fácil y rápida de configurar un sitio de prueba de WordPress. Tiene una configuración sencilla, por lo que es una excelente opción para principiantes.
También tiene opciones avanzadas que brindan a los desarrolladores más libertad para administrar el sitio de prueba.
¿Listo para crear tu sitio de prueba? Sumerjámonos en los pasos.
Paso 1: Instalar y activar WP Stagecoach
Lo primero que querrás hacer es registrarte para obtener una cuenta de WP Stagecoach.
Una vez que lo hayas hecho, obtendrás un plugin para instalar en tu sitio junto con una clave API. Si necesitas ayuda para instalar el plugin, sigue nuestra guía sobre Cómo Instalar un Plugin de WordPress.
Una vez que actives el plugin en tu sitio, WP Stagecoach aparecerá en el menú de administración de WordPress. Abre la página de configuración del plugin e ingresa tu nombre de usuario y clave API de WP Stagecoach.
En caso de que no tengas estos detalles, los encontrarás en la página Cuenta dentro de tu cuenta de WP Stagecoach.
Una vez que hayas hecho eso, WP Stagecoach te permitirá crear tu primer sitio de prueba.
Paso 2: Crear un sitio de prueba
En el panel de WP Stagecoach, verás un mensaje de bienvenida y una opción para crear un sitio de staging.
Todo lo que necesitas hacer es ingresar una URL para tu sitio de prueba.
Luego verás opciones para deshabilitar plugins de caché y proteger el sitio con contraseña.
Recomendamos encarecidamente añadir una contraseña al sitio. Esto asegurará que tu sitio de prueba esté oculto al público y a los motores de búsqueda.
Cuando hayas ingresado todos los detalles, haz clic en el botón ‘Ride the Stagecoach’. El plugin automáticamente hará una copia de seguridad de tu sitio de WordPress y luego creará un sitio de prueba.
Una vez que tu sitio de prueba esté listo, verás enlaces de URL al sitio y al área de administración. Simplemente haz clic en el enlace e ingresa tus credenciales para acceder al sitio.
Ahora puedes experimentar libremente y hacer todos los cambios que desees. El sitio de prueba es un sitio de WordPress completamente funcional, por lo que puedes usarlo como usarías un sitio de WordPress normal.
Paso 3: Fusionar cambios con el sitio en vivo
Cuando estés satisfecho con tu sitio de prueba, no tendrás que volver a tu sitio en vivo para replicar los cambios.
WP Stagecoach te permite importar tus cambios a tu sitio en vivo. Dirígete a la página WP Stagecoach » Importar Cambios y haz clic en el botón Verificar Cambios.
El plugin de WordPress ahora escaneará tu sitio de prueba en busca de los cambios que hayas realizado y luego te mostrará opciones para importarlos.
Puedes seleccionar importar solo cambios de archivos, solo cambios de base de datos o todos los cambios. Luego, haz clic en el botón Importar para continuar.
El plugin te mostrará el progreso de la importación y te notificará cuando haya terminado. Todo lo que tienes que hacer es ver tu sitio en vivo y comprobar que los cambios se importaron correctamente.
Recomendamos eliminar el sitio de prueba una vez que hayas terminado con él. Stagecoach también eliminará todos los archivos temporales de WordPress creados.
La próxima vez que quieras ejecutar pruebas, puedes crear un nuevo sitio de prueba con los últimos cambios y trabajar desde allí. Esto asegurará que nunca combines una versión de prueba antigua con tu sitio en vivo.
2. Crea un sitio de prueba usando tu proveedor de hosting web
Puedes crear un sitio de prueba con tu proveedor de hosting web de forma gratuita, pero hay algunas desventajas que debes tener en cuenta.
Para empezar, solo puedes configurar un sitio de prueba manualmente si tu proveedor de hosting te da acceso a cPanel. Si estás utilizando un plan de hosting de WordPress administrado, lo más probable es que no tengas acceso a cPanel.
Además, el sitio de prueba se ejecuta en el mismo servidor que tu sitio en vivo. Esto añadirá más carga a tu servidor y ralentizará tu sitio en vivo.
Es mucho más sencillo usar un plugin. Dicho esto, puedes configurar un sitio de staging de WordPress con tu proveedor de hosting web de 2 maneras:
- Usando Softaculous Apps Installer dentro de cPanel
- Manualmente creando un subdominio con una copia de los archivos y la base de datos de tu sitio
1. Instalador de aplicaciones Softaculous
Si tu proveedor de hosting web ofrece el Instalador de aplicaciones Softaculous, puedes configurar fácilmente un sitio de prueba de WordPress por tu cuenta.
Inicia sesión en tu cuenta de hosting web y abre cPanel » Instalador de aplicaciones Softaculous.
Junto al nombre de tu sitio, verás una lista de iconos para crear un clon, una copia de seguridad o un sitio de staging. Selecciona el icono 'Crear Staging' para configurar tu sitio de prueba.
En la siguiente página, puedes agregar un nombre de sitio, crear una nueva base de datos y deshabilitar la vista del motor de búsqueda.
Softaculous copiará tu sitio y creará el entorno de prueba por ti. Recibirás un enlace a tu sitio junto con las credenciales para iniciar sesión.
Cuando termines de probar, puedes usar la opción Enviar a producción para fusionar los cambios con tu sitio en vivo.
Si no tienes este instalador de aplicaciones dentro de tu panel de cPanel, puedes seguir los pasos a continuación para crear uno manualmente.
2. Creación manual de un sitio de prueba
Antes de comenzar, debes saber que configurar un sitio de prueba manualmente requiere una cantidad considerable de conocimiento técnico. También es propenso a errores, por lo que no lo recomendamos para principiantes.
Tampoco hay una opción para fusionar los cambios con tu sitio en vivo. Por lo tanto, tendrás que hacer los cambios en tu sitio en vivo manualmente.
Teniendo esto en cuenta, puedes seguir los pasos a continuación para crear manualmente un sitio de prueba.
Paso 1: Crear un subdominio
Lo primero que debes hacer es iniciar sesión en tu cuenta de alojamiento web y abrir cPanel. Dentro, navega a la sección Dominios y selecciona Subdominios.
Aquí puedes agregar un nombre de subdominio. Lo llamaremos 'staging'.
Luego haz clic en el botón 'Crear' y tu subdominio estará listo.
Paso 2: Descargar una copia de tus archivos y base de datos
Para clonar tu sitio web de WordPress, necesitarás copiar todo su contenido a tu nuevo subdominio.
Para acceder a tus archivos de WordPress, ve a cPanel » Administrador de archivos. Deberás encontrar la carpeta llamada 'public_html', luego haz clic derecho y comprímela.
Esto creará un archivo zip de tus archivos de WordPress. Cuando el archivo zip esté listo, descárgalo a tu computadora.
A continuación, dentro de cPanel, ve a la sección phpMyAdmin. Aquí es donde se almacena tu base de datos de WordPress.
Verás tu base de datos en el panel izquierdo. En caso de que veas varias bases de datos y no sepas cuál es la de tu sitio web, puedes ir a la carpeta Administrador de archivos » public_html.
Aquí, busca y edita el archivo wp-config.php. Dentro de este archivo, verás el nombre y la contraseña de tu base de datos, así:
Una vez que conozcas tu base de datos, selecciónala y usa la opción Exportar para crear una copia.
En la siguiente página, verás opciones para cambiar el método y el formato. Recomendamos usar la configuración predeterminada: método Rápido y formato SQL.
Al hacer clic en Ir, se descargará un archivo .sql a tu computadora.
Paso 3: Sube tus archivos de WordPress al subdominio
Ahora que tienes tus archivos y base de datos de WordPress listos, necesitas subirlos a tu sitio de staging.
Para hacer eso, primero dirígete a la carpeta Administrador de archivos » public_html.
Busca la carpeta con el nombre que usaste para crear el subdominio. Nuestra carpeta de subdominio se llama 'Staging' seguido del nombre de dominio.
Dentro de esta carpeta, usa la opción Subir para elegir el archivo zip de tus archivos de WordPress desde tu computadora local.
Una vez que lo subas, simplemente haz clic derecho y descomprime el archivo. Ahora tus archivos de WordPress están copiados. A continuación, necesitas agregar la base de datos.
Paso 4: Sube tu base de datos al subdominio
Para subir la copia de la base de datos de tu sitio en vivo, primero necesitarás crear una base de datos vacía.
Regresa al panel de control de cPanel y navega a la página Bases de datos » Bases de datos MySQL. Aquí puedes crear una nueva base de datos.
Cuando hagas eso, desplázate hacia abajo y verás más opciones para crear un usuario de MySQL. Necesitarás agregar un nombre de usuario y una contraseña.
Luego, en la siguiente sección, asigna el usuario a la nueva base de datos que creaste.
En este punto, te sugerimos que tomes nota del nombre de tu base de datos, usuario y contraseña. Lo necesitarás en el siguiente paso.
Regresa a la página phpMyAdmin » Bases de datos. Primero, elige la nueva base de datos que acabas de crear y selecciona la opción Importar.
Ahora puedes seleccionar el archivo de la base de datos desde tu computadora y subirlo. Con eso, tu base de datos y archivos se copian a tu sitio de staging.
Paso 5: Actualizar los detalles de la base de datos en el archivo wp-config
El archivo wp-config contiene toda la información de tu base de datos. Esto significa que cuando importas una base de datos, tendrá los detalles antiguos. Necesitas actualizarlo para que coincida con la nueva base de datos que acabas de crear.
En cPanel, abre la carpeta Administrador de archivos » Subdominio. Llamamos a esta carpeta staging.example.com, así que la abriremos.
Dentro, necesitas encontrar y editar el archivo wp-config.
Aquí, puedes ingresar el nombre de tu nueva base de datos, usuario y contraseña que anotaste anteriormente.
Ahora tu sitio de prueba está listo. Para acceder a él, usa esta URL del sitio: staging.tudominio.com. En caso de que hayas nombrado tu subdominio de otra manera, reemplaza la palabra 'staging' con la que elegiste.
Las credenciales de inicio de sesión de wp-admin para el sitio de prueba serán las mismas que las de tu sitio de WordPress en vivo.
Una vez que hayas terminado de usar el sitio de prueba, es importante que lo elimines. El sitio de pruebas pone una carga adicional en tu servidor, lo que puede afectar la velocidad de tu sitio web en vivo.
Paso 6: Copiar los cambios del sitio de prueba al sitio en vivo
Cuando estés satisfecho con los cambios que has hecho en tu sitio de prueba de WordPress, puedes hacer los mismos cambios en tu sitio en vivo.
Si deseas fusionar tus cambios, puedes usar el mismo método a la inversa para copiar los archivos y la base de datos de vuelta a tu sitio en vivo.
NO recomendamos este método porque es propenso a errores. Si decides intentarlo, haz una copia de seguridad completa de tu sitio para tener una copia a la que restaurar si algo sale mal.
Dicho esto, necesitas exportar tus archivos y base de datos desde tu subdominio, y luego importarlos en la carpeta public_html.
Asegúrate de cambiar los detalles de la base de datos a la información original en el archivo wp-config también.
Con esto, has aprendido a crear manualmente tu propio sitio de prueba de WordPress. A continuación, queremos mostrarte una forma sencilla de configurar un sitio de WordPress de prueba que puedes usar para todo tipo de propósitos.
3. Crea un sitio de prueba temporal sin instalar WordPress
Si quieres crear un sitio de prueba sin instalar WordPress o configurar un dominio y un plan de hosting, te encantará jurassic.ninja.
Te permite crear un sitio de WordPress temporal que es privado para ti. Puedes usarlo para:
- Ver cómo funciona WordPress y aprender a usarlo
- Probar un plugin/tema para asegurarte de que es seguro
- Tomar capturas de pantalla de una instalación nueva para tus publicaciones de blog o documentación
Todo lo que tienes que hacer es ir al sitio jurassic.ninja y hacer clic en el botón 'Crear'. Automáticamente configurará un sitio web temporal para ti con una instalación nueva de WordPress.
Puedes hacer clic en el enlace proporcionado y empezar a usar tu sitio para aprender, probar o simplemente divertirte con él.
Con esto, has aprendido 3 formas de crear un sitio de prueba de WordPress.
Si quieres nuestro veredicto, el mejor método es usar un plugin de staging. Puedes crear rápidamente un sitio de prueba y fusionar tus cambios con tu sitio en vivo. Pero el factor más importante es que nunca tendrás que preocuparte por romper tu sitio en vivo en el proceso.
Esperamos que hayas encontrado útil este tutorial sobre cómo crear un sitio de prueba de WordPress. Si es así, definitivamente querrás ver estos recursos:
- Cómo Potenciar el Rendimiento y la Velocidad de WordPress (Consejo de Expertos)
- Cómo automatizar la verificación de leads en WordPress (Paso a Paso)
- La lista definitiva de herramientas y software para pequeñas empresas en 2021
Estas publicaciones te darán más herramientas y tutoriales para ayudarte a mejorar y hacer crecer tu sitio web.
Hola, gracias por esta información, es justo lo que estaba buscando en este momento.
Así que tengo dos preguntas.
¿Podrías usar el plugin de staging para permitir la entrada de un desarrollador freelance?
Además, cuando se ha creado un staging y ya no se necesita, ¿está bien simplemente presionar eliminar en C-panel?
Gracias
Hola Julian, nos alegra que hayas encontrado útil la publicación. Sí, la mayoría de los plugins de staging te permiten proteger el sitio de prueba con contraseña. Simplemente puedes darle al desarrollador el nombre de usuario y la contraseña para que inicie sesión.
Una vez que hayas terminado con el sitio de prueba, te recomendamos eliminarlo de inmediato. Los plugins de staging generalmente te permiten eliminarlo desde su panel. También puedes eliminar la carpeta de staging en cPanel, pero asegúrate siempre de que sea la carpeta correcta que estás eliminando para evitar dañar tu sitio.