Categorias
Sem categoria

WordPress Estático: como gerar e onde hospedar

Em meio ao universo expansivo do design e desenvolvimento web, o WordPress emergiu como uma plataforma dominante para a criação de sites. Embora ele seja conhecido por sua natureza dinâmica e flexível, uma nova tendência está ganhando força - o WordPress Estático.

Este conceito envolve a conversão de um site WordPress dinâmico em um site estático, resultando em uma segurança aprimorada, desempenho superior e facilidade de hospedagem. Neste artigo, vamos desvendar o que é o WordPress estático, como você pode transformar um site WordPress dinâmico em estático e algumas plataformas para hospedá-lo.

Site estático

O que é WordPress Estático?

No mundo dinâmico da web, o WordPress estático representa uma nova abordagem para a criação e hospedagem de sites. Enquanto o WordPress tradicional gera as páginas dinamicamente a cada requisição, o estático transforma o site em um conjunto de arquivos HTML, CSS e JavaScript pré-gerados. Essa abordagem oferece uma série de benefícios em termos de desempenho, segurança e escalabilidade.

Um site WordPress estático é especialmente indicado em diferentes contextos, que incluem: sites institucionais, portfólios e blogs pessoais, sites de pequenos negócios, sites de eventos e campanhas, sites de notícias e revistas, catálogos e outros que não necessitem de consulta ao banco de dados.

Neste momento, vale lembrar que sites que utilizam plugins que dependem de banco de dados, como WooCommerce, bbPress e outros, não podem ser convertidos em estáticos.

Benefícios do WordPress Estático

  • Desempenho aprimorado: com o WordPress estático, as páginas são carregadas mais rapidamente, pois não há processamento dinâmico envolvido. Isso melhora a experiência do usuário, reduz a taxa de rejeição e impulsiona o ranking nos motores de busca.

  • Segurança reforçada: a conversão para um site estático reduz a superfície de ataque, eliminando as vulnerabilidades comuns do WordPress dinâmico, já que cada página é pré-renderizada e não há interação com o banco de dados ou execução de scripts PHP no servidor. Além disso, a ausência de banco de dados reduz o risco de ataques direcionados a informações sensíveis.

  • Escalabilidade simples: como as páginas estáticas são pré-geradas, elas podem ser facilmente cacheadas e distribuídas por meio de uma CDN (Content Delivery Network), permitindo lidar com um grande volume de tráfego sem sobrecarregar o servidor.

  • Economia: como estes sites são apenas conjuntos de arquivos HTML, CSS e JavaScript, eles não exigem um sistema de gerenciamento de banco de dados ou um sistema de gerenciamento de conteúdo robusto que precisa ser constantemente mantido e atualizado. Por isso, você pode hospedá-lo em plataformas gratuitas ou mesmo contratar planos pagos mais básicos, como o Brisa ou o Névoa da Infinite, por exemplo.

Como gerar um site WordPress estático

Existem várias ferramentas disponíveis para gerar um site WordPress estático, como o WP2Static e o Simply Static:

Simply Static

O Simply Static é um popular plugin do WordPress que permite transformar um site dinâmico em estático.

Para instalá-lo, você deve clicar em “Plugins”, na aba lateral esquerda. Depois, clique em “Adicionar novo” e pesquise por “WP2Static”. Selecione a opção de “Instalar Agora e, por fim, a de “Ativar”:

Site estático

Após a ativação, você encontrará as configurações do Simply Static em "Simply Static" > "Settings". Lá, estarão algumas opções que você pode configurar:

Site estático

  • Delivery Method: você tem três opções aqui. "ZIP Archive" cria um arquivo .zip de seu site estático que você pode baixar e então fazer upload para o seu servidor web. "Local Directory" gera os arquivos estáticos diretamente em uma pasta em seu servidor web. "FTP" envia os arquivos estáticos para um servidor remoto via FTP.

  • Destination URLs: esta opção determina como os URLs em seu site estático serão formatados. "Use relative URLs" é, geralmente, a melhor opção, já que isso significa que o site estático pode ser visualizado de qualquer local. Se você planeja fazer upload do site estático para um servidor web em um domínio específico, pode usar a opção "Use absolute URLs" e inserir o URL do domínio.

Site estático

  • Additional URLs: nesta etapa, você pode adicionar quaisquer URLs adicionais que deseja incluir em seu site estático. Isso é útil se você tem páginas que não estão vinculadas a nenhum outro lugar em seu site.

  • Exclusion Rules: permite que você exclua certos URLs do seu site estático. Por exemplo, você pode querer excluir a página de login do WordPress ou outras páginas dinâmicas.

  • Advanced: neste campo você pode configurar algumas opções mais avançadas, como definir um tempo limite para solicitações HTTP ou excluir certos tipos de arquivo do seu site estático.

Depois de terminar, clique em "Generate Static Files" para criar o seu site estático e faça o download do arquivo ZIP, se for o caso.

WP2Static

Similar ao Simply Static, o WP2Static é um plugin que você precisa instalar e ativar em seu site WordPress e o processo de instalação e ativação é o mesmo.

Dessa forma, após a instalação e ativação do plugin, você também pode acessar as configurações e iniciar a geração estática.

Utilize o LocalWP para desenvolver o seu site

Se você ainda não tem um site WordPress para converter em estático, uma ótima dica seria utilizar o LocalWP para desenvolvê-lo em seu próprio computador. Assim, você pode se dedicar à idealização e desenvolvimento do projeto sem se preocupar com custos.

E não precisa se preocupar, viu? Além de intuitivo, o LocalWP realiza todas as configurações necessárias por você. Abaixo, está um passo a passo básico de como usá-lo:

Site estático

1) Baixar e instalar o LocalWP: primeiro, você precisa baixar a ferramenta LocalWP do site oficial e instalá-la em seu computador.

2) Criar um novo site: depois de abrir o LocalWP, você pode criar um novo site WordPress clicando em "Add Local Site". Você será solicitado a fornecer alguns detalhes, como o nome do site e o nome de usuário e a senha do administrador do WordPress.

3) Desenvolver o site: com o site criado, você pode começar a desenvolver. O LocalWP iniciará automaticamente o servidor web e o banco de dados e você poderá acessar o site e o painel de administração do WordPress diretamente do LocalWP.

Além disso, se você já possui um site WordPress hospedado externamente e deseja importá-lo para o LocalWP, pode fazê-lo facilmente:

  • Exportar o site existente: use uma ferramenta de backup ou exportação em seu site WordPress existente para criar um arquivo .zip do site. Este arquivo deve incluir tanto os arquivos do site quanto o banco de dados.

  • Importar o site para o LocalWP: no LocalWP, clique em "Add Local Site" e depois em "Import Site". Você pode então selecionar o arquivo .zip que criou na etapa anterior. O LocalWP irá importar o site e configurar tudo para você.

Ao usar o LocalWP, você tem a flexibilidade de trabalhar em seu site WordPress em seu próprio tempo, sem a necessidade de uma conexão com a internet ou de gastar recursos de hospedagem. Ademais, ele permite que você teste novos plugins, temas ou atualizações em um ambiente seguro antes de aplicá-los ao seu site ao vivo.

Onde hospedar um site WordPress estático

Existem diversas alternativas para hospedar um site WordPress estático. Você pode optar por provedores de hospedagem especializados em sites estáticos com opções gratuitas, como Netlify, Surge ou GitHub Pages.

Também, é possível utilizar serviços de computação em nuvem, como o da Infinite. Neste caso, até indicamos a contratação do plano Brisa, disponível na aba de agências desenvolvedoras.

Separamos ele dos demais planos pois é necessário um pouco mais de conhecimento técnico para fazer o máximo com o mínimo, visto que ele não possui WAF, CDN e apenas uma camada de backup. Ainda assim, considerando que sites estáticos não necessitam de tantos recursos, ele é uma alternativa excelente e mais barata. Siga a leitura para aprender o passo a passo.

1) Após realizar a contratação através do site e fornecer todos as informações necessárias, acesse a área do cliente e entre no gerenciador de arquivos:

Site estático

2) A seguir, entre na pasta "public_html". No exemplo, utilizamos um site já em utilização, mas a pasta deve estar vazia, está bem?

Site estático

3) Dentro da pasta, clique em "Carregar" e, na aba que se abrirá, selecione a pasta ZIP do site estático:

site estático

4) Volte para a pasta "public_html":

Site estático

5) Extraia os arquivos da pasta ZIP:

Site estático

6) Por fim, com os arquivos já extraídos, exclua a pasta ZIP:

Site estático

Fácil demais, né? Mas não se esqueça que, se precisar, a nossa equipe de suporte está de prontidão para te ajudar em qualquer etapa!

Aperfeiçoe o desempenho do seu site WordPress estático

Utilize um CDN

Uma maneira eficaz de acelerar a entrega de conteúdo do seu site estático é integrá-lo a uma Rede de Distribuição de Conteúdo (CDN). Isso permite que os arquivos do seu site sejam hospedados em servidores distribuídos globalmente, proporcionando uma entrega de conteúdo mais rápida e eficaz para usuários de diversas localizações geográficas.

O plano Brisa da Infinite, em virtude da sua natureza essencialista, custa apenas R$ 39,90 e não inclui CDN e WAF. No entanto, a partir do plano Névoa, de R$ 79,90, esses recursos e mais outras vantagens maravilhosas estão inclusos de forma gratuita.

Otimize recursos

Aumente a eficiência do seu site ao minimizar o tamanho dos arquivos CSS e JavaScript, otimizando imagens e removendo qualquer código supérfluo. Essas ações reduzem o tempo de carregamento do site, proporcionando uma experiência do usuário mais agradável e ágil.

Mantenha o conteúdo do site atualizado

Dado que um site WordPress estático não possui os mesmos recursos dinâmicos de um site WordPress tradicional, é vital compreender como gerir atualizações de conteúdo de maneira eficiente. Manter o seu site estático atualizado é fundamental para garantir que os visitantes tenham acesso às informações mais recentes. Neste caso, será necessário refazer todo o processo.

Use o WordPress estático ao seu favor

Ao adotar o WordPress estático, você estará transformando seu site em uma poderosa ferramenta otimizada para desempenho, segurança e escalabilidade.

Com este guia abrangente, você aprendeu o que é o WordPress estático, como gerar um site estático e onde hospedá-lo. Agora, prepare-se para seguir conquistando o sucesso online com um site veloz, seguro e altamente eficiente!

Lembre-se: se precisar de suporte técnico ou ajuda na configuração do WordPress estático aqui na Infinite, toda a equipe estará à sua disposição!

Ilustrações deste artigo retiradas do site Storyset.

Por Monique Soares

Apaixonada pelas palavras e pela capacidade de impactar a vida das pessoas por meio delas. Pessoa comum, mãe de gatos, leitora compulsiva e uma eterna curiosa a respeito de qualquer coisa que revolucione, ainda que minimamente, a realidade de alguém.