Desafio
Não complicar a base de publicação.
Era necessária uma arquitetura que continuasse levando ao conteúdo certo com o aumento de informações e funções, além de isolar o impacto de atualizações e falhas.
PROJETO / BASE DO SITE
De site estático a uma base operável.
Um projeto interno que adicionou gradualmente CMS, busca, SEO e qualidade de entrega sem perder a leveza de um site estático.
Visão geral / 01
Uma base de site que pode continuar sendo atualizada.
Sobre Astro e Cloudflare Pages, adicionamos CMS, busca e outras funções em unidades verificáveis. Edição, revisão e publicação foram organizadas como uma única operação.
- Projeto
- Site oficial da Acecore
- Base de publicação
- Astro / Cloudflare Pages
- Fluxo de atualização
- Sveltia CMS / GitHub
- Categoria
- Projeto interno
Estado atual
Resultados alcançados
Atualização
Páginas fixas, artigos e configurações podem ser atualizados pelo CMS
Descoberta de informações
A busca e os fluxos internos levam às informações necessárias
Qualidade de publicação
SEO, CSP, acessibilidade e qualidade de exibição podem ser verificados no mesmo fluxo de publicação
Desafio e abordagem / 02
Manter simples e pronto para evoluir.
Diretriz
Projetar funções e fluxo de publicação em conjunto.
Separamos CMS, artigos, busca e outros elementos por função e tratamos como parte da solução quem edita, onde revisa e como publica.
Escopo implementado / 03
Escopo estruturado gradualmente
Em vez de adicionar cada item de forma isolada, avançamos observando sua relação com publicação, revisão e operação.
01
Atualizações e operação de artigos
Criamos uma entrada para atualizar pelo navegador e um fluxo para revisar as alterações pelo GitHub.
- Edição de páginas fixas, artigos e configurações com Sveltia CMS
- Organização do destino de upload das imagens e dos campos de entrada
- Lista de artigos, tags, conteúdo relacionado e RSS
02
Descoberta de informações e fluxos internos
Adicionamos uma estrutura que permite chegar à informação necessária pela busca e por links relacionados mesmo com o aumento das páginas.
- Busca interna com Pagefind
- Organização do conteúdo pesquisável e das exclusões
- Links internos entre serviços, preços e artigos
03
Informações transmitidas aos mecanismos de busca
Alinhamos a função de cada página com sua URL e tornamos consistentes as informações necessárias nos resultados de busca e no compartilhamento.
- title, description, OGP e canonical
- JSON-LD para Organization, WebSite, WebPage e outros tipos
- Consistência entre o sitemap e as URL multilíngues
04
Qualidade de publicação
Verificamos segurança, facilidade de uso e velocidade junto com a arquitetura de entrega, sem tratá-las como acréscimos separados.
- CSP, cabeçalhos de segurança e cache
- Operação por teclado, foco e formulários
- Imagens, CSS, fontes e scripts externos
Suporte relacionado / 04
Serviços usados neste caso
Notas técnicas / 05
Consulte os materiais técnicos para conhecer as decisões em detalhe.
As decisões de arquitetura e implementação estão reunidas nas explicações técnicas da Acecore Systems.
Note 01
CMS e fluxo de publicação
Registro do projeto dos itens editáveis, imagens, backend do GitHub e fluxo de revisão e publicação.
Note 02
Busca e fluxos internos
Exemplos de melhoria da UX e da qualidade do código, incluindo a busca Pagefind.
Note 03
Qualidade de entrega e segurança
Organização de CSP, cabeçalhos de segurança, cache e configurações de entrega do Pages.