Como implementámos um blog dinâmico num site 100% HTML (sem CMS)

Nem sempre a melhor solução, para um cliente, passa por instalar um CMS/Gestor de Conteúdos como WordPress. Nalguns casos, encontramos clientes que preferem manter a estrutura atual do site, em HTML. Normalmente, o cliente prefere manter esse formato pela leveza, rapidez e, na maioria dos casos, o controlo total sobre código do site. Foi exatamente este o desafio que nos foi lançado: criar um blog dinâmico, que pudesse ser gerido pela equipa comercial, sem recorrer a qualquer CMS… ah, e mantendo o site todo em HTML!

Por que manter um site em HTML?

Antes de mais, a questão que surge é óbvia: Com tantas opções de Gestores de Conteúdos, tanto proprietários, como Open Source, porque optar por um site em HTML?! Bem, há algumas vantagens:

Velocidade de carregamento: não há camadas de software a processar cada página.

Segurança: sem base de dados interna e sem CMS, a superfície de ataque é muito reduzida.

Controlo total do código: é possível otimizar cada linha para SEO e desempenho.

Compatibilidade e durabilidade: um site HTML bem feito pode durar anos sem grandes manutenções.

Mas por que incluir um blog?

Mesmo em sites estáticos, um blog é fundamental para atrair tráfego orgânico, gerar autoridade e manter a presença digital sempre atualizada. Já explicámos estas vantagens em detalhe num artigo, dá uma vista de olhos aqui: Porque é que deves criar um blog para a tua loja online.

O desafio

Resumindo, o cliente queria:

  • Manter o site em HTML.
  • Publicar artigos de forma simples, pela própria equipa comercial.
  • Evitar instalações complexas ou servidores adicionais.
  • Garantir SEO e Schema Markup em todas as páginas.

A solução

Como implementámos um blog dinâmico num site 100% HTML (sem CMS)

Depois de compreender o que o cliente pretendia e as restrições técnicas envolvidas, definimos uma abordagem que unisse simplicidade na gestão e eficiência na execução. A solução desenvolvida permite criar e publicar artigos de forma rápida, totalmente integrada com o site em HTML, mantendo todas as vantagens de desempenho, segurança e SEO já existentes.

Base de dados no Google Sheets

Criámos um Google Sheet com colunas para todos os elementos essenciais do blog: Tema, Data, Meta Title, Meta Description, Slug, Título, Conteúdo, Newsletter, Imagem, etc. Assim, a equipa comercial só precisa de preencher a tabela para criar novos artigos.

Estrutura HTML otimizada para SEO e Schema

Desenvolvemos dois modelos HTML:

  • Página de listagem do blog: exibe todos os artigos por ordem cronológica, com imagem, resumo e link.
  • Template de artigo: página individual com título, imagem, conteúdo formatado, meta tags e JSON-LD Schema Markup para melhorar a indexação nos motores de busca.

O Schema Markup garante que o Google entende o conteúdo como um artigo, podendo exibir rich snippets com título, data e imagem nos resultados.

Automação com n8n

Criámos um fluxo no n8n que:

  1. Lê os dados do Google Sheets.
  2. Converte o conteúdo em HTML formatado.
  3. Gera automaticamente as páginas de listagem e de artigos.
  4. Faz upload via FTP para o servidor.
  5. Atualiza o sitemap.xml para que os novos artigos sejam rapidamente detetados pelo Google.

Tudo isto acontece de forma automática – sempre que existe uma nova linha no Google Sheets, ou se algum do seu conteúdo é alterado -, sem que a equipa tenha de escrever código ou aceder ao servidor manualmente.

Benefícios da abordagem

  • Publicação rápida e autónoma de novos conteúdos.
  • Zero dependência de CMS ou base de dados local.
  • Total controlo de SEO e estrutura do site.
  • Processo escalável e replicável para outros clientes.

Este projeto mostrou que é possível unir a simplicidade e velocidade de um site HTML com a dinâmica e relevância de um blog atualizado, tudo graças à automação e integração inteligente de ferramentas como o Google Sheets e o n8n.

Na Paipeláine, transformamos desafios técnicos em soluções práticas, escaláveis e fáceis de gerir.