Cómo crear una página web en construcción

El esfuerzo que requiere renovar o reparar tu sitio web puede parecer abrumador. Primero, tienes que ocultar el sitio tras bambalinas: no puedes permitir que nadie curiosee mientras está en construcción. Segundo, cuando el sitio se vuelve inaccesible, los visitantes se confunden. Nadie quiere perder clientes, tráfico o posicionamiento en Google porque el sitio no está disponible temporalmente.

La buena noticia es que existe una solución sencilla: implementar una página en construcción en tu sitio web. Un diseño inteligente de tu página en construcción protege la reputación de tu marca y previene repercusiones negativas en el SEO.

Aprende a crear tu página web en construcción para obtener la máxima efectividad.

¿Qué es y para qué sirve crear una página web en construcción?

Una página en construcción es un marcador de posición que se muestra cuando un sitio web está experimentando cambios importantes. Su propósito es informar a los visitantes que el sitio no está disponible temporalmente. 

Mientras está en construcción, el sitio no será navegable. Esto evita que los usuarios encuentren enlaces rotos y contenido incompleto. Es como poner un letrero de «Cerrado por reformas» en el escaparate de una tienda.

¿Cuáles son los beneficios de la señalización en construcción?

Crear una página web de sitio en construcción ofrece una mejor experiencia al cliente porque ayuda a los visitantes a entender por qué tu sitio ha cambiado y cuándo regresará. También puede aumentar el reconocimiento de marca, especialmente si tienes un negocio nuevo. 

Convierte el modo en construcción en una oportunidad de marketing. Genera expectación y recopila correos electrónicos hasta que el sitio esté activo. Mientras tanto, puedes redirigir el tráfico web a plataformas de redes sociales como Instagram, Facebook o LinkedIn, para que los clientes puedan seguir interactuando (e incluso comprando) con tu negocio.

Casos de uso para una página en construcción

Querrás poner tu página web en mantenimiento siempre que necesites reparaciones o actualizaciones importantes:

• Rediseños y reconstrucciones considerables. Úsala cuando estés renovando completamente tu sitio existente, por ejemplo, cambiando plataformas de hosting, rediseñando la marca o reestructurando tus categorías de productos.
• Mantenimiento del backend. A veces, por razones de seguridad, debes realizar actualizaciones críticas o correcciones de errores que requieren que todo el sitio esté offline por un período corto para preservar la integridad de los datos.
• Etapa de desarrollo inicial. Cuando has registrado un dominio pero no estás listo para lanzar tu tienda online, puedes usar una página en construcción para notificar a los visitantes que se está trabajando en el sitio. Conforme te acerques a la fecha de lanzamiento, puedes cambiarla por una página de «próximamente».

Cuándo usar una página de «próximamente»

Una página de «próximamente» funciona igual que una página en construcción: ambas son marcadores de posición, pero la de «próximamente» sirve un propósito de marketing más estratégico. Una página en construcción sugiere que algo está roto y lo estás arreglando. El objetivo es controlar el daño y establecer expectativas sobre la no disponibilidad. 

Una página de «próximamente» trata de generar expectación por algo como un sitio renovado o una nueva tienda. Fomenta el engagement, a menudo a través de suscripciones por correo, seguimiento en redes sociales o incluso preventa.

Aquí tienes cuándo usar una página de «próximamente» en lugar de una página en construcción:

• Lanzamiento de nuevo sitio web. Genera expectación y recopila direcciones de correo de futuros clientes interesados en tus productos antes de que tu tienda de comercio electrónico abra.
• Prelanzamiento de nuevo producto/colección. Para anunciar una nueva línea de productos, puedes usar la página de «próximamente» para medir la demanda ofreciendo preventas, permitiendo a los clientes reservar artículos antes del lanzamiento oficial.
• Rebranding. Promociona una nueva identidad de marca para generar interés por el nuevo aspecto y sensación.
• Promoción de evento/venta. Usa un mensaje de «próximamente» para anunciar una venta flash planificada, un lanzamiento exclusivo, un evento estacional o promoción especial, y recopila suscripciones por correo para enviar notificaciones.

Cómo crear una página web en construcción en Shopify

Cuando tu sitio web requiere reparaciones importantes o mantenimiento, necesitas activar el modo en construcción (a veces llamado modo mantenimiento), que oculta tu sitio y alerta a los visitantes interesados para que regresen más tarde. Shopify tiene una forma rápida y fácil de hacerlo:

Usa la página con contraseña integrada de Shopify

Esta es la forma más rápida y sencilla de poner tu tienda en modo mantenimiento. Shopify proporciona una página protegida con contraseña predeterminada que puedes habilitar y personalizar. No se requiere conocimiento de programación. Solo sigue estos pasos:

1. Ve al panel de control de Shopify.
2. Dirígete a «Tienda Online > Preferencias».
3. Encuentra la sección «Acceso a la Tienda»
4. Selecciona «Protección con contraseña».

5. Marca la casilla junto a «Restringir acceso a visitantes con contraseña».
6. Introduce una contraseña en el campo proporcionado que compartirás con cualquiera a quien quieras otorgar acceso (como miembros del equipo y beta testers).
7. Para crear la página web en construcción, añade un mensaje para tus visitantes en el campo de texto proporcionado. No dejes el campo en blanco, o los visitantes se confundirán. Unas pocas líneas suelen ser suficientes.

8. Haz clic en «Guardar».

Una vez que actives la protección con contraseña, aparece una página con contraseña cada vez que alguien visita tu sitio web, evitando el acceso no deseado. Esto, en efecto, se convierte en la página en construcción (o página de «próximamente», en su caso). La página tiene algunas características especiales:

• Sus propias secciones de encabezado y pie de página en el editor de temas, distintas de las páginas típicas del sitio.
• Una sección de banner de suscripción por correo para dar a los clientes una forma de suscribirse y recibir notificaciones cuando tu sitio web reabra.

Editar la configuración de la página con contraseña

La página con contraseña es completamente personalizable. Edita el contenido, esquema de colores y fuentes en el editor de temas de Shopify. Las configuraciones de personalización varían dependiendo del tema y las plantillas. Explora las opciones de edición siguiendo estos pasos:

1. Desde tu panel de control de Shopify, ve a «Tienda Online > Temas».
2. Encuentra el tema a editar y haz clic en «Editar Tema».
3. Haz clic en el menú desplegable de «Página de inicio» y luego haz clic en «Contraseña».

Para editar las secciones en la página con contraseña:

1. Haz clic en la sección que quieres editar. La mayoría de los temas permiten editar las secciones de encabezado, contenido, plantilla de construcción y pie de página.
2. Haz cambios. Por ejemplo, añade el logo de tu marca al encabezado, añade un banner de suscripción por correo y mensaje personalizado, y añade enlaces de redes sociales al pie de página.
3. Opcionalmente, añade otras secciones y bloques a tu página con contraseña con más detalles.
4. Haz clic en «Guardar».

Cómo configurar tu página web en construcción con un plugin

Otra forma de crear una página web en construcción es usar un plugin de WordPress o una aplicación similar de Shopify desde la tienda de aplicaciones de Shopify. Los plugins gestionan las complejidades técnicas, para que puedas diseñar y activar la página sin conocimientos de programación.

Aquí están los pasos generales para WordPress, una plataforma popular para estos plugins:

1. Iniciar sesión. Inicia sesión en tu «Panel de Administración» de WordPress. Ve a tudominio.com/wp-admin.
2. Encontrar un plugin. Navega a «Plugins» en la barra lateral, haz clic en «Añadir nuevo». En la barra de búsqueda, escribe el nombre del plugin de plantilla en construcción que hayas elegido. Algunos plugins lo llaman página de modo mantenimiento.
3. Instalar el plugin. Localiza el plugin en los resultados de búsqueda, haz clic en «Instalar ahora» y luego en «Activar».

Puedes configurar el plugin bajo el menú «Ajustes» (o en un nuevo menú dedicado para el plugin en tu barra lateral de WordPress).

Las configuraciones exactas variarán según el plugin, pero generalmente seguirás estos pasos:

1. Habilitar el modo en construcción» o página de mantenimiento. Busca un interruptor u opción de estado para activar el modo.
2. Diseñar tu página. Elige una de las plantillas de sitio web en construcción y luego personaliza el contenido. Edita el titular, subtítulo y texto del cuerpo para comunicar claramente que tu sitio está en construcción y por qué.
3. Subir recursos. Sube tu logo y selecciona colores de marca y fuentes. Incluye elementos clave como un temporizador de cuenta regresiva, formulario de suscripción por correo, enlaces de redes sociales e información de contacto.
4. Excepciones opcionales. Podrías querer excluir a algunos usuarios (ej., administradores, editores) de ver la página en construcción, para que tu equipo pueda seguir accediendo y trabajando en el sitio en vivo mientras los visitantes ven la página temporal.
5. Gestionar configuraciones SEO. Configura el título SEO y la meta descripción para tu página en construcción. Si el sitio ya estaba publicado y necesitas realizar tareas temporales, asegúrate de que el plugin envíe un código de estado HTTP 503 (Servicio no disponible), indicando a los motores de búsqueda que el mantenimiento es temporal y que deben volver a rastrear más adelante. Una configuración adecuada durante este proceso es clave para evitar problemas de indexación y mantener la salud SEO del sitio.
6. Integrar con marketing por correo. Algunos plugins pueden integrarse con servicios de marketing por correo (como Mailchimp y Kit) que facilitan añadir nuevas suscripciones a tus listas.
7. Previsualizar y publicar. Usa la función de previsualización del plugin para ver el aspecto que tendrá tu página para los visitantes en diferentes dispositivos (escritorio, tablet, móvil). Una vez que estés satisfecho, guarda tus cambios y actívalos.

Cómo hacer que tu sitio web en construcción vuelva a ser accesible

Cuando estés listo para poner tu sitio web online de nuevo, si usaste la configuración de protección con contraseña integrada en Shopify, simplemente regresa a la misma sección y desmarca la casilla «Restringir acceso», luego guarda el cambio.

Para plugins, puedes regresar a las configuraciones del plugin y cambiar el estado a desactivado. Tu sitio web completo se volverá visible al público una vez más.

Qué incluir al crear una página web en construcción para no perder tráfico ni posicionamiento SEO

• Titular llamativo y texto explicativo
• Fecha de lanzamiento esperada o progreso
• Elementos visuales atractivos
• Llamadas a la acción (CTAs) claras
• Palabras clave SEO
• Información de contacto
• Enlaces de redes sociales

Esto es lo que debes incluir en tu página en construcción:

Titular llamativo y texto explicativo

Escribe un mensaje amable para el usuario que informe a los visitantes de que la página web está en construcción o no está disponible temporalmente. Mantén un tono positivo y explica brevemente por qué el sitio está en construcción. Los visitantes aprecian estar al tanto. Responde preguntas importantes como:

• ¿Por qué está cerrado el sitio?
• ¿Cuándo abrirá?
• ¿Adónde puedo dirigirme para seguir haciendo negocios?
• ¿Cómo puedo contactar contigo?

Baking a Difference es un ejemplo de cómo crear una página en construcción que muestre cuidado por la audiencia. En este ejemplo, la empresa indica a los visitantes que la tienda está siendo construida y que se ha retrasado debido a un problema técnico, y da una fecha objetivo para la reapertura para establecer expectativas. 

También añade un logo para reforzar la marca e invita a los visitantes a suscribirse a una lista de notificaciones por correo. Los iconos de redes sociales están en el pie de página, en la parte inferior de la página. Esta página simple, directa e informativa elimina el misterio de estar offline.

Fecha de lanzamiento esperada o progreso

Siempre que sea posible, añade una cronología de cuándo tu tienda estará completamente operativa. Podría ser una fecha específica, una fecha estimada o una barra de progreso. Esto les indica a los visitantes que se mantengan atentos y les da una razón para volver. 

Si los usuarios encuentran una página en blanco, no sabrán por qué el sitio no está disponible. El vacío absoluto es una oportunidad perdida para informar e involucrar a los visitantes.

El minorista de joyería gótica GRIM añadió algo de información (el sitio abre pronto) y algo más de contexto (el sitio está siendo probado) en su página web en construcción.

Aunque no ofrecía cronología, al menos el visitante se podía hacer una idea de lo que está pasando tras las bambalinas. Y el icono social en el pie de página les ofrecía otra forma de mantenerse al tanto.

Elementos visuales atractivos

Incluso una página en mantenimiento debe ser profesional. Usa imágenes de alta calidad, tu logo y una imagen de fondo o un color atractivo que refleje la estética de tu marca. Nada resulta más amateur que una página en construcción genérica o, peor aún, completamente vacía. Los clientes y motores de búsqueda podrían asumir que el sitio ha cerrado para siempre.

La página en construcción de la tienda de ropa Moonless incluía colores de marca, el logo de la tienda, un carrusel de imágenes de productos y una opción de suscripción por correo. Fíjate cómo la fecha de lanzamiento se muestra en un lugar preferente, lo que establece expectativas claras.

Llamadas a la acción (CTAs) claras

A la hora de crear una página web en construcción, recuerda guiar a los visitantes hacia qué hacer a continuación, añadiendo un botón de llamada a la acción. Ofrece opciones como suscripción por correo y enlaces de seguimiento en redes sociales para mantener el interés de los visitantes y capturar leads.

En el ejemplo de BYTAVI, una tienda de moda de comercio justo, puedes observar mensajes personalizados en la página en construcción, diciéndoles a los visitantes que el sitio abre pronto con un botón CTA de suscripción por correo. 

Los enlaces a Facebook e Instagram aparecen en el pie de página, para que los clientes interesados puedan seguirles y mantenerse involucrados. La fuente y los colores de fondo añaden un toque de marca personalizado.

Palabras clave SEO

Cuando tu sitio está offline, necesitas mantener la optimización para motores de búsqueda (SEO) en soporte vital. No dejes que tu posicionamiento en buscadores decaiga. 

Para mantener el SEO activo, añade palabras clave relevantes en el título, meta descripción y texto del cuerpo de la página en construcción. Esto da a los motores de búsqueda algo que rastrear, indicando que tu sitio tiene pulso, aunque esté temporalmente offline.

Si estás usando un plugin para gestionar el modo en construcción, prueba que tu página envíe un código de estado HTTP 503 de servicio no disponible a los motores de búsqueda. Esto les dice que el sitio está temporalmente caído por mantenimiento, ayudando a mantener tu posicionamiento SEO. Si estás usando Shopify, esto sucederá automáticamente.

Información de contacto

Al crear tu página de sitio en construcción, añade información de contacto relevante para facilitar que clientes potenciales y socios se pongan en contacto contigo para consultas urgentes. Puedes incluir una dirección de correo electrónico, número de teléfono o un formulario de contacto simple: todo lo que incluirías en tu página de contacto.

Por ejemplo, el minorista de ropa deportiva Athleia House of Versatile utilizó una página en construcción que incluía un mensaje positivo en el encabezado, junto con el logo de la marca. 

Al frente y al centro disponía de un formulario de contacto simple y varios iconos de redes sociales en el pie de página. Los visitantes que llegaban aquí eran conscientes de que el sitio está siendo construido, para abrirse en un futuro próximo.

Enlaces de redes sociales

Añade enlaces a tus perfiles de redes sociales en Instagram, Facebook, TikTok, etc. Estos dan a los clientes un canal alternativo con el que interactuar con tu marca hasta que el sitio vuelva a estar online. En tus feeds de redes sociales, puedes añadir actualizaciones del estado del sitio web y responder a consultas.