O que é o Headless WordPress e se você deve usá-lo (prós e contras)

Os usuários nos perguntam com frequência o que é o WordPress sem cabeça e se devem usá-lo.

O Headless WordPress separa a área administrativa de back-end do WordPress do front-end que os visitantes veem. Isso permite que os desenvolvedores usem tecnologias diferentes para a parte de front-end de um site e, ao mesmo tempo, mantenham a estabilidade e a segurança do WordPress.

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

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

O que é o Headless WordPress?

WordPress sem cabeça é 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. É nela que você cria conteúdo como posts e páginas, instala plugins, gerencia comentários e muito mais.

O front-end é a área visível ao público de seu site.

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

O WordPress normalmente cuida de ambos os componentes em um único 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, nos quais podem precisar usar outras tecnologias, como React.js, Angular.js, Faust.js e outras, para criar um front-end personalizado para o site.

O Headless WordPress permite que eles usem essas tecnologias e ainda usem 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, na qual você cria conteúdo e gerencia seu site. Ele também inclui um mecanismo de modelos para exibir o front-end do seu site usando temas.

Para obter mais detalhes, consulte 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 do WordPress no formato JSON.

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

Quais são as vantagens de usar o Headless WordPress?

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

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

Muitos desenvolvedores acreditam que o WordPress sem cabeça 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 fornecer 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. Integrar dados do Headless WordPress a outros aplicativos

Digamos que você tenha um aplicativo para dispositivos móveis e agora queira integrar seu blog ou outra seção do seu site WordPress a esse 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, avaliações ou loja on-line. Então, o WordPress sem cabeça pode integrar os dados do WordPress em seu site estático.

3. Publique em várias plataformas por meio do Headless WordPress

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, publicar em plataformas de mídia social, usá-los em dispositivos de IoT, como alto-falantes inteligentes, alimentar uma ferramenta de inteligência artificial, conectar-se a assistentes virtuais e muito mais.

4. O WordPress sem cabeça é muito mais econômico do que os CMS proprietários sem cabeça

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

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

Criar um site WordPress sem cabeçalho também pode colocar seu site em certas desvantagens. Vamos dar uma olhada em algumas delas.

1. O WordPress sem cabeça é mais caro em comparação com os sites tradicionais do WordPress

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

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

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

2. Alguns plug-ins do WordPress podem não funcionar

Os plug-ins são como aplicativos para o seu site WordPress e permitem adicionar novos recursos ao site e ampliar sua funcionalidade.

Um site WordPress sem cabeçalho pode não ser capaz de aproveitar alguns dos plug-ins do WordPress.

Por exemplo, alguns dados do 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.

Dito isso, plug-ins populares do WordPress, como o AIOSEO, têm uma extensão da API REST que permite criar sites do WordPress sem cabeçalho compatíveis com SEO.

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

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

Ocasionalmente, pode haver problemas em ambos os lados. Você precisará contar com os desenvolvedores para resolver esses problemas. Ou você gastará seu valioso tempo para corrigi-los.

A complexidade adicional dificultará o crescimento de sua empresa.

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

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.

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

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

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

A ativação desses recursos pode aumentar significativamente a velocidade do seu site sem a necessidade de contratar desenvolvedores.

Combine isso com uma CDN avançada e um firewall de aplicativo da Web, como o Cloudflare ou o Sucuri, e seu site ficará ainda mais rápido.

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

Quanto às integrações, há 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 do WordPress e ferramentas de terceiros usando o Zapier.

Se você precisar de uma integração que não esteja disponível por meio de um plug-in existente do WordPress, talvez seja melhor contratar um desenvolvedor para criar um plug-in personalizado.

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

Quem deve usar o Headless WordPress?

Acreditamos que o WordPress sem cabeça só deve ser usado em cenários muito específicos.

Primeiro, você precisa avaliar se há uma necessidade genuína de um CMS sem cabeça.

Por exemplo, uma empresa que criou um site personalizado ou um aplicativo. Ela pode precisar do WordPress para facilitar os recursos de gerenciamento de conteúdo e, nesse caso, faz sentido usar o WordPress sem cabeça.

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

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

Coisas importantes a serem observadas com o WordPress sem cabeça

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

Alguns desenvolvedores e agências de WordPress tentarão empurrar sites sem cabeça para você, e você deve saber no que está se metendo. Lembre-se de que o incentivo deles é cobrar mais dinheiro de você.

Se o único motivo pelo qual eles propõem o WordPress sem cabeçalho for velocidade ou SEO, você deverá perguntar o que já foi feito para otimizar a velocidade do seu site e qual será o impacto da mudança para o WordPress sem cabeçalho. Se não obtiver uma resposta concreta, você deve procurar uma segunda opinião.

Você ficará surpreso com o fato de que, para a grande maioria dos sites, os aprimoramentos são insignificantes, mas o custo de desenvolvimento e manutenção de 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 o Contentful, pois você ficará muito decepcionado.

Já ouvimos vários proprietários de empresas mudarem de empresa apenas para perceber o erro que cometeram e, então, voltarem para o WordPress.

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

Como criar um site WordPress sem cabeça?

Há muitas maneiras de criar um site WordPress sem cabeçalho, dependendo das ferramentas que você deseja usar para o front-end.

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

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

Ele precisa ser um site ativo com 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 da SiteGround são alimentados pelo Google Cloud e têm muitas ferramentas integradas de otimização de desempenho.

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çalho e é voltado para desenvolvedores.

O Atlas vem com uma conta sandbox gratuita, conteúdo modular 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 local do WordPress em seu próprio computador.

Depois disso, você pode começar a trabalhar em seu site adicionando posts e páginas. Você também pode escolher um tema do WordPress para seu site e projetá-lo.

Quando seu site estiver pronto, você precisará instalar e ativar o plug-in 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 ” Settings para configurar o plug-in.

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

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

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

Em seguida, vá para a guia “Include/Exclude” (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 correspondam a um padrão específico.

Não se esqueça de clicar no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Agora, você está pronto para gerar arquivos estáticos para o seu site headless. Basta acessar a página Simply Static ” Generate e clicar no botão “Generate Static Files” (Gerar arquivos estáticos).

Em seguida, o plug-in começará a rastrear seu site e a armazenar arquivos estáticos em uma pasta temporária. Isso pode demorar um pouco, dependendo do número de páginas de seu site.

Quando terminar, 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 fazer o download do arquivo zip, você precisará extraí-lo.

Agora você está pronto para carregar os arquivos extraídos no seu site ou no servidor em que deseja hospedar o site sem cabeça.

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

Depois de conectado, carregue os arquivos estáticos extraídos que você baixou anteriormente em 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, será necessário criar um novo conteúdo na instalação do WordPress e repetir todo o processo novamente para substituir os arquivos estáticos que estão sendo fornecidos aos usuários.

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

Quando você usa uma solução WordPress sem cabeça, como o WP Engine Atlas, ela vem com melhores ferramentas para desenvolvedores, projetos de sites iniciais, guias de instruções, soluções mais inteligentes de implantação de produção e muito mais.

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

Dito isso, se você é proprietário de uma pequena empresa e leu em algum lugar que precisa de um site WordPress sem cabeçalho para melhorar suas classificações de SEO, esse é 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 saber o que é o WordPress sem cabeça e se você deve usá-lo em seu site. Talvez você também queira ver nosso guia sobre como criar um tema personalizado do WordPress sem codificação ou ver nossa comparação dos melhores serviços de smtp para melhorar a capacidade de entrega de e-mails.

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