O que é Headless WordPress e você deve usá-lo? (Prós e contras)

Frequentemente, os usuários nos perguntam sobre o que é o WordPress sem cabeça e eles devem usá-lo?

Headless WordPress separa a área de administração de back-end do WordPress do front-end que os visitantes veem. Isso permite que os desenvolvedores usem diferentes tecnologias para a parte frontal de um site, mantendo a estabilidade e a segurança do WordPress.

Neste artigo, explicaremos o que é o WordPress sem cabeça e se você deve usá-lo. Também falaremos sobre os prós e contras de um site WordPress headless.

Aqui está uma visão geral rápida dos tópicos que abordaremos neste guia:

O que é WordPress sem Cabeça?

Headless WordPress é um termo para qualquer site que usa o WordPress como software de back-end para gerenciar dados e conteúdo, mas usa tecnologias separadas para exibir os dados no front-end.

O back-end é o termo usado para a área de administração de um site. É aqui que você cria conteúdo como postagens e páginas, instala plug-ins, gerencia comentários e muito mais.

Front-end é a área publicamente visível do seu site.

Isso é o que os usuários veem quando visitam seu site em seus navegadores.

O WordPress normalmente cuida de ambos os componentes em um software robusto. Você pode simplesmente usar qualquer tema do WordPress para exibir seu site.

No entanto, alguns desenvolvedores e proprietários de sites podem ter requisitos diferentes em que podem precisar usar outras tecnologias, como React.js, Angular.js, Faust.js e outros, para criar um front-end personalizado para seu site.

O Headless WordPress permite que eles usem essas tecnologias enquanto ainda usam o WordPress no back-end para facilitar o gerenciamento de conteúdo.

Como funciona o WordPress sem cabeça?

O WordPress vem com uma área administrativa fácil de usar, onde você cria conteúdo e gerencia seu site. Ele também inclui um mecanismo de modelagem para exibir o front-end do seu site usando temas.

Para mais detalhes, veja nosso artigo sobre como o WordPress funciona nos bastidores.

O WordPress também vem com uma API chamada WordPress REST API.

Essa API fornece uma interface de programação para que os desenvolvedores acessem os dados do site WordPress no formato JSON.

Ao criar um site WordPress headless, os desenvolvedores usam a API REST para buscar dados do WordPress. Depois disso, eles podem usá-lo em seus aplicativos ou outras tecnologias front-end como React.js, Angular.js, Faust.js e muito mais para criar um site personalizado.

Quais são as vantagens de usar o WordPress sem cabeça?

O WordPress sem cabeça pode ser benéfico em alguns cenários específicos. Falaremos sobre algumas das vantagens de usar o WordPress headless neles.

1. O WordPress sem cabeça pode ser mais rápido que um site WordPress normal

Muitos desenvolvedores acreditam que o WordPress headless pode ser usado para criar um site WordPress muito mais rápido.

Ao separar o front-end do site usando tecnologia como React.js, muitos desenvolvedores tentam entregar um código mais eficiente do que a maioria dos temas do WordPress.

No entanto, em nossa experiência, as técnicas mais simples de otimização de desempenho do WordPress funcionam tão bem quanto o WordPress sem cabeça para a maioria dos sites e casos de uso de pequenas empresas.

2. Integre os dados headless do WordPress em outros aplicativos

Digamos que você tenha um aplicativo móvel e agora deseja integrar seu blog ou outra seção do seu site WordPress nesse aplicativo.

O Headless WordPress pode ajudá-lo a trazer seus dados do WordPress para outros aplicativos, e você pode usar diferentes tecnologias para criar uma experiência de usuário perfeita.

Da mesma forma, se você tiver um site estático e precisar de uma seção dinâmica apenas para uma seção específica, como um blog, resenhas ou loja online. Em seguida, o WordPress headless pode integrar os dados do WordPress em seu site estático.

3. Publique em várias plataformas via WordPress sem cabeça

O Headless WordPress torna seus dados do WordPress portáteis, para que você possa levá-los para qualquer lugar.

Você pode usar os dados em suas campanhas de marketing, postar em plataformas de mídia social, usá-los em dispositivos IoT, como alto-falantes inteligentes, alimentar uma ferramenta de inteligência artificial, conectar-se a assistentes virtuais e muito mais.

4. Headless WordPress é muito mais acessível do que um CMS headless proprietário

O Headless WordPress é muito mais acessível e poderoso do que as soluções proprietárias de “CMS corporativo”, como o Contentful, que facilmente custará dezenas de milhares apenas em hospedagem (sem incluir os custos de desenvolvimento).

Quais são as desvantagens de um site WordPress sem cabeça?

Criar um site WordPress headless também pode colocar seu site em certas desvantagens. Vamos dar uma olhada em alguns deles.

1. Headless WordPress é mais caro em comparação com sites WordPress tradicionais

Você precisará contratar um desenvolvedor para criar um front-end personalizado para o seu site. Isso poderia facilmente chegar a dezenas de milhares de dólares.

Se você for um desenvolvedor, gastará um tempo valioso criando um front-end personalizado.

Mesmo se você estiver usando uma estrutura de desenvolvimento front-end, levaria mais tempo e esforço do que usar um tema WordPress pronto com cache adequado no nível do servidor / DNS.

2. Alguns plugins do WordPress podem não funcionar

Os plug-ins são como aplicativos para o seu site WordPress e permitem que você adicione novos recursos ao seu site e estenda sua funcionalidade.

Um site WordPress headless pode não ser capaz de tirar proveito de alguns dos plug-ins do WordPress.

Por exemplo, alguns dados de plug-in do WordPress podem não estar acessíveis usando a API REST ou os recursos do plug-in podem exigir um tema do WordPress para funcionar corretamente.

Com isso dito, plugins populares do WordPress, como o AIOSEO, têm uma extensão REST API que permite criar sites WordPress headless compatíveis com SEO.

3. Dores de cabeça de manutenção

Basicamente, você usará plataformas separadas para o front-end e o back-end do seu site e precisará manter os dois separadamente.

Ocasionalmente, as coisas podem quebrar em ambos os lados. Você precisará confiar nos desenvolvedores para resolver esses problemas. Ou você gastará seu próprio tempo valioso consertando-os.

A complexidade adicional tornará mais difícil à medida que sua empresa cresce.

Você deve usar um site WordPress sem cabeça?

Em nossa opinião, a maioria dos usuários do WordPress não precisa usar um site WordPress sem cabeça ou outros tipos de estrutura sem cabeça.

É caro, desnecessariamente complicado e não é adequado para a grande maioria dos proprietários de sites, blogueiros, pequenas empresas ou lojas online.

Por exemplo, se a velocidade e o desempenho são sua principal preocupação, seu site WordPress existente pode facilmente vencer qualquer site WordPress sem cabeça.

Todos os principais plug-ins de cache do WordPress vêm com cache de página, pré-carregamento de cache, cache de objeto e recursos de compactação gzip.

Ativar esses recursos pode aumentar significativamente a velocidade do seu site sem contratar nenhum desenvolvedor.

Combine isso com um poderoso CDN e firewall de aplicativo da web, como Cloudflare ou Sucuri, e seu site ficará ainda mais rápido.

Veja o estudo de caso de como fizemos o WPBeginner carregar mais rápido do que sites sem cabeça.

Quanto às integrações, existem mais de 59.000 plug-ins do WordPress que oferecem integrações com quase todas as plataformas de terceiros disponíveis.

Existem até ferramentas como o Uncanny Automator que permitem integrações com sites WordPress e ferramentas de terceiros usando o Zapier.

Se você precisa de uma integração que não está disponível por meio de um plug-in WordPress existente, talvez deva contratar um desenvolvedor para escrever um plug-in personalizado.

Isso custará muito menos e você pode até ganhar dinheiro online vendendo-o como um download digital para outros usuários do WordPress.

Quem deve usar o WordPress sem cabeça?

Acreditamos que o WordPress headless só deve ser usado em cenários muito específicos.

Primeiro, você precisa avaliar se há uma necessidade real de um CMS headless.

Por exemplo, uma empresa que criou um site ou aplicativo personalizado. Eles podem precisar do WordPress para recursos de gerenciamento de conteúdo mais fáceis e, nesse cenário, faz sentido usar o WordPress sem cabeça.

Em segundo lugar, você deve ter o orçamento para contratar e reter desenvolvedores ou ter o conjunto de habilidades necessário para manter um CMS headless.

Lembre-se, um CMS do WordPress headless é usado para criar um novo aplicativo personalizado ou um que usa o WordPress para facilitar a criação e o gerenciamento de conteúdo.

Coisa importante a ser observada com o WordPress sem cabeça

Como proprietário de uma empresa não técnica, às vezes é difícil saber se você realmente precisa do WordPress sem cabeça.

Alguns desenvolvedores e agências do WordPress tentarão enviar sites sem cabeça para você, e você deve saber no que está se metendo. Lembre-se de que seus incentivos são para cobrar mais dinheiro de você.

Se a única razão pela qual eles propõem o WordPress sem cabeça é a velocidade ou o SEO, você deve perguntar a eles o que eles já fizeram para otimizar a velocidade do seu site e qual o tamanho do impacto que a mudança para o WordPress sem cabeça pode ter. Se você não obtiver uma resposta concreta, procure uma segunda opinião.

Você ficará surpreso ao ver que, para a grande maioria dos sites, as melhorias são insignificantes, mas o custo para desenvolver e manter sites WordPress sem cabeça é muito maior.

Faça o que fizer, definitivamente não deixe ninguém convencê-lo a mudar do WordPress para algo como Contentful, porque você ficará muito desapontado.

Ouvimos vários proprietários de empresas mudando apenas para perceber o erro que cometeram e, em seguida, convertendo de volta para o WordPress.

Dito isso, se você está 100% convencido de que precisa de um site WordPress headless, abaixo está um rápido guia passo a passo.

Como fazer um site WordPress sem cabeça?

Existem muitas maneiras de criar um site WordPress sem cabeça, dependendo de quais ferramentas você deseja usar para o front-end.

Neste tutorial, mostraremos como criar um site WordPress sem cabeçalho usando apenas as páginas estáticas geradas pelo WordPress. Esta NÃO é a maneira mais flexível de criar um site WordPress sem cabeça, mas é a maneira mais fácil para iniciantes .

Primeiro, você precisa criar um site WordPress que deseja usar como seu CMS headless.

Isso precisa ser um site ativo em seu próprio nome de domínio e conta de hospedagem na web.

Recomendamos o uso do SiteGround. Eles são uma das empresas de hospedagem WordPress mais rápidas e um provedor de hospedagem WordPress oficialmente recomendado.

Os servidores SiteGround são alimentados pelo Google Cloud e possuem muitas ferramentas de otimização de desempenho integradas.

Como alternativa, se você puder gastar um pouco mais, dê uma olhada no WP Engine. Seu plano Atlas é feito para grandes sites WordPress sem cabeça e é direcionado para desenvolvedores.

Atlas vem com uma conta sandbox gratuita, modular de conteúdo personalizado, blueprints pré-configurados para acelerar seu fluxo de trabalho e uma integração mais profunda com o plug-in WPGraphQL.

Você também pode criar um site WordPress local em seu próprio computador.

Depois disso, você pode começar a trabalhar em seu site adicionando postagens e páginas. Você também pode escolher um tema WordPress para o seu site e criar seu site.

Assim que seu site estiver pronto, você precisa instalar e ativar o plugin Simply Static. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, você precisa visitar a página Simply Static »Configurações para configurar o plug-in.

A partir daqui, você pode escolher o caminho da URL que deseja usar em seus arquivos estáticos.

Por exemplo, se você souber o URL ou nome de domínio onde hospedará seus arquivos estáticos, poderá fornecer esse URL no campo 'URLs absolutos'.

Se você não tiver certeza, pode usar a opção 'URLs relativos'.

Em seguida, mude para a guia 'Incluir/Excluir'. A partir daqui, você pode adicionar páginas adicionais que deseja incluir ou adicionar páginas que deseja excluir.

Você também pode usar expressões regex para excluir URLs que correspondem a um padrão específico.

Não se esqueça de clicar no botão 'Salvar alterações' para armazenar suas configurações.

Agora, você está pronto para gerar arquivos estáticos para seu site headless. Simplesmente vá para a página Simply Static »Gerar e clique no botão 'Gerar arquivos estáticos'.

O plug-in começará a rastrear seu site e armazenar arquivos estáticos em uma pasta temporária. Pode demorar um pouco dependendo de quantas páginas seu site tem.

Depois de concluído, você verá uma notificação de sucesso com um link para baixar os arquivos para o seu computador em um formato de arquivo zip.

Depois de baixar o arquivo zip, você precisará extraí-lo.

Agora você está pronto para fazer o upload dos arquivos extraídos para o seu site ou para o servidor onde deseja hospedar seu site headless.

Basta conectar-se ao seu site usando um cliente FTP ou usar o aplicativo gerenciador de arquivos no painel de controle de hospedagem.

Uma vez conectado, carregue os arquivos estáticos extraídos que você baixou anteriormente para o seu site.

Depois disso, você pode visitar seu site estático para vê-lo em ação.

Observação: para atualizar seu site estático, você precisará criar um novo conteúdo em sua instalação do WordPress e repetir todo o processo novamente para substituir os arquivos estáticos que estão sendo exibidos para seus usuários.

É importante observar que esta não é a maneira mais flexível de criar um site WordPress estático.

Quando você está usando uma solução WordPress headless como o WP Engine Atlas, ela vem com melhores ferramentas para desenvolvedores, esquemas de sites iniciais, guias de instruções, soluções de implantação de produção mais inteligentes e muito mais.

Para sites maiores e soluções corporativas, recomendamos o uso do WP Engine Atlas junto com o WPGraphQL para desbloquear todo o poder do WordPress CMS headless.

Com isso dito, se você é proprietário de uma pequena empresa e leu em algum lugar que precisa de um site WordPress sem cabeça para melhorar suas classificações de SEO, esse é apenas um conselho errado. Você pode obter resultados semelhantes apenas melhorando o desempenho do seu site seguindo nosso guia sobre como acelerar o WordPress.

Esperamos que este artigo tenha ajudado você a aprender o que é o WordPress sem cabeça e se você deve usá-lo em seu site. Você também pode querer ver nosso guia sobre como criar um tema personalizado do WordPress sem codificação ou ver nossa comparação dos melhores serviços smtp para melhorar a capacidade de entrega de e-mail.

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.