fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Por que e como criar um site estático com o WordPress

Você está em:

Por que e como criar um site estático com o WordPress
Por que e como criar um site estático com o WordPress

O que você não pode construir com o WordPress? Você pode criar todos os tipos de sites, desde pequenos blogs até grandes sites de comércio eletrônico.

É a razão pela qual o WordPress é a plataforma preferida de milhões de empresas em todo o mundo, incluindo grandes marcas .

O WordPress é simples de usar e vem com muitas opções de personalização em temas, construtores de páginas e plugins.

Além disso, a plataforma conta com uma enorme comunidade de colaboradores e apoiadores em todo o mundo. Há muitas razões pelas quais o WordPress é um grampo, mas não vamos entrar nisso.

Embora o WordPress seja uma estrutura de aplicativo formidável, você não pode criar sites estáticos simples na plataforma. Quero dizer, sites simples HTML + CSS + (talvez JavaScript), e não aquela outra coisa de “definir uma página estática em suas configurações de leitura ”.

Estou falando sobre isso, que NÃO é o que estamos tentando alcançar.

E isso é tudo porque o WordPress gera o que chamamos de páginas da web dinâmicas.

Se isso parece confuso, meu amigo, é. Então, qual é a diferença entre um site estático e um site dinâmico? Bem, para esclarecer um pouco, vou explicar como o WordPress funciona e como funcionam os sites estáticos. Vamos começar com sites estáticos, senhoras e senhores.

Sites estáticos usam arquivos HTML e CSS simples e provavelmente algum JavaScript . Arquivos que você cria/codifica do zero ou usando algum software como CoffeeCup , entre outros. Oh Deus, eu odeio o jargão, mas é difícil evitar.

Se eu fosse explicar, precisaríamos de um curso inteiro de web design. Quando você tiver alguns minutos de sobra, confira os guias que vinculei acima para obter mais informações.

Aparte : Para iniciantes, HTML fornece a estrutura e CSS fornece o estilo. JavaScript fornece interatividade. Pessoalmente, prefiro escrever código do zero do que usar o CoffeeCup, porque essas ferramentas criam código inchado. Prefiro arriscar com o NotePad++ e construir tudo do zero.

O WordPress, por outro lado, é uma plataforma que gera páginas da web em tempo real. Você não codifica páginas do zero. Basta fazer login no seu administrador do WordPress, inserir seu conteúdo e clicar no botão Publicar .

Então o todo-poderoso PHP entra em ação e recupera seu conteúdo de um banco de dados que roda em MySQL ou qualquer outra coisa, como MariaDB . Sim, eu sei, mas continue lendo.

O WordPress cuida de todo o resto, reunindo diferentes partes para construir a página que você vê no seu navegador.

É muito parecido com o que o Microsoft Office faz quando você cria um documento. Basta inserir o conteúdo e o Microsoft Office trata de todo o resto. Você não codifica o documento do zero.

Dito isso, você tem algumas ferramentas para criar uma versão estática do seu site WordPress. Quer dizer, você pode usar um plugin ou um serviço baseado em nuvem.

Isso é o que eu mais amo no WordPress; há sempre uma solução alternativa. Você obtém um plugin ou serviço para resolver você. Ainda estou para encontrar um problema que não consigo resolver usando plugins ou serviços de terceiros.

Mas antes de nos perdermos em tudo isso, por que você criaria uma versão estática do seu site WordPress? Quais são os benefícios?

Por que criar um site estático com WordPress

Em resumo: todo site WordPress executa centenas de tarefas antes de criar a página que você vê no seu navegador, o que deixa tudo mais lento.

Seu site WordPress também é executado em milhares de arquivos do núcleo do WordPress, tema, plugins e integrações de terceiros. Isso não é tudo; seu site WordPress se conecta a vários endpoints, criando várias falhas de segurança para hackers.

Um site estático, por outro lado, não funciona da mesma maneira. Ele pode ser executado sem conexões com um banco de dados, o que o torna mais rápido. Além disso, existem poucos (se houver) endpoints, o que significa que você tem melhor segurança. Além disso, você não está propenso a erros comuns do WordPress , como o infame erro “ erro ao estabelecer conexão com o banco de dados ”.

Agora, a longa leitura.

Veja por que um site estático é uma solução viável. Lembre -se , não estamos dizendo que você  destrua completamente sua instalação do WordPress. Você está apenas criando uma versão estática para poder aproveitar os seguintes benefícios.

Tempo de carregamento de página mais rápido

Por que a velocidade da página é importante

Um site WordPress pode funcionar sem um banco de dados? Não. O WordPress pode funcionar sem Apache ou PHP? Novamente, não. O WordPress não pode ser executado sem muitas tarefas do lado do servidor que um site estático pode prescindir.

As coisas pioram se você estiver em hospedagem compartilhada, onde os recursos são espalhados por milhões de sites. Se você fizer seu marketing corretamente e começar a atrair muito tráfego, um site WP em hospedagem compartilhada sofrerá.

Para criar a página que você vê no seu navegador, o WordPress faz várias idas e voltas ao servidor e executa uma tonelada de comandos PHP, entre outras coisas.

Os comandos mais as viagens levam tempo. Pode ser milissegundos, mas quando você tem um site grande (e popular), é significativo o suficiente para desacelerar as coisas e causar altas taxas de rejeição .

Sites estáticos não precisam processar páginas dinâmicas, eliminando viagens de ida e volta, o que economiza tempo de carregamento da página. O que acontece é que você obtém velocidades de carregamento de página mais rápidas , o que é sempre bem-vindo, especialmente quando o Google recompensa sites mais rápidos. Além disso, páginas mais rápidas melhoram a experiência do usuário (UX), traduzindo-se em melhores taxas de conversão.

Dica profissional : você pode acelerar seu site WordPress usando um serviço como o WP Rocket , escolher uma hospedagem melhor e limpar o lixo do seu site.

Melhor segurança

Melhor segurança

A injeção de SQL é uma ameaça iminente que derruba site após site – para milhões. E o WordPress não é poupado porque é executado em um banco de dados que não é imune à injeção de SQL, ainda mais se você não fortalecer sua segurança do WordPress .

Além disso, alguns plugins do WordPress podem expor seu site a riscos de segurança (como ataques XSS ), especialmente se você baixar plugins de fontes questionáveis ou não executar atualizações regulares.

Uma versão estática do seu site não tem essa vulnerabilidade porque não há plugins para hackear. Além disso, nenhum código PHP (que é executado no servidor) está em execução. Você também não precisa se conectar a um banco de dados

De qualquer forma, a versão do WordPress do seu site ainda tem esses problemas de segurança, mas você pode optar por ocultar o WordPress de invasores usando o arquivo .htaccess.

Apenas esconda a versão do WordPress atrás de uma senha .htaccess e coloque o site estático em seu lugar. E, em seguida, continue criando conteúdo no WordPress e enviando alterações para o site estático.

Dica profissional : Você pode tornar seu site WordPress invulnerável a riscos de segurança praticando uma melhor higiene do site (confira o artigo vinculado acima) e mantendo-se proativo com backups de sites WordPress .

Escusado será dizer que nenhum ativo digital (leitura, sites, aplicativos móveis, etc.) é 100% imune a ataques, portanto, fique atento.

Menos gerenciamento e manutenção

Site em manutenção

Gerenciar um site não é tarefa fácil. A execução de um site WordPress saudável é ainda mais difícil. Muitas engrenagens em execução precisam de lubrificação constante, como vimos na lista de verificação de manutenção do WordPress .

Para começar, você deve manter sua instalação do WordPress atualizada ou cortejará os bandidos. Além disso, temas e plugins mais recentes exigem a versão mais recente do WordPress, o que significa que você está perdendo ótimos recursos.

N/B : Se você não tinha ideia, temas e plugins desatualizados expõem seu site a invasores, especialmente se eles tiverem vulnerabilidades de segurança conhecidas .

Além disso, você precisa otimizar suas páginas para velocidades de carregamento mais rápidas, o que pode causar problemas ao reduzir arquivos ou usar plugins de cache do WordPress e CDNs . Se você é um iniciante, é difícil. Eu sei; Eu estive lá.

Com um site estático, você não tem nada disso. Você não precisa atualizar o núcleo, temas ou plugins do WordPress, o que significa menos manutenção de sua parte.

A parte : Mas você deve continuar atualizando seu núcleo, temas e plugins do WordPress, mesmo se você tiver uma instalação local no seu PC. É uma boa higiene de segurança do site.

Você também não precisa se preocupar com a velocidade de carregamento da página, mesmo se estiver usando hospedagem compartilhada. Além disso, uma versão estática do seu site tem melhor segurança, como mencionamos anteriormente , o que é uma coisa a menos para se preocupar.

Dica profissional : Sempre atualize seu núcleo, temas e plugins do WordPress para ficar à frente dos cibercriminosos e para obter a melhor funcionalidade. Para obter melhores velocidades de página, confira como diminuir o tempo de carregamento da página do WordPress .

Escalabilidade

Escalabilidade

Todos nós queremos criar sites que atraiam muitos visitantes. Afinal, o tráfego é a força vital de todo site de sucesso .

Sem tráfego, seu site está praticamente morto. Você criou um site para que o mundo pudesse encontrar você e sua empresa, e isso é bom.

Agora, o WordPress é uma plataforma bastante escalável. Ele pode lidar com tudo o que você joga nele, seja você um pequeno empresário com uma dúzia de visitantes da web ou uma enorme linha de comércio eletrônico com milhões de visualizações por mês.

Mas se você tiver um pico de tráfego e estiver em hospedagem compartilhada, por exemplo, seu site WordPress terá problemas, pois muitas tarefas estão sendo executadas em segundo plano (tarefas que um pacote de hospedagem compartilhada não pode lidar).

Muitas visitas simultâneas ao seu site WordPress de uma só vez podem derrubar seu servidor ou banco de dados, pois muitos processos estão em execução.

Por outro lado, um site estático pode ser dimensionado facilmente se você tiver dez ou um milhão de acessos de uma só vez. Por quê? Porque não há viagens de ida e volta para o servidor e banco de dados.

Em outras palavras, praticamente nenhum processo de servidor pesado está em execução, o que significa que muitas visitas de uma só vez não o derrubarão. Ainda pode acontecer, mas não com a mesma frequência com um site WordPress porque – ida e volta e processos.

O que isso significa é que você pode hospedar confortavelmente em hosts econômicos ou até mesmo gratuitamente no GitHub (ou outros hosts gratuitos) sem problemas. Seu site estático ainda funcionará mesmo se você receber um pico de tráfego, o que pode levar seu site WordPress no mesmo pacote de hospedagem.

Dica profissional : É aconselhável ir com uma ótima empresa de hospedagem WordPress desde o início. A hospedagem gerenciada do WordPress e a hospedagem na nuvem são duas opções viáveis se você deseja dimensionar sem esforço.

Esses são alguns dos benefícios de criar uma versão estática do seu site WordPress. Agora, vamos para a parte divertida; criando uma versão estática do seu site WordPress.

Tentei alguns plugins e todos falharam miseravelmente. Alguns não são atualizados há anos e outros exigem a compilação do código-fonte do Github, o que definitivamente não é para iniciantes. Foi tão frustrante até encontrar o StaticPress2019 e posso sorrir novamente.

Como criar um site estático com WordPress

Para algum contexto, estou trabalhando com o seguinte site de amostra, que é uma das demonstrações prontas que vêm com o Tema WordPress Total :

Site estático com WordPress

O site de demonstração do WordPress vive em: design.vistamedia.xyz.

Criaremos um site estático que hospedaremos em um subdomínio diferente (ou seja, static.vistamedia.xyz ) que atualmente se parece com isso:

Não se preocupe; é apenas um diretório vazio no meu servidor sem nenhum arquivo de site. É aí que vamos armazenar a versão estática do nosso site WordPress.

N/B : Estou usando subdomínios apenas para fins ilustrativos. Você pode usar qualquer outro domínio ou URL que desejar.

Mas antes de continuarmos, aqui estão algumas coisas para manter em mente. Para começar, essa solução alternativa não é para todos os sites do WordPress.

É ótimo para sites simples, como:

  • Brochuras online que não precisam de funcionalidades complexas
  • Portfólios básicos
  • Sites puramente informativos
  • Em breve páginas e páginas de destino
  • Sites propensos a ataques, por exemplo, sites políticos e de celebridades
  • Sites que devem ser muito rápidos

E isso porque converter um site WordPress em um site estático elimina a funcionalidade do lado do servidor, como:

  • plugins de comércio eletrônico
  • A maioria dos plugins deslizantes
  • Formulários de comentários padrão do WordPress
  • Formulários de contato do lado do servidor
  • Todos os plugins que usam um formulário de envio
  • Plug-ins de eventos
  • Plug-ins de associação
  • Widgets do tipo “Postagens mais populares”
  • feeds RSS
  • E qualquer outro plugin que precise de um servidor para funcionar

Um site de comércio eletrônico executado no WooCommerce sofrerá quando você o converter em um site estático porque o WooCommerce cria páginas dinâmicas que exigem PHP e funcionalidade do lado do servidor.

No entanto, existem muitas soluções alternativas para obter a funcionalidade de que você precisa. Por exemplo, você pode usar Disqus para comentários, Algolia para pesquisa e Snipcart para e-commerce. Existem soluções alternativas para os outros recursos, mas você precisa perguntar se vale a pena o tempo e o esforço.

Dito isso… vamos ver o que o plugin StaticPress2019 pode fazer.

Como criar um site estático com o plug-in StaticPress2019

O StaticPress2019 está disponível no repositório de plugins do WordPress, o que significa que podemos instalá-lo dentro do painel de administração do WordPress.

Faça login no seu administrador do WordPress e navegue até Plugins> Adicionar novo :

criando um site estático com wordpress

Em seguida, digite  StaticPress na caixa de pesquisa de palavras-chave e, quando encontrar o plug-in, clique em  Instalar agora :

criando um site estático com wordpress

Depois disso,  ative o plugin. Até agora, tudo bem, você está indo muito bem.

Em seguida, clique  em Opções do StaticPress2019 no menu de administração do WordPress, conforme destacamos abaixo.

Em seguida, insira a URL e a raiz do documento do seu site estático e clique no botão Salvar alterações .

criando um site estático com wordpress

No meu caso, estou usando  static.vistamedia.xyz e  /home/vistxxxx/static.vistamedia.xyz , respectivamente. Use os valores aplicáveis ao seu caso.

Em seguida, clique em  StaticPress2019:

Na próxima página, clique no  botão Reconstruir , conforme mostrado na captura de tela a seguir.

Aguarde o processo seguir seu curso. Pode levar tempo, dependendo do tamanho do seu site.

Quando o processo terminar, você pode estourar o espumante porque é tudo o que há

Mas espere. Não se esqueça de testar seu site estático completamente! Você pode visualizar seu novo site estático no front-end.

Veja como nosso resultado final em static.vistamedia.xyz , que ficou assim antes…

… olha agora:

Site estático com resultado WordPress

Você não pode dizer a diferença. Lembre-se; é muito mais rápido que a versão do WordPress no mesmo pacote de hospedagem E tudo está lá, incluindo fotos e postagens de blog, design responsivo e assim por diante.

O plugin StaticPress2019 é ótimo para criar sites estáticos de sites WordPress novos e antigos.

Lembre-se: se você atualizar seu site WordPress, você deve navegar até o  StaticPress2019 e clicar no  botão Reconstruir , como fizemos alguns segundos atrás. Isso fará com que as alterações sejam enviadas para a versão estática do seu site

Se você estiver criando um novo site WordPress que gostaria de converter em um site estático posteriormente, considere usar serviços pagos, como Strattic ou HardyPress . Esses serviços oferecem sites estáticos e soluções integradas para comentários e formulários de pesquisa por uma taxa mensal.

Como dissemos anteriormente, sempre existem soluções alternativas para esses recursos ao usar um plug-in como o StaticPress2019. Isso significa que você não precisa pagar para criar uma versão estática do seu site WordPress, especialmente quando é tão simples.

Palavras finais

Criar um site estático com o WordPress tem seus prós e contras. Você desfruta de velocidades de carregamento de página mais rápidas, melhor segurança, menos tarefas administrativas e mais opções de hospedagem à sua disposição.

Simultaneamente, sites estáticos não são ideais para todos os sites WordPress, como sites de comércio eletrônico que dependem muito do WooCommerce.

E isso porque a funcionalidade do lado do servidor é obliterada quando você converte um site WordPress em um site estático. Coisas como formulários de contato, formulários de pedidos, comentários e carrinhos não funcionarão.

Embora existam soluções alternativas para obter a funcionalidade de que você precisa, é sempre importante considerar se você realmente precisa de um site estático. É fácil de criar, com certeza, mas você está melhor com um site WordPress rodando em hospedagem estelar, por exemplo?

Por que você não dá uma chance ao StaticPress2019 e nos diz o que você pensa na seção de comentários? Boa criação e fique seguro!

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$100,00 para liberar a Black da FULL
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(