Todos los sitios web requieren mantenimiento. Las actualizaciones y mejoras ocasionales son necesarias para mantenerse relevante en línea. A veces, estos cambios pueden interrumpir la experiencia del usuario y es mejor deshabilitar las páginas principales de un sitio web por un tiempo.
Ya sea que se trate de mantenimiento de rutina, actualizaciones de seguridad, rediseño o preparación de su sitio por primera vez, desea que los visitantes vean su sitio en su mejor momento. Para hacer esto, necesitas sitio en construcción en la URL principal cuando el sitio está fuera de línea.
El propósito principal de una página en construcción (o «página de servicio») es informar a los visitantes que su sitio no está disponible temporalmente. Sin embargo, una página de mantenimiento efectiva va más allá de actuar como un letrero virtual de «Cerrado»: debe diseñarse para mantener su base de clientes incluso sin que el sitio esté completamente operativo.
Además de ocultar todo su sitio, una página de mantenimiento bien diseñada también puede:
- Informe a sus visitantes por qué su sitio no está disponible temporalmente y cuándo estará disponible.
- Ofrezca a los visitantes la oportunidad de mantenerse conectados y/o proporcionar comentarios.
- El contenido de la oferta.
- Promocione el próximo lanzamiento para mantener a los visitantes comprometidos con su negocio.
- Optimice su sitio para los motores de búsqueda.
En esta publicación, veremos lo que constituye una página simple, informativa y efectiva en construcción para su sitio web, así como también presentaremos algunas prácticas recomendadas de diseño y plantilla para ayudarlo a mantener su presencia en línea durante el tiempo de inactividad.
sitio en construcción
El contenido de una página en construcción dependerá en gran medida de su negocio y del motivo del cierre del sitio, pero todas las páginas de mantenimiento deben contener tanto un mensaje para los usuarios como un elemento visual informativo. Después de agregarlos, puede considerar agregar otras funciones útiles. Analicemos cada uno de ellos a continuación.
Sitio web en construcción Mensaje
En el centro de su sitio web en construcción debe haber un mensaje corto que indique que su sitio está temporalmente inactivo. Un mensaje claro, simple e informativo brindará una mejor experiencia a sus clientes y preservará la imagen profesional de su sitio web.
En este mensaje, asegúrese de explicar por qué su sitio está inactivo. No tiene que ser largo, una oración es suficiente para proporcionar contexto. Si cree que sus visitantes necesitarán más información, puede vincular a una página con más detalles o proporcionar un método para comunicarse con su empresa si tiene preguntas.
También es importante «temporalmente» aquí. Sin informar que su sitio volverá pronto a la normalidad, los visitantes pueden olvidarse de regresar o asumir que su sitio está cerrado permanentemente. Como mínimo, informe que su nuevo sitio estará disponible pronto e incluya un período o una fecha si es posible. También te recomiendo que incluyas un formulario de registro básico para recibir actualizaciones sobre tu sitio web.
Dependiendo del tono que estés buscando, puedes resaltar en tu copy el inconveniente de un sitio inaccesible. Asegúrese de seguir las disculpas de agradecimiento y las garantías de que su sitio volverá pronto.
Aquí hay un ejemplo de una copia perfecta de una página de mantenimiento:

Sitio web en construcción Imagen
Si los usuarios visitan su sitio mientras está inactivo, no esperarán una página de mantenimiento. Colocar imágenes claras en su página junto a su mensaje minimizará la confusión sobre el estado de su sitio.
Intente aplicar el mismo aspecto a la página en construcción que al resto de su sitio y haga coincidir las imágenes con la imagen de su marca. Colocar su logotipo y usar la paleta de colores habitual de su empresa les indica a los visitantes que están en el lugar correcto, incluso si la página es más minimalista de lo que están acostumbrados.
Al igual que con las noticias, mantenga la visualización simple. Las imágenes adicionales solo deben actuar como indicaciones adicionales de que su sitio está fuera de línea, en construcción, etc. Menos es más para las páginas de mantenimiento: mantener informados a los visitantes es una prioridad principal aquí.
Sitio web en construcción para Foro público de Springfield equilibra eficazmente el estilo con la simplicidad de la visualización.

Otras funciones del sitio en construcción
Después de finalizar su mensaje y visualización, intente agregar elementos adicionales para optimizar la página de mantenimiento y mejorar la experiencia del usuario.
Datos de contacto
Un sitio web inactivo no significa actividad inactiva. Proporcione siempre a los clientes un canal en el que puedan ponerse en contacto con usted a través de la dirección de correo electrónico, el formulario de contacto y/o los enlaces de las redes sociales. Tener estos canales ayuda a mantener la confianza del cliente y muestra que cerrar un sitio no significa cerrar todas las comunicaciones. A nadie le gusta ser espiritual.
Palabras clave para mantenerse relevante en los motores de búsqueda
Si su sitio web existe desde hace mucho tiempo, es probable que haya creado una reputación en los motores de búsqueda con su estrategia de SEO. Un sitio web inactivo no es muy bueno para el SEO, pero puede minimizar el impacto negativo en los resultados de búsqueda orgánicos al incluir palabras clave relevantes en su texto. De esta manera, los motores de búsqueda sabrán que su sitio aún está disponible. Esto no significa saturar su página con palabras clave: asegúrese de que todo el texto sea relevante para su negocio y opte por la simplicidad y la claridad sobre todo lo demás.
llamadas a la acción
La página de mantenimiento puede servir como otro punto de contacto para su negocio. Considere agregar uno o más CTA para alentar a los visitantes a participar. Por ejemplo, un formulario de suscripción informa a los visitantes sobre el lanzamiento o la actividad del sitio. También puede dar a sus visitantes la opción de pre-ordenar, donar enlaces o contenido gratuito a cambio de su paciencia. Vea un ejemplo de un CTA de Flowdock adecuado a continuación y consulte nuestra lista de CTA recomendados para obtener más ideas.

tiempo de cuenta regresiva
Si tiene una fecha de inicio establecida, agregar un temporizador lleva el mensaje «pronto» a otro nivel. Agrega una cuenta regresiva solo cuando sepas la hora y la fecha exactas del lanzamiento de tu nuevo sitio y no dejes que el reloj se hunda en los negativos. Muchas de las plantillas de la página de mantenimiento ofrecen una opción de visualización de temporizador fácilmente programable.

Al seguir estas pautas de la página de mantenimiento, su sitio dará la impresión de que el tiempo de inactividad de su sitio es planificado y temporal.
7 plantillas de sitios web que recomendamos
Si está utilizando un CMS o un creador de sitios web para personalizar el aspecto de su sitio web, la plantilla que elija puede incluir una opción para las páginas en construcción. Por ejemplo, Mercado de activos de HubSpot ofrece plantillas para este propósito, al igual que complementos de creación de sitios web como Elementor.
También hay muchas otras opciones de plantillas HTML para crear una página de mantenimiento que puede descargar e implementar usted mismo. Aquí hay algunas plantillas que recomendamos para uso o inspiración:
1. POWER de la agencia maka
La próxima página de POWER tiene un cronómetro en un lugar destacado, lo que la convierte en una excelente opción para generar expectación antes del lanzamiento. La copia del mensaje también es transparente en la parte superior de la página y los usuarios pueden desplazarse para obtener más información y llamadas a la acción.

2. B2B por 310 Creativo
Para una plantilla de página de mantenimiento robusta con una imagen destacada, pruebe la plantilla 310 B2B de Creative. Este diseño prioriza la imagen para indicar que el sitio está en mantenimiento y mueve el texto descriptivo hacia abajo. Una plantilla B2B es perfecta para un lanzamiento de mercado con un elemento visual importante, como el lanzamiento de un producto o un cambio de marca.

3. Próximamente plantilla V16 de Colorlib
Colorlib crea una gama de plantillas de página de mantenimiento elegantes y fáciles de usar. El V16 divide la página en una pantalla de mensajes fácil de leer, espacio para una imagen y un temporizador. También hay un formulario de entrada intuitivo para que los clientes reciban actualizaciones por correo electrónico.

4. Penal de NattyWP
La sanción es directa al colocar el logotipo de su empresa, el texto del título y un mensaje al frente y al centro. Esta plantilla adquiere estilo pero se enfoca en resaltar el contenido en su página de servicio.

5. Próximamente plantilla V21 de Colorlib
V21 le da un aspecto limpio y elegante a su sitio web en construcción. Incluye un temporizador limpio y simple y un énfasis más sutil en el texto del mensaje y los enlaces a los botones. Los bordes desteñidos combinan un estilo moderno.

6. Cochecito inteligente Anish Trehan
Smart Cart es otra opción sólida para su sitio web en construcción, especialmente si desea resaltar su marca e información de contacto. Esta plantilla tiene como valor predeterminado el nombre de su empresa, con información más destacada en la parte inferior. También hay espacio para una presentación silenciada del texto del mensaje, el formulario de correo electrónico y los enlaces de las redes sociales.

7. Adviento de StyleShout
Advent pondrá todo el contenido importante de su sitio web en construcción en la parte superior de la pantalla, incluido el logotipo de su empresa, el mensaje, el temporizador y la CTA, sin desorden. Esta plantilla altamente personalizable incluso le permite incrustar formularios de Google Maps y Mailchimp.

Aunque temporal, la página en construcción sigue siendo una parte esencial de su sitio web. Contribuye a la imagen y reputación de su empresa en Internet y debe diseñarse de esa manera. No deje a los visitantes en el limbo: cree un lado de mantenimiento reflexivo y seguro que los entusiasme por volver.








