Os usuários nos perguntam com frequência sobre o que é o headless WordPress 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 headless e se o senhor deve usá-lo. Também falaremos sobre os prós e os contras de um site WordPress headless.
Aqui está uma rápida visão geral dos tópicos que abordaremos neste guia:
O que é o Headless WordPress?
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 o área administrativa de um site. É nela que o senhor cria conteúdo como posts e páginas, instala plugins, gerencia comentários e muito mais.
Front-end é a área visível ao público de seu site.
É 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. O senhor pode simplesmente usar qualquer tema do WordPress para exibir seu site.
No entanto, alguns desenvolvedores e proprietários de sites podem ter requisitos diferentes e talvez precisem 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 enquanto ainda usam o WordPress no back-end para facilitar o gerenciamento de conteúdo.
Como funciona o Headless WordPress?
O WordPress vem com uma área de administração fácil de usar, onde o senhor 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 API REST do WordPress.
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çalho, 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 casos.
1. O WordPress sem cabeça pode ser mais rápido do que o site normal do WordPress
Muitos desenvolvedores acreditam que o headless WordPress pode ser usado para criar um site WordPress muito mais rápido.
Ao separar o front-end do site usando tecnologia como o 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, os temas mais simples Otimização do 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 dados do WordPress headless a outros aplicativos
Digamos que o senhor tenha um aplicativo móvel e agora queira integrar seu blog ou outra seção do site do WordPress a esse aplicativo.
O Headless WordPress pode ajudá-lo a trazer seus dados do WordPress para outros aplicativos, e o senhor pode usar diferentes tecnologias para criar uma experiência de usuário perfeita.
Da mesma forma, se o senhor 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 headless WordPress pode integrar os dados do WordPress ao seu site estático.
3. Publicar em várias plataformas por meio do Headless WordPress
O Headless WordPress torna seus dados do WordPress portáteis, para que o senhor possa levá-los para qualquer lugar.
O senhor 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 poderoso do que as soluções proprietárias de “CMS corporativo”, como o Contentful, que facilmente custarão ao senhor dezenas de milhares apenas em hospedagem (sem incluir os custos de desenvolvimento).
Quais são as desvantagens de um site Headless WordPress?
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 Headless WordPress é mais caro em comparação com os sites tradicionais do WordPress
O senhor precisará contratar um desenvolvedor para criar um front-end personalizado para seu site. Isso pode facilmente chegar a dezenas de milhares de dólares.
Se o senhor for um desenvolvedor, gastará um tempo precioso criando um front-end personalizado.
Mesmo que o senhor esteja usando uma estrutura de desenvolvimento de 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
Plugins são como aplicativos para o seu site WordPress e permitem que o senhor adicione novos recursos ao seu site e amplie sua funcionalidade.
Um site WordPress sem cabeça pode não ser capaz de tirar proveito de 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 AIOSEO tem uma extensão de API REST que permite que o senhor crie sites WordPress headless amigáveis para SEO.
3. Dores de cabeça na manutenção
Basicamente, o senhor usará plataformas separadas para o front-end e o back-end do seu site, e precisará mantê-las separadamente.
Ocasionalmente, pode haver falhas em ambos os lados. O senhor precisará contar com os desenvolvedores para resolver esses problemas. Ou o senhor gastará seu próprio tempo valioso para corrigi-los.
A complexidade adicional tornará tudo mais difícil à medida que sua empresa crescer.
O senhor 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 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 Plugins 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 contratar nenhum desenvolvedor.
Combine isso com uma CDN avançada e um firewall de aplicativo da Web como o Cloudflare ou o Sucurie seu site ficará ainda mais rápido.
Veja o estudo de caso da como fizemos o WPBeginner carregar mais rápido do que os sites sem cabeça.
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 Uncanny Automator que permitem integrações com sites do WordPress e ferramentas de terceiros usando o Zapier.
Se o senhor precisar de uma integração que não esteja disponível por meio de um plugin existente do WordPress, talvez deva contratar um desenvolvedor para escrever um plugin personalizado.
Isso custará muito menos, e o senhor 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 headless WordPress só deve ser usado em cenários muito específicos.
Primeiro, o senhor precisa avaliar se há uma necessidade genuína de um CMS headless.
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 headless WordPress.
Em segundo lugar, o senhor deve ter o orçamento para contratar & 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 use o WordPress para facilitar a criação e o gerenciamento de conteúdo.
Coisas importantes a serem observadas com o Headless WordPress
Como proprietário de uma empresa sem conhecimentos técnicos, às vezes é difícil saber se o senhor realmente precisa do headless WordPress.
Alguns desenvolvedores e agências de WordPress tentarão lhe impor sites sem cabeçalho, e o senhor deve saber no que está se metendo. Lembre-se de que o incentivo deles é cobrar mais dinheiro do senhor.
Se o único motivo pelo qual eles propõem o WordPress headless for velocidade ou SEO, o senhor deve perguntar a eles o que já fizeram para otimizar a velocidade do seu site e qual será o impacto da mudança para o WordPress headless. Se não obtiver uma resposta concreta, o senhor deve procurar uma segunda opinião.
O senhor ficará surpreso com o fato de que, para a grande maioria dos sites, as melhorias são insignificantes, mas o custo para desenvolver e manter sites WordPress sem cabeçalho é muito maior.
Faça o que fizer, não deixe ninguém convencê-lo a mudar do WordPress para algo como o Contentful, pois o senhor ficará muito desapontado.
Ouvimos muitos proprietários de empresas mudarem apenas para perceberem o erro que cometeram e depois voltarem para o WordPress.
Dito isso, se o senhor estiver 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 o senhor deseja usar para o front-end.
Para este tutorial, mostraremos aos senhores como criar um site do 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 do WordPress sem interface, mas é a mais adequada para o senhor. maneira mais fácil para iniciantes.
Primeiro, o senhor precisa criar um site WordPress que o senhor deseja usar como seu CMS sem cabeça.
Esse 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 oficialmente recomendadas Hospedagem WordPress provedor.
Os servidores da SiteGround são alimentados pelo Google Cloud e têm muitas ferramentas integradas de otimização de desempenho.
Como alternativa, se o senhor puder gastar um pouco mais, dê uma olhada no WP Engine. Suas 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.
O senhor também pode fazer um site WordPress local em seu próprio computador.
Depois disso, o senhor pode começar a trabalhar em seu site adicionando posts e páginas. O senhor também pode escolher um tema do WordPress para seu site e projetá-lo.
Quando o site estiver pronto, o senhor precisará instalar e ativar o Simplesmente estático plugin. Para obter mais detalhes, consulte nosso guia passo a passo sobre Como instalar um plug-in do WordPress.
Após a ativação, o senhor precisa visitar o site Simply Static ” Configurações para configurar o plug-in.
Aqui, o senhor pode escolher o caminho do URL que deseja usar em seus arquivos estáticos.
Por exemplo, se o senhor souber o URL ou nome de domínio onde o senhor hospedará seus arquivos estáticos, poderá fornecer esse URL no campo “Absolute URLs” (URLs absolutos).
Se não tiver certeza, o senhor pode usar a opção “Relative URLs” (URLs relativos).
Em seguida, passe para a guia “Include/Exclude” (Incluir/Excluir). A partir daqui, o senhor pode adicionar páginas adicionais que deseja incluir ou adicionar páginas que deseja excluir.
O senhor 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, o senhor está pronto para gerar arquivos estáticos para seu site sem cabeça. Basta ir para a seção Simply Static ” Generate e clique no botão “Generate Static Files” (Gerar arquivos estáticos).
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 do site.
Quando terminar, o senhor verá uma notificação de sucesso com um link para fazer o download dos arquivos para o seu computador em um formato de arquivo zip.
Depois de fazer o download do arquivo zip, o senhor precisará extraí-lo.
Agora, o senhor 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 use o aplicativo gerenciador de arquivos no painel de controle de hospedagem.
Depois de conectado, carregue os arquivos estáticos extraídos que o senhor baixou anteriormente em seu site.
Depois disso, o senhor 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, em seguida, repetir todo o processo novamente para substituir os arquivos estáticos que estão sendo fornecidos aos seus usuários.
É importante observar que essa não é a maneira mais flexível de criar um site estático do WordPress.
Quando o senhor 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 empresariais, recomendamos que o senhor use o WP Engine Atlas juntamente com o WPGraphQL para liberar todo o poder do WordPress CMS sem cabeça.
Dito isso, se o senhor é proprietário de uma pequena empresa e leu em algum lugar que precisa de um site WordPress headless para melhorar suas classificações de SEO, esse é um conselho errado. O senhor 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 o senhor a saber o que é o WordPress sem cabeça e se deve usá-lo em seu site. Talvez o senhor também queira ver nosso guia sobre como criar um tema personalizado do WordPress sem codificação, ou consulte nosso comparação dos melhores serviços smtp para melhorar a capacidade de entrega de e-mails.
Se o senhor gostou deste artigo, inscreva-se em nosso Canal do YouTube para ver tutoriais em vídeo sobre o WordPress. O senhor também pode nos encontrar em Twitter e Facebook.
