Como criar um site de uma página com qualquer tema WordPress

Recebemos muitas perguntas sobre como criar um site de uma página ou se vendemos temas WordPress de uma página. Deixe-me responder a essas duas perguntas logo no início. Cada tema do WordPress pode ser um site de uma página e eu vou te mostrar como é simples.

O que é um site de uma página?

Um site de uma página nada mais é do que um site com todo o conteúdo essencial em uma única página, geralmente a página inicial.

É usado principalmente por empresas que desejam promover um único produto ou serviço de maneira clara e direta . Alguns exemplos são apresentar um portfólio para seus clientes, organizar um evento ou iniciar um novo negócio.

Quando estiver em um site de uma página, um clique nos links de navegação não o enviará para uma nova página, mas pulará ou rolará para baixo na mesma página para a seção de conteúdo conectada ao link. Isso pode tornar a experiência do usuário muito melhor e aumentar o engajamento do usuário.

Existem muitos temas WordPress de uma página disponíveis online, mas como eu já disse, podemos transformar qualquer tema em uma página com apenas um pouco de trabalho.

Como criar um site de uma página com o WordPress?

Links âncora

Para um site básico de uma página, tudo o que precisamos é de um menu , conteúdo e links âncora . Acredito que todos vocês saibam o que o menu e o conteúdo fazem, então vamos falar um pouco sobre links âncora. Links de âncora são feitos a partir de um link normal, que aponta para a âncora e para a própria âncora. Links que apontam para a âncora são links normais, que começam com o caractere # . E a âncora em si é um lugar específico em algum lugar da sua página. Vamos dar uma olhada em um exemplo simples.

Este é o nosso link no menu que está apontando para a âncora:

 <a href="#middle">Go to the middle</a>

E este é o nosso conteúdo com a própria âncora:

 <h1>Learning about anchor links</h1> <p> Some lorem ipsum content ….</p> <h2>Middle of the page</h2> <p> Some lorem ipsum content ….</p>

Neste caso, #middle é nosso link âncora e id=”middle” é nossa âncora. Quando clicamos no link “Ir para o meio”, pularemos para nossa âncora com o título “Meio da página”. É isso! É assim que podemos fazer o site mais básico de uma página. Você pode adicionar quantas âncoras quiser em seu site. Vamos pegar nosso conhecimento recém-adquirido e usá-lo em um site WordPress.

Crie links âncora com o menu do WordPress

Só para isso, já fiz um site simples de uma página com o nosso tema GrowthPress, que será nosso exemplo prático. Em primeiro lugar, criei uma nova página e adicionei algum conteúdo. O conteúdo consiste apenas em alguns parágrafos e títulos. Podemos adicionar âncoras em quase qualquer elemento HTML, mas no nosso caso, vamos adicioná-lo a todos os títulos do conteúdo.

Você pode ver na captura de tela que, para editar o HTML do conteúdo, precisaremos alterar o editor de Visual para Texto. Agora podemos ver todas as tags HTML em nosso conteúdo. No nosso caso, todos os títulos usam a tag <h2> e vamos usá-los para adicionar âncoras. Assim como na captura de tela acima, você precisará adicionar id com a âncora nessas tags. Por exemplo: <h2 id=”our-anchor”>Some Title</h2> . Observe que as âncoras são escritas sem # , mas todos os links de âncora devem começar com # . Depois de adicionar todas as âncoras em nosso conteúdo, podemos conectá-las com links de âncora.

Se você estiver familiarizado com o WordPress, saberá que podemos alterar os links do menu no wp-admin -> Aparência -> Menus e é exatamente onde criamos nossos links âncora.

Na captura de tela, você pode ver que selecionei links personalizados e, em vez do URL clássico, adicionei o link âncora #about-us . Um clique nesse link agora pulará para o nosso id=”about-us” no conteúdo. Uma vez que adicionamos todos os links âncora, nosso site simples de uma página está concluído. Clique nos links recém-criados e veja por si mesmo!

Rolagem suave

Sim, concordo totalmente, o site de uma página que fizemos até agora é ótimo, mas esses saltos instantâneos não são tão incríveis quanto a rolagem suave, certo? Para obter uma rolagem suave, precisaremos adicionar um pouco de código javascript ao nosso site.

A maioria dos temas premium tem algum tipo de campo para adicionar código personalizado. Por exemplo, em nossos temas você pode ir para wp-admin -> Customizer -> Theme Options -> Custom Code, onde você encontrará os campos que você pode usar para adicionar algum código personalizado como faremos agora.

Se o seu tema não tiver um lugar para o código personalizado, você pode usar um plugin adequado. Eu recomendaria o plugin Insert Headers and Footers do WPBeginner. Depois de ativar o plug-in, você encontrará campos para adicionar código personalizado no wp-admin -> Configurações -> Inserir cabeçalhos e rodapés.

Cole o código abaixo em um dos campos (recomendamos usar scripts na configuração de rodapé) e agora você terá uma rolagem suave em seus links âncora. Parabéns! Você acabou de criar um site de página com qualquer tema WordPress!

 <script> ( function( $ ) { $(document).on('click', 'a[href*="#"]:not([href="#"])', function(e) { if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) { var hashStr = this.hash.slice(1); var target = $(this.hash); target = target.length ? target : $('[name=' + hashStr +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); window.location.hash = hashStr; return false; e.preventDefault(); } } }); }(jQuery)); </script>

O código acima animará o efeito de rolagem quando você clicar em um link âncora e também atualizará a URL do navegador atual para refletir o link âncora clicado. Confira nosso resultado final no site de uma página finalizado.

Como definir o deslocamento para rolagem suave?

Caso você tenha fixo o menu fixo, eu recomendaria também definir o deslocamento, para que o início do conteúdo comece abaixo do seu menu fixo. Para conseguir isso, você precisará editar esta linha de código:

 $('html, body').animate({ scrollTop: target.offset().top}, 1000);

A única coisa que precisamos fazer aqui é adicionar um valor ao nosso deslocamento. Deve ser pelo menos tão grande quanto a altura do seu menu fixo fixo.

 $('html, body').animate({ scrollTop: target.offset().top - 180 }, 1000);

Com isso, evitaremos um problema em que o início do seu conteúdo se esconde atrás do menu.

Prós de sites de uma página

Agora que você sabe como criar um site de uma página, vamos ver as vantagens de usar um site de uma página.

Os sites de uma página oferecem uma melhor experiência ao usuário móvel

Os sites de uma página consistem em uma única página de rolagem longa, perfeita para visualização em dispositivos móveis. Pense no Facebook e seu feed de notícias. Você não pode deixar de continuar rolando mais para baixo na toca do coelho. Um site de uma página é projetado para fazer exatamente isso e a rolagem contínua se presta perfeitamente a dispositivos móveis.

Dada a quantidade limitada de espaço na tela em dispositivos móveis, é muito mais fácil continuar rolando para baixo do que descobrir onde o menu está escondido e clicar no link correto para ir para a próxima página do seu site. Em outras palavras, um site de uma página fornecerá uma ótima experiência de usuário para qualquer pessoa que visite seu site em seu dispositivo móvel.

Sites de uma página exigem menos texto

Um site tradicional de várias páginas requer muito texto para que não pareça muito vazio ou, pior, inacabado. Compare isso com sites de uma página que parecerão confusos e esmagadores se você tiver muito conteúdo. Como tal, você vai querer manter sua cópia no mínimo e usar frases e parágrafos curtos para transmitir as informações mais importantes.

Outro benefício dessa abordagem é o fato de que escrever uma cópia pode ser uma das tarefas mais assustadoras associadas ao lançamento de um site. Um site de uma página pode ser uma ótima opção se você não tiver a cópia do site totalmente desenvolvida.

Sites de uma página funcionam bem com imagens

As imagens podem fazer maravilhas para qualquer tipo de site, incluindo sites de uma página. Na verdade, quando você usa imagens combinadas com o efeito de paralaxe, pode produzir um efeito visualmente atraente em seu site.

Mesmo se você decidir não usar o efeito de paralaxe, ainda poderá usar imagens de forma eficaz em um site de uma página. Você pode usá-los para diferenciar entre diferentes seções, sem mencionar compartilhar galerias de fotos ou imagens de portfólio.

Você também pode aproveitar as imagens para impulsionar o SEO do seu site, pois as imagens tendem a aparecer nos resultados dos mecanismos de pesquisa quando otimizadas corretamente. Como tal, certifique-se de adicionar nomes às suas imagens usando títulos descritivos e adicionar tags alt a cada imagem que você adicionar ao seu site.

Sites de uma página podem aumentar o engajamento e as conversões do usuário

De acordo com um estudo, um site de uma página pode levar a conversões mais altas em comparação com sua contraparte de várias páginas. A razão por trás disso é simples: um site de uma página geralmente é muito focado e projetado para levar os visitantes a agir.

Tem uma mensagem mais focada e é mais fácil entender para seus visitantes o que você quer que eles façam quando chegarem ao final da página.

Quando você tem apenas uma escolha, é fácil clicar nesse botão ou call to action em vez de ir de página em página imaginando o que você deve fazer em seguida.

Sites de uma página são mais fáceis de navegar

Também vale a pena mencionar que os sites de uma página são mais fáceis de navegar. Como tudo está em uma página, é muito difícil se perder e encontrar o caminho de volta ao início, especialmente em dispositivos móveis.

Embora você possa usar links de âncora para pular para diferentes seções da página (como mostrado neste artigo), é tão fácil rolar para cima ou para baixo e encontrar a seção desejada.

Além disso, um site de uma página bem projetado leva o visitante a uma jornada que conta a história do seu negócio ou marca de maneira lógica.

Os sites de uma página facilitam a segmentação de um público específico

Como mencionado anteriormente, os sites de página única são projetados para levar os visitantes a agir. Você pode usar isso a seu favor e atingir um público muito específico que está pronto para dar o próximo passo. Ao conduzi-los pelas diferentes seções do seu site, você pode apresentar seu produto ou serviço, mostrar como ele resolve o problema e oferecer a solução na forma de um call to action.

Essa abordagem funciona muito bem quando você está segmentando uma palavra-chave ou um público muito específico que já sabe que tem um problema específico e está procurando a solução.

Contras de usar um site de uma página

Com os profissionais fora do caminho, vamos dar uma olhada em algumas das desvantagens de usar um site de uma página.

Será mais difícil analisar os dados do Google Analytics

Até agora, você provavelmente sabe que o Google Analytics pode fornecer muitas informações úteis sobre os visitantes do seu site. Uma vez instalado em seu site, você pode ver quais páginas são populares, quais postagens estão trazendo novos visitantes e quais páginas precisam ser otimizadas para que as pessoas permaneçam mais tempo em seu site.

Com um site de uma página, você está limitado a apenas uma página. Seus visitantes estão chegando na mesma página e caindo na mesma página, o que torna mais difícil saber quais partes do seu site precisam ser melhoradas. Se você decidir seguir a rota do site de uma página, certifique-se de se inscrever em uma ferramenta como o Hotjar para obter um mapa de calor visual de como as pessoas estão usando seu site.

Compartilhar seu site nas mídias sociais é mais complicado

Com um site de uma página, você só tem um URL para compartilhar nas mídias sociais. Isso pode se tornar repetitivo rapidamente, sem mencionar que não oferece muitas oportunidades para enviar pessoas a diferentes partes do seu site para encontrar respostas para seus problemas. Depois de compartilhar seu URL principal, todo o seu site é compartilhado em vez de uma página ou seção específica, como você pode fazer com um site de várias páginas.

Uma solução fácil seria incorporar um blog em seu site onde você pode compartilhar conteúdo útil e útil que atrairá seu público. Isso facilita o compartilhamento de seu site nas mídias sociais, mantendo a maioria das informações condensadas em uma página .

O site de uma página pode demorar mais para carregar

Dependendo do tamanho do seu site de uma página e do tipo de conteúdo que você compartilha, esteja ciente do fato de que pode demorar mais para o seu site carregar.

De um modo geral, os sites de uma página tendem a ser bastante leves, no entanto, se você tiver muitas imagens que não são otimizadas para a web, terá tempos de carregamento lentos. O mesmo se aplica se você tiver muito conteúdo de vídeo em seu site.

Como tal, é importante salvar suas imagens no formato apropriado, bem como compactar seu tamanho antes de adicioná-las ao seu site. Outra coisa a considerar é usar o carregamento lento para imagens e vídeos para fazê-los carregar quando o usuário rolar para essa seção específica do seu site, em vez de carregá-los imediatamente.

Você está limitado com a segmentação por palavras-chave

Um site de uma página não oferece muitas oportunidades para segmentar várias palavras-chave. Com um site de várias páginas, você pode ter uma página separada para cada palavra-chave que está tentando segmentar. Um site de uma página não funciona da mesma maneira.

Os sites de uma página, conforme mencionado na seção de profissionais, são projetados com um objetivo e um público específicos em mente. Isso geralmente se traduz em segmentar uma palavra-chave específica e suas variações, o que significa que é melhor criar um site de várias páginas se precisar segmentar várias palavras-chave distintas.

Embora não exista uma regra que diga que você não pode incorporar mais de uma palavra-chave distinta por página, você não poderá otimizar sua página adequadamente, especialmente quando levar em consideração que a cópia leve funciona melhor com sites de uma página.

Você não pode usar táticas avançadas de SEO

Falando em SEO, um site de uma página não permite que você use táticas avançadas de SEO conhecidas como silo. Siloing refere-se à prática de estruturar seu site nas principais áreas de interesse para que você possa demonstrar sua autoridade nessas áreas. Em termos leigos, é a prática de criar categorias e subcategorias para organizar seu conteúdo.

O principal benefício do silo é que ele abre possibilidades de classificação para uma infinidade de palavras-chave e frases-chave que cobrem quase todas as perguntas que um visitante interessado possa ter, além de cobrir todas as possíveis objeções.

Embora os sites de várias páginas se destaquem nisso, os sites de uma página rapidamente se tornariam muito sobrecarregados e confusos, deixando seu público frustrado.

Os sites de uma página podem não fornecer detalhes

Por fim, devido à cópia e mensagens curtas e concisas, os sites de uma página podem não fornecer aos visitantes todos os detalhes necessários. Isso pode levar a um aumento no número de e-mails pedindo esclarecimentos ou deixando seus visitantes confusos.

Você pode superar esse problema adicionando um blog ao seu site de uma página e fornecendo aos visitantes conteúdo mais aprofundado e respondendo a perguntas à medida que elas surgem.

Você deve usar um site de uma página?

Como você pode ver, certamente existem vantagens e desvantagens em usar um site de uma página. Então, como você sabe se um site de uma página é a escolha certa para o seu negócio?

Se você está apenas começando seu negócio e gera muitos negócios através do boca a boca, um site de uma página permite que você coloque seu negócio online sem gastar muito tempo em design e desenvolvimento.

Se, por outro lado, você quiser se concentrar em obter mais tráfego orgânico, concentrando-se em SEO e se estiver expandindo suas operações comerciais, um site de várias páginas seria mais adequado para você.

No final, é uma questão de preferência pessoal e seus objetivos de negócios. Avalie onde você está com o seu negócio e anote o que você está tentando realizar. Então, considere os prós e contras mencionados acima antes de tomar a decisão final.

Conclusão

Realmente recebemos muitas perguntas, perguntando se temos algum tipo de tema de uma página e acredito que a situação seja a mesma com outros autores de temas. Este artigo deve deixar claro que todos os temas do WordPress também podem ser usados ​​como sites de uma página e, se desejar, você pode alterar seu site atual para um de uma página rapidamente. Também abordamos os prós e contras dos sites de uma página e compartilhamos como decidir se essa é a escolha certa para o seu site.

Deixe-me saber se o artigo o ajudou a entender melhor os sites de uma página e deixe-me um comentário se tiver alguma dúvida adicional .