Vai al contenuto

Blog

Il sito del Centro DSA Monza: pagine statiche e un CMS semplice

4 min di lettura di Davide Marzorati

Home page del sito del Centro DSA Monza: valutazione e certificazione DSA a Monza

Il Centro DSA Monza è la parte del Centro di Psicologia InTerapia dedicata ai Disturbi Specifici dell'Apprendimento: diagnosi, certificazione valida per la scuola e trattamento per bambini e ragazzi. La sua équipe, l'Equipe DSA 122, è autorizzata dall'ATS Monza e Brianza.

Seguiamo InTerapia da anni (abbiamo raccontato anche il sito della sede di Legnano e la prima app iOS). Nel 2026 abbiamo rifatto il sito del Centro DSA con un'idea precisa: un sito che il centro gestisce da solo, ma che arriva al visitatore e a Google come semplici pagine HTML, senza database e senza WordPress.

In questo caso studio raccontiamo le scelte tecniche, una per una.

Da dove partivamo

Il sito era fatto di pagine HTML scritte a mano, con un piccolo blog in PHP. Funzionava, ma ogni modifica passava da noi: un nuovo articolo, la foto di una professionista, un cambio nell'équipe. E per Google il sito diceva poco su chi fosse il centro, dove si trovasse e chi ci lavorasse.

Gli obiettivi erano tre:

  • autonomia: articoli ed équipe modificabili dal centro, dal browser;
  • chiarezza per Google: un centro medico a Monza, con i suoi servizi e i suoi professionisti, descritto in modo che un motore di ricerca lo capisca senza dubbi;
  • leggerezza: pagine veloci da aprire anche dal telefono, che è da dove cercano i genitori.

Contenuti in file, non in un database

Articoli e schede dei professionisti sono file di testo in formato Markdown: in alto i dati (titolo, descrizione per Google, data, autore, tag, immagine), sotto il testo. Le pagine del sito li leggono e li impaginano.

Tutti i file stanno in un repository su GitHub. Ogni modifica è salvata con data e autore: si vede chi ha cambiato cosa e si può sempre tornare indietro. Non c'è un database da aggiornare né da proteggere.

Un CMS nel browser per il centro

Per scrivere, il centro usa un pannello che si apre dal browser e salva i file direttamente su GitHub. Chi scrive vede un normale editor, con campi chiari:

  • articoli, con bozze, tag, immagine di copertina e testo alternativo;
  • équipe, divisa in sezioni (Equipe DSA 122, potenziamento, collaborazioni esterne);
  • autore dell'articolo scelto tra i professionisti dell'équipe: l'articolo esce firmato, con il link alla scheda di chi l'ha scritto.

Le immagini caricate vengono ridotte a 1.600 pixel al massimo e convertite in WebP dal pannello stesso: chi scrive non deve preoccuparsi del peso delle foto.

Pubblicazione automatica

A ogni salvataggio GitHub Actions copia il sito sul server via FTP. Dopo un paio di minuti la modifica è online, senza nessun passaggio a mano.

Il modulo dei contatti è l'unica parte che gira sul server: un piccolo script PHP con un controllo anti-spam, che spedisce i messaggi dalla casella del centro via SMTP. Le credenziali non stanno nel codice ma nei secret di GitHub, e arrivano sul server in un file non raggiungibile dal web.

SEO tecnica di base, senza dimenticanze

Quello che di solito si aggiunge con un plugin qui è fatto dal codice del sito, per ogni pagina:

  • titolo e descrizione per Google scritti a mano, con le ricerche del territorio ("diagnosi e certificazione DSA a Monza", "logopedista a Monza");
  • sitemap aggiornata da sola quando si pubblica un articolo o si aggiunge un professionista;
  • indirizzo canonico, per evitare doppioni;
  • immagine di anteprima per ogni pagina, così un link condiviso su WhatsApp o Facebook si presenta bene;
  • pagina 404 con la grafica del sito e i collegamenti alle pagine principali.

Per i genitori che arrivano dal telefono ci sono i pulsanti Chiama e WhatsApp sempre a portata di dito.

Sicurezza

Senza WordPress e senza database spariscono gli aggiornamenti di plugin e le relative falle. Restano poche cose da fare bene, e le abbiamo fatte: HTTPS obbligatorio con HSTS, una Content Security Policy che indica al browser da dove possono arrivare script e stili, e le cartelle con codice e contenuti chiuse al web.

I numeri

Misure con Lighthouse del 15 ottobre 2026 su cinque pagine (home, diagnosi, équipe, un articolo, contatti):

  • accessibilità 100, buone pratiche 100, SEO 100 su tutte e cinque;
  • nessuno spostamento della pagina durante il caricamento (CLS 0);
  • la home pesa circa 290 KB in tutto, immagini comprese; il suo HTML compresso è di circa 9 KB.

Da un sito a un metodo

Il lavoro sul Centro DSA Monza è diventato il nostro modo di fare siti: contenuti in file, un pannello semplice per chi li gestisce, pagine statiche generate e pubblicate in automatico. Anche il sito che stai leggendo è costruito così.

Se hai un centro o uno studio e vuoi un sito che puoi aggiornare da solo, veloce e chiaro per Google, guarda il nostro servizio di sviluppo siti web o quello dedicato ai siti web per psicologi. Oppure parliamone: la prima call è gratuita.

Parliamo del tuo progetto.

Una prima call gratuita di 15 minuti con Davide. Nessun impegno: solo chiarezza su cosa si può fare davvero per la tua attività.

Prenota una call gratuita+39 02 8719 7889

Consulenza gratuita