Como criar um site one page
Atualizado: 1 de mar.
O que são sites one page?
Um site one page tem seu conteúdo organizado em uma única página, com muitas imagens e pouco texto. O design de rolagem longa é uma das melhores opções de layout, pois permite controlar a ordem em que os visitantes absorvem o conteúdo. Esse formato simplificado também é adequado para sites mobile.
O site one page difere do site clássico, uma vez que o segundo, por outro lado, é mais comum no imaginário das pessoas: uma página inicial com links para outras páginas, como a de contato, serviços e perguntas frequentes.
Pronto para aprender tudo e criar um site one page hoje mesmo? Utilize um desses modelos de site de uma página.
Um site one page é a opção ideal para você?
Em um mundo onde somos constantemente bombardeados por notícias, mensagens instantâneas e atualizações em redes sociais, é fácil nos sentirmos exaustos com a sobrecarga de informações. Não acumule outro estresse ao criar seu site: opte por um site one page — também conhecido como site de uma página.
Anteriormente considerado uma tendência, esse tipo de site estratégico e simplificado tornou-se rotina na criação online. Em vez de iniciar a jornada do usuário com uma página inicial, os sites one page apresentam seu conteúdo em uma página de rolagem longa com seções.
Neste artigo, explicaremos por que e como criar um site de página única para o seu negócio.
Situações em que vale a pena criar um site one page:
Você tem um conteúdo em formato curto para apresentar, como uma página de destino, currículo, portfólio de fotografia, site de casamento ou qualquer site relacionado a eventos.
Você tem um objetivo claro que deseja que seus usuários cumpram.
Você tem tempo e recursos limitados e precisa criar um site rapidamente.
Você deseja que seu site seja compatível com uma ampla variedade de dispositivos.
Você consegue ajustar todo o seu conteúdo em uma página linear.
Você quer uma página de carregamento rápido e com desempenho otimizado.
Se você tem um grande volume de conteúdo indispensável, como páginas de produtos ou serviços em uma loja online, escolha um site clássico com várias páginas. Dessa forma, você dedicará uma página para cada categoria de conteúdo e poderá usar descrições longas e completas. Se quiser criar um blog, por exemplo, esse formato clássico permitirá que seus usuários naveguem por seus artigos individualmente.
Como criar um site one page?
1. Escolha um template de site one page
Para começar de maneira rápida e eficiente, você precisará de um template que inclua os elementos essenciais de um site one page, como um menu com âncoras, uma barra social e um rodapé completo, além de faixas.
Nossos designers criaram centenas de templates de sites one page totalmente personalizáveis para qualquer negócio.
Dica: escolha uma seção semântica pronta e personalize-a de acordo com as suas necessidades. O novo editor Wix irá sincronizá-la com o design do seu site para um visual coeso e profissional.
2. Elabore um plano de conteúdo
Ao criar a estrutura do seu site, o primeiro passo é organizar estrategicamente todo o conteúdo para que ele conte uma história lógica e intuitiva.
Comece criando a hierarquia tendo em mente a jornada dos visitantes. Apresente as suas mensagens principais “acima da dobra” para atraí-los antes que rolem pelo site e, em seguida, organize os conteúdos adicionais em ordem de prioridade.
Todo site precisa de uma seção Sobre e uma área com informações de contato. O restante dependerá das informações que você deseja e precisa fornecer aos visitantes. Pode ser a sua oferta, uma seção para apresentar a equipe, os produtos e serviços, depoimentos, perguntas frequentes e uma galeria de fotos.
Ao planejar seu site, lembre-se de manter o conteúdo o mais organizado possível para consolidar seu design. Remova qualquer informação irrelevante e mantenha o texto conciso.
3. Use efeitos de rolagem
Muitos designs de sites podem parecer um tanto unidimensionais, mas observe que os melhores sites one page adicionam efeitos como rolagem parallax para chamar a atenção do usuário e aumentar seu engajamento. Esse efeito de rolagem cria uma ilusão 3D, com camadas no segundo e no primeiro plano movendo-se em ritmos diferentes à medida que o usuário rola pelo site.
Dica: aprenda a criar efeitos parallax adicionando animações sutis, como aumentar o zoom ou revelar e esmaecer suas faixas.
4. Crie um menu com âncoras para vincular cada seção
No menu de um site one page, cada item é vinculado a uma seção diferente da mesma página, em vez de a uma página própria.
Para isso, você precisa definir suas seções e implementar âncoras. São necessárias três etapas para a criação de um menu com âncoras:
Adicione uma âncora: permita que os usuários naveguem facilmente para uma seção específica do seu site de página única com âncoras, que podem corresponder aos itens em seu menu. Muitos templates têm âncoras integradas, mas você pode renomeá-las, movê-las ou excluí-las de acordo com as suas necessidades.
Vincule o menu do seu site à âncora: isso permite que os usuários acessem a seção específica da página onde você adicionou a âncora. É importante que cada item em seu menu esteja vinculado à âncora correspondente ou seção do seu site.
Organize o seu menu: a ordem do seu menu deve corresponder à ordem das suas seções para facilitar o entendimento. Por exemplo, se você tiver um menu horizontal, o primeiro item do menu (digamos, "Sobre") deve estar alinhado com a primeira seção (também "Sobre") e assim por diante. Como os sites one page geralmente envolvem rolagem longa, é recomendado "congelar" seu menu para mantê-lo sempre visível. Você pode criar um menu flutuante ou, se o seu menu estiver no cabeçalho, ativar o botão "Congelar cabeçalho" para fixá-lo no topo.
5. Torne a navegação mais fácil
Permita que os visitantes voltem ao início do site com um botão "voltar ao topo". Este botão permanece fixo em seu site para que os visitantes possam acessá-lo mesmo quando estiverem no final da página.
6. Implemente um CTA eficaz
É importante que seu conteúdo não distraia os usuários de seu objetivo principal. Se você deseja que os visitantes se inscrevam em sua newsletter, solicitem um orçamento ou agendem um serviço, você precisa de um CTA para incentivá-los a realizar uma ação.
Posicione seu CTA — call-to-action, ou chamada para a ação — acima da dobra para garantir visibilidade, e vincule-o a uma âncora que direcione os visitantes a uma seção de alta prioridade. Por exemplo, se o CTA indicar “Fale conosco”, você pode ancorá-lo na seção “Contato”.
07. Inclua um rodapé completo
O rodapé é a área na parte inferior do seu site. A maioria das pessoas navega até lá para encontrar informações importantes, como o contato de uma empresa. Por esse motivo, seu rodapé é o local ideal para incluir detalhes de contato atualizados, links para suas redes sociais, horário de funcionamento, política de privacidade e termos e condições, quando relevante.
Se você tiver uma loja física, também poderá adicionar um mapa ao rodapé.
8. Incorpore suas contas de redes sociais
É importante vincular todos os aspectos da sua presença online ao seu site one page. Existem algumas formas de incorporar seus perfis sociais:
Adicione uma barra social: esta barra contém ícones que direcionam a todas as contas de redes sociais do seu negócio. Para criar uma barra social com o Wix, basta escolher uma opção de design para os ícones e adicionar links para as suas contas. Se quiser deixar a barra fixa — de forma que os usuários a vejam enquanto navegam pelo site — clique com o botão direito do mouse no elemento do Editor e selecione "Fixar na tela".
Adicione seu feed do Instagram: por que não expor os visitantes do site ao seu Instagram? Escolha um dos muitos layouts personalizados para exibir seu feed no site.
9. Adote práticas recomendadas de SEO
A otimização para motores de busca (SEO) é a prática de otimizar sua página para que ela tenha uma classificação mais alta em resultados de pesquisa para palavras-chave específicas, atraindo mais tráfego e clientes em potencial para o seu site.
Comece indexando o seu site no Google (ou seja, salvando-o no banco de dados). Quando você cria um site com o Wix, ele já vem com recursos de SEO que possibilitam uma indexação fácil e rápida. Após a indexação, aumente o destaque do seu site segmentando as palavras-chave corretas.
Dica: aumente seu conhecimento de SEO conferindo no Wix SEO Learning Hub informações mais detalhadas sobre as melhores práticas.
10. Torne seu site one page compatível com dispositivos móveis
Atualmente, a maioria das pessoas navega na internet a partir de smartphones, não do desktop. É também por isso que o Google agora usa a indexação mobile-first, ou seja, ele considera a versão mobile dos sites para determinar suas classificações.
O que isso significa para o seu negócio? Em poucas palavras, seu site precisa ter um visual e um funcionamento tão bom em um dispositivo móvel quanto no computador. Considerando que os sites one page oferecem legibilidade simplificada, você já começa com o pé direito ao selecionar esta opção.
Dica: o Wix cria automaticamente uma versão mobile do seu site que fica ótima em qualquer dispositivo. Basta acessar o Editor, alternar para o Editor mobile e visualizar o seu site em um dispositivo móvel. Se você quiser aprimorar seu design mobile, crie um site mobile totalmente responsivo com o Editor X, uma plataforma avançada de criação de sites do Wix. Além disso, com a tecnologia adaptativa do Wix, você pode personalizar e editar os elementos da versão mobile sozinho, ocultando determinados conteúdos ou reorganizando-os para melhor se adequarem à tela menor.
Melhore sua experiência mobile com uma barra de ação rápida. Como a barra social não é exibida em sites mobile, a barra de ação rápida permite que os visitantes pesquisem informações em seu site, como os detalhes de contato.
Por Equipe Wix
