Caso de estudo
Uma aldeia de 300 pessoas merece um site assim.
Este site é uma homenagem, não oficial, a Janeiro de Cima, que João Ferrodesenhou e desenvolveu para mostrar o que uma aldeia, uma junta de freguesia ou um município pode ter: um site que abre num instante, aparece no Google, é citado pelos assistentes de IA e se atualiza sem depender de ninguém.
- de JavaScript em todo o site (comprimido)
- 9 KB
- pesa a página inicial sem fotos, com todas as ilustrações (comprimida)
- 66 KB
- scripts, fontes ou cookies de terceiros
- 0
- tipos de dados estruturados para Google e IA
- 14
Valores medidos no build de produção desta demo.
O que está por trás
Seis coisas que o site de um território tem de fazer bem.
Abre num instante, mesmo na serra
Quem procura a aldeia no telemóvel, com rede fraca a meio da estrada, vê a página logo. As ilustrações são vetoriais e as fotos saem em AVIF, no tamanho certo para cada ecrã.
- HTML pronto, sem esperar por JavaScript
- Fontes próprias, sem pedidos à Google
- Fotos AVIF com vários tamanhos
- Animações em CSS que respeitam “reduzir movimento”
Encontrado no Google
Cada página diz ao Google o que é: um destino turístico com coordenadas, atrações, um percurso pedestre, uma agenda e perguntas frequentes.
- TouristDestination com atrações e mapa
- Percurso marcado como TouristTrip
- Eventos confirmados marcados como Event
- Sitemap, URLs canónicos e breadcrumbs
Citado pelos assistentes de IA
Quando alguém pergunta ao ChatGPT ou ao Perplexity “o que visitar perto do Fundão?”, estes sistemas preferem fontes que respondem de forma direta e verificável.
- Respostas que começam pelo facto principal
- llms.txt com o resumo da aldeia
- Acesso explícito aos crawlers de IA
- Fontes citadas em todas as páginas
Seguro por defeito
Sem base de dados nem painel exposto, não há muito para atacar. O resto fica fechado com políticas estritas, sem exceções.
- Content Security Policy sem código inline
- HTTPS obrigatório com HSTS
- Proteção contra iframes e sniffing
- Dependências com quarentena de 2 dias
A aldeia atualiza sozinha
A comissão de festas ou a junta mudam a agenda, os produtos e os lugares num painel simples em português, sem tocar em código.
- Painel Decap CMS
- Histórico de versões no GitHub
- Publicação automática em cerca de um minuto
- Datas “previstas” e “confirmadas” separadas
Barato de manter
Alojamento estático na Cloudflare Pages: sem servidor para gerir, sem mensalidades que crescem com as visitas, mesmo no fim de semana do festival.
- Certificado SSL incluído
- Aguenta picos de tráfego
- Domínio próprio
- Sem plugins para atualizar
Os pormenores
Feito para Janeiro de Cima, não a partir de um modelo.
- O passeio
- Um botão abre um passeio em ecrã inteiro por uma rua da aldeia: calçada, paredes de xisto e seixo, a quelha, a Casa das Tecedeiras, o rio e a roda. Anda-se com as setas, a roda do rato ou o dedo.
- Dia e noite
- O site muda com a hora de Lisboa, ou com o candeeiro no topo. À noite acendem-se as janelas e os candeeiros de braço, e o cursor leva uma lanterna.
- A barca
- A ilustração do topo é SVG desenhado à mão. O céu segue a hora real em Janeiro de Cima e, ao clicar, o barqueiro atravessa o rio à vara.
- Os seixos
- A parede de xisto é gerada a partir de uma semente: as mesmas lajes em cada build, com os seixos a cair no lugar quando a parede entra no ecrã.
- A agenda
- Eventos que já passaram desaparecem com o relógio de quem visita, mesmo que o site não tenha sido reconstruído. Cada um pode ir para a agenda do telemóvel.
- O rigor
- Nada foi inventado: factos da Wikipédia, do INE e das Aldeias do Xisto, datas dos cartazes da aldeia e fotos com autor e licença.
- Decap CMSA aldeia edita a agenda, os produtos e os lugares
- GitHubGuarda cada versão do conteúdo
- AstroGera páginas estáticas ultrarrápidas
- Cloudflare PagesPublica em todo o mundo, com HTTPS
Próximo passo
Uma aldeia, uma freguesia, um concelho? Faço-lhe um assim.
Sou o João Ferro. Desenho e desenvolvo sites rápidos, seguros e fáceis de encontrar, para territórios, negócios locais e quem os promove.