Site em construção: como indicar que seu site está passando por melhorias?

O esforço necessário para reformular ou reparar seu site pode parecer assustador. Primeiro, você precisa esconder o site (não pode ter ninguém bisbilhotando enquanto está em construção). Segundo, quando o site fica inacessível, os visitantes ficam confusos. Ninguém quer perder clientes, tráfego ou posicionamento no Google porque o site está temporariamente indisponível.

A boa notícia é que existe uma solução direta: adicionar uma página “Em Construção” ao seu site. O design inteligente da sua página em construção protege a reputação da marca e previne repercussões negativas na otimização para mecanismos de busca (SEO).

Aprenda como criar e lançar sua página de “Site em construção” para a máxima efetividade.

O que é uma página de “site em construção”?

Uma página de “Site em construção” é um espaço reservado exibido quando um site está passando por grandes mudanças. O propósito é informar aos visitantes que o site está temporariamente indisponível. Enquanto estiver em construção, o site não será navegável. Evita que usuários encontrem links quebrados e conteúdo incompleto. É como colocar uma placa “Fechado para reforma” na vitrine de uma loja.

Quais são os benefícios da sinalização “Site em construção”?

Criar uma página de “Site em construção” oferece uma experiência melhor ao cliente porque ajuda os visitantes a entenderem por que seu site mudou e quando voltará. Também pode aumentar o reconhecimento da marca, especialmente se você é um novo negócio. Transforme o modo construção em uma oportunidade de marketing. Crie expectativa e colete e-mails de cadastro até o site ficar no ar. Enquanto isso, você pode redirecionar o tráfego web para plataformas de redes sociais como Instagram, Facebook e LinkedIn, para que os clientes possam continuar engajando com a empresa.

Casos de uso para uma página de “Site em construção”?

Você vai querer ativar o modo “em construção” sempre que precisar de correções ou atualizações importantes pelas razões a seguir.

• Redesigns e reconstruções importantes: use uma quando estiver reformulando completamente seu site existente (por exemplo, mudando plataformas de hospedagem, fazendo rebranding com um novo design, ou reestruturando suas categorias de produtos).
• Manutenção de back-end: às vezes, por razões de segurança, você deve realizar atualizações críticas ou correções de bugs que exigem que todo o site fique off-line por um período curto para preservar a integridade dos dados.
• Estágio inicial de desenvolvimento: quando você registrar um domínio e não está pronto para lançar sua loja on-line, pode usar a página para notificar visitantes que o trabalho está em andamento no site. Conforme se aproxima da data de lançamento, você pode mudar a página de “Site em construção” para uma página “Em breve”.

Quando usar uma página “Em breve”?

Uma página “Em breve” funciona como uma página de “Site em construção” (ambas são espaços reservados, mas “Em breve” serve um propósito de marketing mais estratégico). Uma página de “Site em construção” sugere que algo está quebrado e você está consertando. O objetivo é controle de danos e definir expectativas sobre a indisponibilidade. Uma página “Em breve” é sobre construir expectativa para algo como um site com nova marca ou uma nova loja. Ela encoraja o engajamento (frequentemente por meio de cadastros de e-mail, seguidores nas redes sociais ou até pré-vendas).

A seguir, entenda quando usar uma página “Em breve” em vez de uma página de “Site em construção”.

• Lançamento de novo site: construa expectativa e colete endereços de e-mail de futuros clientes interessados em seus produtos antes da sua loja de ecommerce abrir.
• Pré-lançamento de novo produto/coleção: para anunciar uma nova linha de produtos, você pode usar a página “Em breve” para medir a demanda oferecendo pré-vendas, permitindo que clientes reservem itens antes do lançamento oficial.
• Rebranding: provoque uma nova identidade de marca para gerar interesse pelo visual e sensação renovados.
• Promoção de evento/liquidação: use uma mensagem “Em breve” para anunciar uma liquidação relâmpago planejada, evento sazonal ou promoção especial, e colete cadastros de e-mail para enviar notificações.

Como colocar seu site Shopify como um “site em construção”?

Quando seu próprio site requer correções ou manutenção importantes, você precisa ativar o modo “em construção” (às vezes chamado de “modo manutenção”), que esconde seu site e alerta visitantes interessados para voltarem mais tarde. A Shopify tem uma maneira rápida e fácil de fazer isso.

Use a página com senha integrada da Shopify

Esta é a maneira mais rápida e simples de colocar sua loja em construção. A Shopify fornece uma página padrão protegida por senha que você pode habilitar e personalizar. Conhecimento de programação não é necessário. Apenas siga os seguintes passos:

1. Acesse o admin da Shopify.

2. Acesse “Loja on-line” > “Preferências”.

3. Encontre a seção “Restringir acesso à Loja”/“Proteção por senha”.

4. Marque a caixa ao lado de “Restringir acesso a visitantes com a senha”.

5. Digite uma senha no campo fornecido que você compartilharia com qualquer pessoa a quem deseja conceder acesso (como membros da equipe e testadores beta).

6. Adicione uma mensagem para seus visitantes no campo de texto fornecido. Não deixe o campo em branco, ou os visitantes ficarão confusos. Algumas linhas geralmente são suficientes.

7. Clique em “Salvar”.

Quando você ativar a proteção por senha, uma página com senha é exibida sempre que alguém visita seu site, prevenindo acesso indesejado. Isso, na prática, se torna a página de “Site em construção” (ou página “Em breve”). A página tem algumas características especiais:

• as próprias seções de cabeçalho e rodapé no editor de tema, distintas das páginas típicas do site;
• uma seção de banner de cadastro de e-mail para dar aos clientes uma maneira de se inscreverem para receber notificações quando seu site estiver novamente disponível.

Editar configurações da página com senha

A página com senha é totalmente personalizável. Edite seu conteúdo, esquema de cores e fontes no editor de tema da Shopify. As configurações de personalização variam dependendo do tema e templates. Explore opções de edição seguindo os passos a seguir.

1. Do seu admin Shopify, acesse “Loja on-line” > “Temas”.

2. Encontre o tema para editar e clique em “Personalizar”.

3. Clique no menu suspenso da “Página inicial”, e então clique em “Senha”.

Para editar as seções na página com senha:

1. Clique na seção que deseja editar. A maioria dos temas permite edição das seções cabeçalho, conteúdo, template de construção e rodapé.

2. Faça mudanças. Por exemplo, adicione o logo da sua marca ao cabeçalho, adicione um banner de cadastro de e-mail e mensagem personalizada, e adicione links de redes sociais ao rodapé.

3. Opcionalmente, adicione outras seções e blocos à sua página com senha com mais detalhes.

4. Clique em “Salvar”.

Como colocar sua loja on-line como um “site em construção” com um plugin?

Outra maneira de configurar uma página de “Site em construção” é usar um plugin do WordPress ou app similar do Shopify da Shopify App Store. Plugins lidam com as complexidades técnicas, então você pode projetar e ativar a página sem conhecimento de programação.

Aqui estão os passos gerais para WordPress, uma plataforma popular para estes plugins:

1. Faça login: no seu Painel Admin do WordPress (acesse seudominio.com/wp-admin).

2. Encontre um plugin: navegue para “Plugins” na barra lateral, clique em “Adicionar Novo”. Na barra de pesquisa, digite o nome do plugin de template em construção que você escolheu. Alguns plugins chamam de “página de modo manutenção”.

3. Instale o plugin: localize o plugin nos resultados da pesquisa, clique em “Instalar agora” e depois em “Ativar”.

Você pode ajustar as configurações no menu “Configurações” (ou um novo menu dedicado para o plugin na sua barra lateral do WordPress). As configurações exatas variam por plugin, mas geralmente, você seguirá os passos a seguir.

1. Habilite o modo em construção ou página de manutenção: procure por um botão de alternância ou opção de status para ativar o modo.

2. Projete sua página: escolha um dos templates de site de construção e então personalize o conteúdo. Edite o título, subtítulo e texto do corpo para comunicar claramente que seu site está em construção e por quê.

3. Faça upload de recursos: faça upload do seu logo e selecione cores da marca e fontes. Inclua elementos-chave como cronômetro regressivo, formulário de cadastro de e-mail, links de redes sociais e informações de contato.

4. Exceções opcionais: você pode querer excluir alguns usuários (por exemplo, administradores, editores) de verem a página de “Site em construção” para que sua equipe ainda possa acessar e trabalhar no site ao vivo enquanto visitantes veem a página temporária.

5. Gerencie configurações de SEO: configure o título SEO, metadescrição e palavras-chave para sua página de “Site em construção”. Certifique-se de que o plugin envia o código de status HTTP correto (um “503 – Serviço Indisponível” para o “modo manutenção”), que indica aos mecanismos de busca para verificarem mais tarde, sem prejudicar seus rankings nos resultados de pesquisa.

6. Integre com e-mail marketing: alguns plugins podem integrar com serviços de e-mail marketing (como Mailchimp e ConvertKit) que facilitam adicionar novos cadastros às suas listas.

7. Visualize e publique: use o recurso de visualização do plugin para ver como sua página aparecerá para visitantes em diferentes dispositivos (desktop, tablet, mobile). Quando estiver satisfeito, salve suas mudanças e ative-as.

Como tornar seu site acessível novamente

Quando tudo estiver pronto para colocar o site on-line novamente, se você usou a configuração de proteção por senha integrada na Shopify, simplesmente volte para a mesma seção, desmarque a caixa “Restringir acesso” e depois salve a mudança.

Para plugins, você pode voltar às configurações do plugin e alternar o status para “desligado” ou “desativado”. Seu site completo então se tornará visível ao público novamente.

O que incluir em uma página de “site em construção”?

• Título atrativo e texto explicativo
• Data de lançamento esperada ou progresso
• Visuais envolventes
• Chamadas para ação (CTAs) claras
• Palavra-chave SEO
• Informações de contato
• Links de redes sociais

A seguir, veja o que incluir na sua página de “Site em construção”.

Título atrativo e texto explicativo

Escreva uma mensagem amigável ao usuário dizendo aos visitantes que o site está temporariamente indisponível ou sendo construído. Mantenha um tom positivo e explique brevemente por que o site está em construção. Visitantes apreciam estar atualizados. Responda perguntas importantes como…

• Por que o site está fechado?
• Quando vai abrir?
• Posso acessar outro lugar para fazer negócios com vocês?
• Como posso entrar em contato?

Baking a Difference é um exemplo de como uma página de “Site em construção” pode demonstrar cuidado com o público. Ela diz aos visitantes que a loja está sendo construída e que está atrasada devido a um problema técnico, e fornece uma data para reabertura para definir expectativas. Também adiciona um logo para reforçar a marca e convida visitantes a se cadastrarem para uma lista de notificação por e-mail. Ícones sociais estão no rodapé na parte inferior da página. Esta página simples, direta e informativa tira o mistério de estar off-line.

Data de lançamento esperada ou progresso

Sempre que possível, adicione uma linha do tempo para quando sua loja estará totalmente operacional. Pode ser uma data específica, uma data estimada ou uma barra de progresso. Isso diz aos visitantes para ficarem ligados e dá uma razão para retornarem. Se usuários encontrarem uma página em branco, não saberão por que o site está indisponível. O vazio imenso é uma oportunidade perdida de informar e engajar visitantes.

Por exemplo, esta página protegida por senha usa um logo e um fundo colorido, mas não há nada para explicar por que o site está fora do ar, em construção ou quando ficará on-line novamente. Isso provavelmente causará confusão.

Compare com a página de “Site em construção” da varejista de joias góticas GRIM. Há algumas informações (site abrindo em breve) e, no cabeçalho, mais contexto (o site está sendo testado) junto com o link “Entrar usando senha” no canto superior direito. Não oferece um cronograma, pelo menos o visitante tem uma ideia do que está acontecendo nos bastidores. E o ícone social no rodapé dá outra maneira de acompanhar.

Visuais envolventes

Mesmo uma página temporária deve ser profissional. Use imagens de alta qualidade, seu logo e uma imagem de fundo atraente ou cor que reflita a estética da sua marca. Nada gera mais uma sensação de amadorismo do que uma página de “Site em construção” genérica (ou pior, nada).

A página de “Site em construção” da loja de roupas Moonless inclui cores da marca, o logo da loja, um carrossel de imagens de produtos e uma opção de cadastro de e-mail. Note como a data de lançamento é exibida em destaque, o que define expectativas claras.

Chamadas para ação (CTAs) claras

Guie visitantes em direção ao que fazer em seguida adicionando um botão de chamada para ação (CTA). Ofereça opções como cadastro de e-mail e links para seguir nas redes sociais para manter o interesse dos visitantes e capturar leads.

Na BYTAVI, uma loja de moda de comércio justo, vemos mensagens personalizadas na página de “Site em construção”, dizendo aos visitantes que o site está abrindo em breve com um botão CTA de cadastro de e-mail. Links para Facebook e Instagram aparecem no rodapé, para que clientes interessados possam seguir você e continuar engajados. A fonte e cores de fundo adicionam um toque de branding personalizado.

Palavras-chave SEO

Quando seu site está off-line, você precisa manter a otimização para mecanismos de busca (SEO) em suporte básico. Não deixe seu ranking nos mecanismos de busca cair. Para manter o SEO ativo, adicione palavras-chave relevantes no título da página de “Site em construção”, metadescrição e texto do corpo da mensagem. Isso dá aos mecanismos de busca algo para rastrear, comunicando que seu site tem pulso, embora esteja temporariamente off-line.

Se você está usando um plugin para lidar com o modo em construção, teste se sua página envia um código de status “HTTP 503 – Serviço Indisponível” para mecanismos de busca. Indica que o site está temporariamente fora do ar para manutenção, preservando seu ranking de SEO. Se você está usando a Shopify, isso acontecerá automaticamente.

Informações de contato

Adicione informações de contato relevantes para facilitar que clientes potenciais e parceiros entrem em contato para consultas urgentes. Você pode incluir um endereço de e-mail, número de telefone ou um formulário simples de contato por e-mail (tudo o que incluiria na sua página “Fale conosco”).

Por exemplo, a varejista de roupas athleisure Athleia House of Versatile tem uma página de “Site em construção” que inclui uma mensagem positiva no cabeçalho, junto com o logo da marca. No centro está um formulário de contato simples, e vários ícones sociais no rodapé. Os visitantes estarão bem cientes de que o site está sendo construído, para ser revelado num futuro próximo.

Links de redes sociais

Adicione links para seus perfis de redes sociais no Instagram, LinkedIn, Facebook etc. Estes dão aos clientes um canal alternativo para engajar com sua marca até o site voltar on-line. Nos seus feeds de redes sociais, você pode adicionar atualizações de status do site e responder consultas.