Hoy no te vas de aquí sin aprender una cosica nueva, porque voy a explicarte qué es el staging, para qué sirve y cómo puedes hacerlo en tu WordPress sin que explote el universo, o al menos no mucho. 💥
Tranqui, ya verás que es más sencillo hacerlo que pronunciarlo (esteiyeng pa’ los amigos)…
¡Vamos al lío!
🔷 ¿Qué es el staging o hacer staging?
Si te digo «staging» y te has quedado igual que si te digo «gromenawer», no te preocupes porque es normal; no es un término tan conocido como otros dentro del mundillo de WordPress (de momento…).
El término inglés staging viene de stage, que significa escenario, etapa o fase (según el contexto, claro). Y luego le han sumado el clásico sufijo -ing que queda super guay para convertirlo en un sustantivo que exprese acción, que en este caso es algo así como «puesta en escena» o «gestionar escenarios»:
Bueno a lo mejor estas imágenes no ayudan mucho a explicarlo mejor…
Ok, don’t worry, voy a explicártelo directamente con lo que sería hacer staging de una web o blog.
¿Qué es hacer staging de una web?
Hacer staging en un sitio web significa gestionar distintos «escenarios» o versiones de ese mismo sitio. De esta forma puedes tener distintas copias de tu sitio según el uso que le quieras dar a cada una:
- Un escenario de pruebas (donde puedas cacharrear y romper lo que quieras)
- Un escenario de pre-producción (donde pruedas probar los nuevos cambios antes de publicarlos)
- Un escenario de producción (la versión «pública» de tu sitio que ven tus visitas)
- etc.
Resumiendo, que el staging es tener distintas copias de tu sitio para distintos usos que quieras darles.
Ahora ya sí que queda más claro, ¿no? 😉
🔷 ¿Para qué sirve el staging?
Bueno pues por lo tipos de «escenarios» que te he contado antes, ya te puedes imaginar que una de las principales razones por las que se suele hacer staging en una web es para controlar cualquier cambio que se pueda hacer:
- Cambio de plantilla o theme del WordPress.
- Modificaciones específicas del diseño.
- Instalación de plugins de WordPress que pudieran causar conflictos.
- Añadir código para nuevas funcionalidades.
- Etc.
Por ejemplo, en tu web sobre música clásica has añadido un botón que al pasar el ratón por encima se supone que suena La primavera de Vivaldi. Publicas el cambio y cuando lo pruebas tú, y las 2.000 visitas que han entrado ya en tu web, os dáis cuenta de que ha habido un «pequeño» fallo, y es que al pasar el ratón lo que suena es El tractor amarillo de Zapato Veloz… (☝ ojo, temazo, ¿eh?).
Pero esto es solo una opción de tantas otras, ¡el staging puedes usarlo para lo que te salga de las narices!
Otro ejemplo puede ser si tienes una web «estática» (en la que apenas cambias el contenido) para promocionar tu negocio local. Podrías tener un «escenario» distinto de tu web (con distintos estilos, ofertas, promociones, etc.) según la época o evento del año: Navidad, verano, Black Friday…
¡Lo que se te ocurra! 🤯
🔷 ¿Cómo se puede hacer staging en WordPress?
Lo bueno de WordPress es que casi siempre hay más de 1 opción para hacer lo mismo, y con el staging pasa lo mismo. 😀
Aquí voy a hablarte de 2 opciones en concreto para que elijas la que más te convengan:
🔸 Staging «manual»: la opción más personalizable pero también algo más compleja
🔸 Staging «automático»: la opción más sencilla pero no disponible en todos los hosting
🔸 Staging en WordPress (manual)
Con staging «manual» me refiero a que serás tú quien se encargará de gestionar los escenarios o copias de tu WordPress.
Por ejemplo, puedes crear un clon o copia de tu sitio «online» (el que tengas publicado en tu hosting) e instalarla en tu propio PC para hacer pruebas, cambiar diseños, etc. Y luego, cuando quieras, puedes hacer una copia de tu sitio «offline» (el que tienes en tu PC) para subir tus cambios al hosting.
Otra opción puede ser hacer una copia de tu WordPress «online» e instalarla en un subdominio para tenerla también «online» (pero sin que la vea Google, para que no encuentre contenido duplicado). Y luego, cuando quieras, puedes llevar tu copia del subdominio al dominio principal. ☺
Pues para este caso tienes estos 2 tutoriales que te van a venir de perlas:
- Cómo instalar WordPress en local: para que veas cómo hacer una copia de tu WordPress «online» e instalarla en tu PC.
- Cómo migrar WordPress de local a remoto: donde te explico cómo hacer una copia de tu WordPress «offline» y subirla a tu hosting (a tu dominio o a un subdominio, donde quieras).
🔸 Staging en WordPress (automático)
Con staging «automático» me refiero a que es el proveedor de hosting el que te ayuda a gestionar de forma puñeteramente fácil las copias o versiones de tu WordPress, y así no tienes que estar haciéndolo tú todo el tiempo con el riesgo de que se te vaya todo a la 💩…
Lógicamente no todos los proveedores de hosting dan facilidades para hacer staging, pero cada vez más se suman a la moda, por ejemplo:
- SiteGround lo incluye gratis con el plan de hosting GoGeek (uno de los más potentes que tiene)
- TropicalServer lo ofrece gratis para todos sus clientes
[☝ Estos son hostings de calidad que recomiendo, por eso uso enlaces de afiliado, ¡claro!]
Cada proveedor de hosting tiene su propia «herramienta de staging» (por lo que es complicado hacer un tutorial que valga para todos) pero, como el proceso es muy sencillo, voy a enseñarte cómo hacer staging con SiteGround y verás que lo puedas extrapolar a casi cualquier proveedor de hosting.
1) Lo primero que tenemos que hacer es entrar en el panel de control del hosting y buscar la herramienta de staging que tenga (más lógico imposible). En el caso de SiteGround, por ejemplo, se llama «Ensayos» (en español) o «Staging» (en inglés).
Haz clic sobre el icono de Ensayos.
2) Aquí verás una lista de los sitios en WordPress que tengas añadidos para crear «ensayos». Como de primeras no tendrás ninguno, te toca añadir tu WordPress.
Haz clic en el botón Añadir WordPress.
3) Ahora solo tienes que añadir la URL en la que tengas instalado tu WordPress. Si lo tienes en la carpeta principal del dominio, déjalo tal cual como viene por defecto. Haz clic en Añadir URL.
Te saldrá un mensaje como que se ha añadido con éxito y ya puedes hacer clic en el botón Volver.
4) En el apartado de «Sitios web» ahora verás tu WordPress añadido.
Cuando hagas clic en el botón Crear copia de pruebas (a) te saldrá una ventana preguntándote si también quieres copiar otros archivos o carpetas que tengas en el directorio raíz que no son parte del WordPress. En mi caso no me interesa seleccionar nada.
Haz clic en el botón Continuar (b).
5) En el siguiente paso te da la opción de añadir contraseña a la copia que vas a hacer de tu WordPress, ¡si quieres! En mi caso para este tutorial voy a elegir la opción sin contraseña.
Haz clic en el botón Continuar.
6) Después de un ratito en el que te irá avisando de que está creando la copia, verás una pantalla con la versión de prueba creada con todos sus datos y opciones:
- a) URL de la versión creada en un subdominio (enlace de previsualización)
- b) Fecha de creación de la versión
- c) Fecha del lanzamiento de la versión (para usarlo en el dominio principal)
- d) Lanzar y activar la versión
- e) Borrar la versión
- f) Crear otra copia de esta versión
- g) Gestionar la protección por contraseña
- h) Panel de control de la versión (vamos, el escritorio de WordPress)
- i) Posibilidad de guardar la copia en un repositorio Git (para que lo puedas tener en tu PC o donde quieras)
Para probar mejor cómo funciona esto del staging, puedes modificar esta versión o «ensayo» de tu WordPress que has creado.
Así que haz clic en la opción h) Panel de admin y entra en el escritorio de esta versión del WordPress con tu mismo usuario y password.
7) Verás que el escritorio es exactamente igual al de tu WordPress original (el que tienes activo). En esta copia puedes hacer los cambios o las pruebas que te apetezcan.
En mi caso, por ejemplo, he metido una imagen de mi cara de idiota y que se puede diferenciar perfectamente del WordPress original…
8) Ok, pues ahora la gracia de todo esto del staging es que puedas «pivotar» o cambiar tu WordPress activo por cualquiera de las versiones que tengas creadas.
En este caso voy a activar la versión que he creado y que se ha publicado en el subdominio staging1 para que se ponga como WordPress «principal» del dominio.
Dentro del panel de la versión creada (imagen del paso 6) haz clic en el botón Lanzar y activar, la opción d).
Te saldrá una ventana para que confirmes que efectivamente quieres activar la versión. Haz clic en el botón Sí.
9) Ahora te va a pedir que elijas una de las 2 opciones que hay para hacer el lanzamiento de la versión:
- Lanzamiento fácil: reemplazará todo tu WordPress actual activo por la versión que has creado. Esto puede ser interesante sobre todo para sitios web estáticos que apenas cambian.
- Lanzamiento avanzado: te muestra las diferencias que hay entre tu WordPress actual activo y la versión creada para que solo active las diferencias que elijas. Esta para mí es la mejor opción para cambios pequeños, mejoras concretas, pruebas, foros, etc. Así que haz clic en esta opción porque es la que voy a seguir para que la veas más a fondo. 👌
10) En la siguiente pantalla te muestra toooooodos los cambios hechos en esta versión de WordPress comparándola con la versión original que está activa.
En el primer apartado te muestra los cambios hechos en los ficheros y carpetas (ficheros o directorios añadidos, modificados o borrados).
Y en el segundo apartado los cambios hechos en la base de datos (registros o tablas añadidas, modificadas o borradas).
Déjalo todo seleccionado por defecto (si quieres aplicar todos los cambios, ¡claro!) y haz clic en Lanzar y activar.
Te pedirá que le confirmes que efectivamente quieres que esta versión sea la que va a estar activa en tu sitio. Haz clic en Sí. (Sí es un poco pesao, pero entiéndele, es por evitar desastres mayores).
Y ahora sí que sí, si todo ha ido bien…
¡Ya tienes la versión activada en tu dominio! 😃
Si te estás preguntando qué narices ha pasado con la versión de WordPress que tenías antes activada como «principal» y si se ha borrado, no te preocupes porque automáticamente se guarda una copia de seguridad de la «original» cuando activas una versión.
Así puedes volver a tu WordPress anterior si algo sale mal con tu nueva versión lanzada. 😊
☝ Consejos para hacer staging correctamente
Ya has visto que al crear versiones o «escenarios» de tu WordPress, lo que hace es publicarlas en subdominios de tu dominio principal para que puedas verlas y toquitearlas todo lo que quieras; en mi caso, por ejemplo, la versión que he creado la publica en el subdominio staging1.pruebagogeek.com.
Ok, pues al ser subdominios «públicos» que todo el mundo podría ver (bueno, todo el mundo que supiera la URL, como Google que lo sabe todo…), te aconsejo 2 cosicas:
1. Evita que Google indexe los escenarios de tu WordPress
Porque si Google rastrea tu subdominio y el escenario creado en él, y ve que tienes contenido «duplicado» (porque es una copia del que tienes activado en tu dominio), podrías tener problemas con el posicionamiento web de tu sitio.
Pero tranqui, échale un ojo a este artículo para saber cómo evitar que Google indexe un WordPress y verás lo sencillo que es de resolver. Recuerda, hazlo solo con los WordPress de las versiones que no tengas activadas. 😊
2. Desactiva las estadísticas en los escenarios de tu WordPress
Porque si por ejemplo tienes añadido el código de Google Analytics en tu WordPress original (que será lo más probable), piensa que al hacer una copia del mismo también estarás usando el mismo código para esa versión publicada en un subdominio nuevo y se podrían alterar las estadísticas reales de tu sitio.
Así que lo mejor es que una vez hecha la versión, elimines el código que tengas puesto para captar las estadísticas. O puedes cambiarlo por uno nuevo solo para ese subdominio si quieres tener estadísticas de él.
¡Y nada más! (ni nada menos).
Espero que este tutorial te haya servido al menos para que sepas que existe el staging y que viene de perlas para hacer pruebas o cambios importantes sin sufrir infartos al lanzarlos…
Y ya sabes, cualquier duda que tengas sobre el tema o alguna recomendación que quieras dejar (porque ya usabas el staging antes), dale caña a los comentarios, que entre todos seguro que podemos echarnos un cable.
¡Gracias de antemano! 😀
Imagen principal: Stock Photos de Ribkhan/Shutterstock