Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Cómo ocultar su sitio WordPress hasta que esté listo

Cómo ocultar su sitio de WordPress hasta que esté listo: Las maneras más fáciles 

Escrito por: imagen de autor Stacey Corrin
imagen de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: John Turner
imagen del revisor John Turner
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

Muchos lectores nos preguntan cómo ocultar un sitio WordPress hasta que esté listo. A menudo es porque quieren actualizar el diseño de su sitio pero no quieren que los visitantes vean páginas rotas o a medio terminar.

Para responder a su pregunta, generalmente recomendamos ocultar los sitios web de WordPress detrás de un modo de mantenimiento o de una página de WordPress "Próximamente". De esta forma, puede ocultar su sitio web inacabado hasta que esté listo para que el público lo vea.

En esta guía, le mostraremos cómo hacer que su sitio WordPress sea privado para que pueda trabajar en él sin interrupciones.

Índice

¿Por qué ocultar su sitio WordPress hasta que esté listo?

Se nos ocurren varias razones para ocultar su sitio WordPress durante el desarrollo, entre ellas:

  • Profesionalidad: Mostrar un sitio inacabado puede crear una primera impresión negativa. Mantener tu sitio oculto hasta que esté pulido garantiza que los usuarios vean tu marca en su mejor momento.
  • Experiencia del usuario: Las funciones inacabadas pueden confundir o frustrar a los visitantes. Al ocultar tu sitio, evitas que los usuarios vean estos problemas.
  • Optimización para motores de búsqueda (SEO): Los motores de búsqueda valoran la calidad y relevancia de los contenidos. Si su sitio no está completo o tiene contenido de reserva, podría afectar negativamente a su SEO. Mantener su sitio oculto evita problemas de posicionamiento hasta que esté listo para lanzarlo.
  • Seguridad: Un sitio oculto tiene menos probabilidades de atraer la atención no deseada de posibles piratas informáticos. Mantenerlo oculto reduce el riesgo de amenazas a la seguridad.
  • Pruebas y depuración: Durante el desarrollo, es probable que encuentre errores y fallos. Tener el sitio oculto te permite probar y depurar sin afectar a los usuarios reales.
  • Perfeccionamiento de contenidos: Desarrollar un sitio web implica perfeccionar el contenido, ajustar el diseño y optimizar las imágenes. Mantener el sitio oculto proporciona un entorno controlado para estos cambios sin la presión del escrutinio público.
  • Aprobación del cliente: Si estás trabajando en un sitio web o blog de WordPress para un cliente, mantenerlo oculto te permite compartir el progreso con ellos en privado. De esta forma, pueden darte su opinión y aprobación antes de que el sitio salga a la luz.

Entonces, ¿cómo ocultar su sitio WordPress? Lo veremos a continuación.

Fácil: Oculta tu sitio WordPress hasta que esté listo con SeedProd

Activar el modo de mantenimiento es el método más sencillo de hacer que su sitio sea privado. Para ello, recomendamos utilizar el plugin SeedProd.

Cómo ocultar tu sitio WordPress durante el desarrollo con SeedProd

SeedProd es la mejor página de destino de WordPress y tema constructor plugin. Con su sencillo constructor de arrastrar y soltar, puede crear temas de WordPress personalizados y páginas de destino de alta conversión en cuestión de minutos.

También puede limitar el acceso a su sitio web mientras está en construcción activando el modo Próximamente o Mantenimiento. Los roles de usuario también le permiten desactivar la pantalla de mantenimiento para los usuarios conectados.

Con esto en mente, veamos cómo ocultar su sitio WordPress con SeedProd.

Recorrido en vídeo

Paso 1. Configure su nuevo sitio web WordPress

Cuando crees un sitio nuevo por primera vez, tendrás que comprar alojamiento web. Para ello te recomendamos Bluehost.

bluehost mejor solución de alojamiento WordPress

Bluehost ofrece alojamiento WordPress asequible y un nombre de dominio gratuito en un único plan. Es un proveedor de alojamiento de WordPress reconocido oficialmente que impulsa más de 2 millones de sitios web de WordPress.

Bluehost es una opción excelente si eres un nuevo usuario de WordPress porque lo configura automáticamente por ti. También te permiten crear una dirección de correo electrónico empresarial gratuita para el mismo nombre de dominio.

Siteground es otra gran alternativa para alojar tu sitio web. Si necesitas más ayuda para empezar, lee esta guía sobre cómo crear un sitio web con WordPress.

A continuación, tendrá que instalar un plugin de modo de mantenimiento de WordPress.

Segundo paso Instale el plugin SeedProd

Ahora, tendrás que conseguir una copia de SeedProd. Una vez que hayas creado tu cuenta, dirígete a la página de inicio de sesión para acceder al panel de control de tu cuenta.

Haga clic en Ver clave de licencia, Detalles y Descargas, como se muestra a continuación.

Obtenga su clave de licencia SeedProd desde el panel de SeedPod

A continuación, copie su clave de licencia y haga clic en Descargar Landing Page Pro para guardar el plugin de mantenimiento en su ordenador.

Descargar el plugin SeedProd landing page, Coming Soon y Maintenance Mode

A continuación, instale y active el plugin SeedProd en su sitio WordPress. Si no sabes cómo hacerlo, puedes consultar este tutorial paso a paso para instalar plugins de WordPress.

Al activar el plugin, verás una página en la que se te pedirá que introduzcas tu clave de licencia. Si recuerdas, la copiaste al descargar el complemento.

Introduzca su clave de licencia SeedProd

Sólo tiene que introducir su clave y hacer clic en Verificar clave.

Paso 3. Cree su página de modo de mantenimiento

SeedProd hace que sea super fácil de diseñar y personalizar las páginas de mantenimiento en WordPress. Esto es importante porque permite a los visitantes interactuar con su sitio, incluso si está oculto.

Puedes personalizar completamente el aspecto de tu página en el constructor visual y también añadir los siguientes elementos de página de aterrizaje con bloques de contenido de arrastrar y soltar:

  • Formulario de suscripción por correo electrónico - Aumente el número de suscriptores a su lista de correo electrónico y reciba actualizaciones para cuando vuelva a estar activo.
  • Formulario de contacto - Permita que la gente se ponga en contacto y haga preguntas a través de un moderno formulario de contacto de WordPress.
  • Perfiles sociales - Dirija a los visitantes a sus perfiles sociales para obtener actualizaciones y participación mientras su sitio está oculto.
  • WooCommerce Blocks - Incrusta botones de añadir al carrito, rejillas de productos y mucho más en tu página.
  • Botones para compartir en redes sociales: anime a los usuarios a dar a conocer su nuevo diseño o funciones en las redes sociales.
  • Temporizador de cuenta atrás - Dé a la gente una idea visual de cuándo pueden acceder de nuevo a su sitio principal.
  • Y mucho más.

Para empezar a diseñar su página de destino, haga clic en el botón Configurar una página en modo de mantenimiento .

Configure una página de modo de mantenimiento para desactivar temporalmente su sitio WordPress.

A continuación, SeedProd le pide que elija un tema para su página.

Con una creciente biblioteca de temas y plantillas de páginas de destino para elegir, seguro que hay algo que se adapte a sus necesidades. Si no lo hay, siempre puedes seleccionar la plantilla en blanco para empezar desde cero.

Elija una plantilla de página de destino para el modo de mantenimiento

Paso 4. Personalice su página de modo de mantenimiento

En cuanto elijas un tema, accederás al constructor de páginas de arrastrar y soltar.

Aquí puede añadir nuevos elementos de página, personalizar su diseño y añadir un mensaje personal para los visitantes. También puedes subir una imagen de fondo personalizada que se adapte a tu marca.

Diseñe su página de modo de mantenimiento en WordPress

Aquí tienes una guía completa paso a paso para poner tu sitio WordPress en modo Mantenimiento usando SeedProd.

Paso 5. Elija cuándo mostrar su página de mantenimiento

La mayoría de los plugins de modo de mantenimiento sólo muestran una página de mantenimiento para todo el sitio web. Sin embargo, SeedProd es más avanzado, permitiéndole elegir qué páginas ocultar.

Es posible que desee ocultar todo su sitio hasta que esté listo inicialmente o páginas o entradas específicas en el futuro.

La comprensión de esta característica será útil para el desarrollo futuro. Para gestionar dónde muestra su página de mantenimiento, vaya a la Configuración de la página en el constructor SeedProd y haga clic en Control de acceso.

Controles de acceso a SeedProd

A continuación, desplácese hacia abajo hasta la sección Incluir/ Excluir URLs. Aquí es donde puede decirle a SeedProd cómo ocultar su sitio.

incluir URL excluidas en SeedProd

Esto es lo que significan los diferentes ajustes de control de acceso:

  • Mostrar en todo el sitio web: Esta es la configuración por defecto y la mejor opción para ocultar su sitio WordPress hasta que esté listo. Cualquiera que intente ver cualquier página de tu sitio verá la página en modo de mantenimiento en el front-end.
  • Mostrar sólo en la página de inicio: Puede utilizar esta opción para mostrar su nueva página sólo en la página de inicio de su sitio web. El resto de páginas y publicaciones seguirán siendo públicas.
  • Incluir URL: Utilice esta configuración para elegir páginas específicas para mostrar en su página de mantenimiento. Por ejemplo, si estás escribiendo contenido nuevo para una de tus páginas, puedes ocultar solo esa página y dejar visible el resto del sitio.
  • Excluir URL: Este ajuste hace lo contrario que Incluir URLs. Oculta todo el sitio excepto las páginas que especifique. Elija esta opción para mantener accesibles determinadas páginas y ocultar el resto.

Permitir el acceso a un sitio oculto de WordPress

¿Y si necesita dar acceso a su sitio web a alguien que no puede entrar en él? Hay una solución muy sencilla.

En el área de configuración de la página, puede crear un enlace de acceso secreto que permita a los usuarios pasar por alto la página que oculta su sitio de WordPress.

En la parte derecha de la pantalla, puede crear una frase secreta añadida a una URL de desvío única.

Eludir la página del modo de mantenimiento de WordPress con una URL y una contraseña personalizadas

A continuación, puede enviar esta URL a cualquier persona que desee que tenga acceso a su sitio sin que vea la página de construcción.

También es posible añadir una contraseña a su página de destino. Esto le permitirá conceder acceso a personas específicas, como clientes.

Puede seguir esta guía para aprender todo sobre la protección por contraseña en WordPress.

Debajo de la sección URL Bypass está el área Bypass por IP. Esto permite a los visitantes de direcciones IP específicas evitar su página de destino automáticamente.

Pasar por alto la página de destino por dirección ip

Todo lo que tiene que hacer es añadir cada dirección IP en una nueva línea en el campo previsto para ello.

Paso 5. Oculte su sitio web WordPress

Cuando esté satisfecho, es hora de publicar su página. Para ello, selecciona la flecha desplegable junto al botón Guardar cambios en la esquina superior derecha y haz clic en Publicar.

Guarde los cambios y publique su página para ocultar su sitio WordPress mientras trabaja en ella

A continuación, SeedProd mostrará una ventana emergente en la que se le notificará que su página está activa.

Notificación publicada del modo de mantenimiento

A continuación, puede hacer clic en el botón Ver página en directo para ver el aspecto de su página de mantenimiento.

He aquí un ejemplo de una página que hemos creado en nuestro sitio web de prueba:

Ocultar su sitio web de WordPress con el modo de mantenimiento página de inicio

Ahora vamos a habilitar su página de mantenimiento, que se puede hacer por la partida de nuevo a SeedProd " Páginas de destino, a continuación, girando el interruptor de modo de mantenimiento de la posición inactiva a activa.

active su página de modo de mantenimiento para ocultar su sitio WordPress hasta que esté listo

Felicidades. Has ocultado tu sitio WordPress.

¿Cómo se desactiva el modo de mantenimiento de WordPress?

Si has seguido los pasos anteriores para configurar el mantenimiento, en algún momento querrás desactivarlo.

Para desactivar el modo de mantenimiento de WordPress, vaya a la página de configuración de SeedProd haciendo clic en el icono de SeedProd en su panel de WordPress.

A continuación, haga clic en el conmutador situado bajo la sección Modo de mantenimiento para cambiarlo de Activo a Inactivo.

Cómo desactivar el modo de mantenimiento en wordpress

Ahora, su sitio ya no estará oculto a los visitantes.

¿Y si no quieres utilizar un plugin para configurar una página de mantenimiento? Tenemos instrucciones para eso a continuación.

Avanzado: Oculte su sitio WordPress hasta que esté listo sin un plugin

Si te sientes cómodo editando los archivos de tu sitio, puedes utilizar el archivo .htaccess o function.php para ocultar tu sitio WordPress hasta que esté listo. Este método consiste en añadir unas pocas líneas de código a esos archivos, que suelen encontrarse en el directorio raíz de tu instalación de WordPress.

Generalmente no recomendamos estos métodos a menos que seas un usuario experimentado. Sin embargo, si quieres proceder, asegúrate de hacer una copia de seguridad de tu sitio, ya que las modificaciones incorrectas pueden hacer que se rompa.

Edición del archivo .htaccess

En primer lugar, conéctese a su sitio web mediante un cliente FTP o a través del gestor de archivos de su panel de control de alojamiento web y, a continuación, vaya al directorio raíz. Normalmente se trata del directorio public_html o www.

Desde allí, busque el archivo .htaccess y descargue una copia a su ordenador.

A continuación, abra el archivo .htaccess en un editor de texto y añada el siguiente código al final del archivo:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_URI} !/maintenance.html$
RewriteCond %{REMOTE_ADDR} !^Your.IP.Address$
RewriteRule ^(.*)$ http://yoursite.com/maintenance.html [R=302,L]
</IfModule>

Sustituir "Your.IP.Address" con tu dirección IP real. Puedes encontrar tu dirección IP buscando "Cuál es mi IP" en Google. La "maintenance.html"debe ser un simple archivo HTML que creas y subes a tu directorio raíz para mostrar un mensaje de mantenimiento.

Guarde los cambios en su archivo .htaccess y, a continuación, vuelva a subir el archivo .htaccess modificado al directorio raíz de su instalación de WordPress mediante su cliente FTP o gestor de archivos.

A partir de ahí, crea un archivo maintenance.html con un mensaje de mantenimiento y súbelo a tu directorio raíz.

Creación de la maintenance.html Archivo

Ahora, vamos a crear el maintenance.html que mostrará un mensaje de mantenimiento a sus visitantes mientras usted trabaja en su sitio web.

En primer lugar, abre tu editor de texto preferido. Puede ser uno sencillo como Notepad (Windows) o TextEdit (Mac), o un editor de código como Visual Studio Code o Sublime Text.

En su editor de texto, escriba el código HTML de su página de mantenimiento. He aquí un ejemplo básico:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Maintenance Mode</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding: 50px;
        }
        h1 {
            color: #333;
        }
        p {
            color: #666;
        }
    </style>
</head>
<body>
    <h1>We'll be back soon!</h1>
    <p>Sorry for the inconvenience, but we're performing some maintenance at the moment. We'll be back online shortly!</p>
    <p>&mdash; Your Website Team</p>
</body>
</html>
Ejemplo de archivo maintenance.html en editor de texto

Este código crea una página de mantenimiento sencilla y visualmente atractiva con un encabezamiento y un mensaje breve.

Guarde este archivo con el nombre maintenance.html. Asegúrese de seleccionar "Todos los archivos" en el menú desplegable Guardar como tipo (si procede) para evitar guardarlo como archivo .txt y asegúrese de que la codificación del archivo es UTF-8.

Ahora, utilizando su cliente FTP o el gestor de archivos de su panel de control de alojamiento web, cargue el archivo maintenance.html en el directorio raíz de su instalación de WordPress. Normalmente es el mismo directorio en el que se encuentra su .htaccess (por ejemplo public_html o www).

Una vez cargado el archivo, los visitantes de su sitio (excepto los que tengan su dirección IP) verán el mensaje de mantenimiento.

Edición del archivo functions.php

Si prefieres utilizar código pero quieres evitar editar el archivo .htaccess, puedes conseguir un resultado similar añadiendo un fragmento al archivo functions.php de tu tema. Este método pondrá tu sitio en modo de mantenimiento, por lo que sólo será visible para los administradores que hayan iniciado sesión.

En primer lugar, conéctese a su sitio web mediante un cliente FTP o a través del administrador de archivos de su panel de control de alojamiento web y, a continuación, vaya a wp-content/themes/your-theme-folder/.

A partir de ahí, busque el archivo functions.php dentro de la carpeta de su tema activo y descargue una copia a su ordenador.

Descargar el archivo functions.php

A continuación, abra el archivo functions.php en un editor de texto y añada el siguiente código al final del archivo:

function maintenance_mode() {
    if ( !current_user_can( 'edit_themes' ) || !is_user_logged_in() ) {
        wp_die('Maintenance.');
    }
}
add_action('get_header', 'maintenance_mode');

Una vez hecho esto, guarda el archivo y vuelve a subirlo.

Para desactivar el modo de mantenimiento y permitir que los usuarios vean su sitio web, comente la última línea de la siguiente manera:

// add_action();

Importante

Editar manualmente los archivos de su sitio web puede potencialmente romper su sitio. Si no estás familiarizado con el uso de código, es mejor que se lo pidas a un profesional. También deberías hacer una copia de seguridad de tu sitio web antes de realizar cualquier cambio.

Bonificación: Cómo ocultar su sitio WordPress de Google

Lo normal es que oculte su sitio web a Google para evitar que los motores de búsqueda lo indexen. Esto impide que sus páginas web aparezcan en los resultados de búsqueda.

Puede ocultar su sitio de Google en la configuración de WordPress, utilizar un plugin de WordPress.org o editar uno de los archivos de su sitio. Examinemos cada método.

Método 1: Ocultar su sitio en los ajustes de WordPress

Este método impedirá que los motores de búsqueda indexen su sitio web y lo muestren en los resultados de búsqueda a los visitantes potenciales. Sin embargo, los usuarios podrán seguir accediendo a su sitio si visitan la URL directa.

Para ocultar su sitio WordPress hasta que esté listo, vaya a Ajustes " Lectura y seleccione 'Disuadir a los motores de búsqueda de indexar este sitio'. Esto hará que su sitio sea invisible para los motores de búsqueda y los visitantes.

Método 2: Ocultar su sitio de Google con un plugin

Para ocultar tu sitio a Google con un plugin, empieza descargando e instalando el plugin All In One SEO. Una vez que lo hayas activado, dirígete a cualquier entrada o página y haz clic en Editar.

A continuación, desplázate hasta debajo del editor, donde verás la configuración de SEO Todo en Uno. Para ocultar entradas y páginas de Google, desplácese hasta la sección "NOINDEX esta página/post".

A continuación, haz clic en la casilla para impedir que los motores de búsqueda muestren tu entrada o página en los resultados de búsqueda.

Cómo ocultar tu sitio WordPress de google con un plugin

Publica tus cambios y el plugin ocultará tu contenido para esa entrada o página específica de Google.

Método 3: Ocultar su sitio de los motores de búsqueda mediante el archivo robots.txt

También puede ocultar su sitio web de los motores de búsqueda editando el archivo robots.txt de su sitio. Esto puede ser un poco complicado para los principiantes, así que sólo utilice este método si está seguro de que sabe lo que está haciendo.

Puede editar su archivo robots.txt conectándose a su sitio mediante un cliente FTP o el "Administrador de archivos" de su proveedor de alojamiento de WordPress.

A continuación, tendrá que añadir estas líneas de código a su archivo robots.txt.

User-agent: *
Disallow: /your-page/

Sustituya "su página" por la URL que desea ocultar y guarde los cambios.

Cómo comprobar la visibilidad de su sitio web

Después de ocultar su sitio WordPress, es importante confirmar que realmente está oculto. Probar la visibilidad de tu sitio es sencillo pero esencial para confirmar que tu configuración funciona.

El primer paso es cerrar la sesión de tu cuenta de WordPress. Esto se debe a que, como administrador, es posible que aún tenga acceso al sitio web mientras está oculto al público. Su sitio web tiene que aparecer como lo haría a un visitante o usuario ordinario.

Después de cerrar la sesión, borra la caché de tu navegador. Este paso es importante para asegurarse de que su navegador no muestra una versión en caché de su sitio.

A continuación, intente acceder a su sitio de WordPress escribiendo su URL en la barra de direcciones del navegador. Tu sitio debería mostrar el modo de mantenimiento o la página "Próximamente" configurada por tu plugin en lugar del contenido de tu sitio web. El mensaje que aparezca dependerá de lo que hayas configurado en los ajustes del plugin.

Ejemplo de modo de mantenimiento

En caso de que tengas otro dispositivo (como un smartphone o un ordenador diferente) disponible, intenta acceder al sitio desde allí también. Los distintos dispositivos pueden tener configuraciones de caché diferentes, por lo que es una buena práctica comprobarlo desde varias fuentes.

Si es posible, no olvide comprobar cómo aparece su sitio en distintos navegadores, como Google Chrome, Firefox, Safari y otros, ya que los distintos navegadores pueden mostrar su sitio de forma diferente.

Además de la comprobación visual, también puede utilizar herramientas en línea como la herramienta de visibilidad de sitios web de WordPress de IsItWP para comprobar si su sitio es visible para los motores de búsqueda.

Si su sitio web muestra correctamente el modo de mantenimiento o la página "Próximamente" en todos los dispositivos y navegadores, puede estar seguro de que se ha ocultado correctamente. Sin embargo, si el contenido del sitio sigue siendo visible, es posible que tengas que volver a revisar la configuración del plugin y asegurarte de que está configurado correctamente.

Si el problema persiste, póngase en contacto con el servicio de asistencia del plugin o consulte su documentación de ayuda.

Preguntas frecuentes

¿Cómo puedo proteger mi sitio WordPress con una contraseña?

Para proteger con contraseña tu sitio WordPress, puedes utilizar un plugin de protección con contraseña o añadir una contraseña a páginas individuales. Para más información, consulta esta guía definitiva sobre cómo proteger WordPress con contraseña.

¿Cómo puedo crear un sitio de prueba en WordPress?

Para crear un sitio de ensayo en WordPress, puede utilizar un plugin como Duplicator. Le permite crear un duplicado de su sitio en el que puede trabajar sin afectar al sitio activo. Después de hacer cambios en el sitio de ensayo, puede empujarlos al sitio en vivo cuando esté listo.

Cómo empezar a ocultar su sitio de WordPress

Ahora ya conoce los métodos más sencillos para hacer que su sitio WordPress sea privado hasta que esté listo para su visualización pública.

El sencillo constructor de páginas de arrastrar y soltar de SeedProd hace que sea tan fácil ocultar su sitio web que puede hacerlo en minutos, sin necesidad de codificación. ¿Y lo mejor? Es una de las maneras más fáciles de aumentar sus tasas de conversión.

¿Listo para hacer privado tu sitio WordPress?

Esperamos que esta guía le haya resultado útil. Si te interesan más tutoriales útiles sobre WordPress, échales un vistazo:

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en dejarnos un comentario con tus preguntas y comentarios.

También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.