Sito web: progettazione, struttura e componenti
Un sito web (o semplicemente sito) è un insieme di pagine correlate, raggiungibili tramite un dominio e ospitate su uno spazio di hosting su un server, che un browser interpreta e mostra all’utente. Progettarlo significa decidere la struttura delle pagine, i linguaggi con cui costruirle e la tipologia più adatta all’obiettivo del sito.
Come scegliere e impostare il proprio sito web
- Componenti base: dominio, spazio di hosting, pagine scritte in HTML, CSS e JavaScript, più un browser che le interpreta.
- Struttura: una home page e pagine secondarie collegate tramite menu, link interni e URL coerenti.
- Tipologie: informativo/blog, e-commerce, vetrina aziendale, portfolio, community o web application, a seconda dell’obiettivo.
- Statico o dinamico: contenuti fissi scritti direttamente in HTML oppure generati da un database a ogni richiesta.
- Chi lo progetta: sviluppatori e web designer per i progetti su misura, CMS o strumenti no-code per i casi più semplici, con tempi di configurazione che variano da poche ore a diverse settimane.
Come funziona un sito web
Un sito funziona attraverso tre elementi che devono stare insieme: un indirizzo da digitare, uno spazio che conserva i file e un programma che li legge. Tolto uno dei tre, il sito non è raggiungibile.
Il dominio: l’indirizzo del sito
Il dominio è la stringa che l’utente digita nella barra del browser per raggiungere il sito, per esempio nomeattivita.it. Dietro le quinte il DNS traduce quel nome in un indirizzo IP, il numero che identifica il server su cui il sito risiede. Secondo L’elenco definitivo di statistiche sulle attività online (2024), i domini con estensione .com risultano oltre il 33% più memorabili rispetto a quelli con altri domini di primo livello: un argomento in più per scegliere il dominio con calma, non all’ultimo momento prima del lancio.
Lo spazio di hosting: dove vivono i file
L’hosting è il servizio che affitta spazio su un server sempre acceso e collegato alla rete, dove risiedono i file del sito: testi, immagini, codice. Un hosting da 20 GB, per fare un esempio concreto, consente di memorizzare circa 20.000 file da 1 MB ciascuno; quanto spazio serva davvero dipende dal numero di pagine, dalle immagini e dagli eventuali video che il sito ospita.
Browser e linguaggi: HTML, CSS, JavaScript
Il browser (Chrome, Firefox, Safari, Edge) chiede i file al server e li traduce in quello che vedi a schermo. Le pagine sono scritte in HTML per la struttura dei contenuti, in CSS per l’aspetto grafico e in JavaScript per i comportamenti interattivi, come un modulo di contatto che si apre senza ricaricare la pagina. Chrome resta il browser con la quota di mercato più alta, pari al 64,7%, secondo L’elenco definitivo di statistiche sulle attività online (2024): una buona ragione per testare sempre il sito anche su almeno un altro browser prima di pubblicarlo.
Struttura di un sito web: pagine, home e navigazione
La home page è la pagina che si ottiene digitando il solo nome di dominio e da lì partono, tramite menu e collegamenti ipertestuali, le pagine secondarie con i contenuti veri e propri. Ogni pagina ha un proprio indirizzo URL, che in genere riproduce la gerarchia delle cartelle sul server: una sottocartella nell’indirizzo corrisponde quasi sempre a una sezione del menu.
Con il 95,8% degli utenti che accede a Internet da telefono cellulare, secondo L’elenco definitivo di statistiche sulle attività online (2024), una struttura pensata per lo schermo piccolo non è un’opzione: menu che si comprimono, testi leggibili senza zoom, pulsanti distanziati abbastanza da toccarli con un dito.
La struttura non si improvvisa mentre si scrive il codice: si decide prima, con pochi passaggi.
- Definisci l’obiettivo principale del sito: informare, vendere, raccogliere contatti o presentare un servizio.
- Elenca le pagine davvero necessarie per raggiungere quell’obiettivo, senza aggiungerne per abitudine.
- Organizza le pagine in una gerarchia con una home e un menu che rispecchia quella gerarchia.
- Scegli dominio e hosting coerenti con le dimensioni previste del sito.
- Scegli i linguaggi o il CMS con cui costruire e aggiornare le pagine nel tempo.
Tipologie di siti web in base all’obiettivo
Un sito informativo o un blog condivide notizie e guide; un e-commerce vende prodotti o servizi online; un sito vetrina presenta un’attività, i suoi contatti e i servizi offerti; un portfolio raccoglie i lavori di un professionista creativo; un sito community mette in comunicazione gli utenti tra loro tramite forum o gruppi; una web application offre funzioni interattive complesse, come l’home banking o i servizi della pubblica amministrazione. Molti siti reali mescolano più di una di queste funzioni: un’azienda può avere un sito vetrina con un blog integrato, per esempio.
| Tipologia | Obiettivo principale | Componente chiave da progettare |
|---|---|---|
| Informativo / blog | Condividere contenuti e guide | Struttura ad articoli e categorie |
| E-commerce | Vendere prodotti o servizi | Catalogo, carrello, pagamento |
| Vetrina aziendale | Presentare l’attività e i contatti | Pagine di servizio e modulo contatti |
| Portfolio | Mostrare lavori svolti | Gallerie e case study |
| Community | Far interagire gli utenti | Forum, profili, moderazione |
| Web application | Offrire un servizio interattivo | Account utente, database, logica applicativa |
Siti statici e siti dinamici: quale scegliere
La differenza tra statico e dinamico decide come cambiano i contenuti nel tempo, e di conseguenza chi può aggiornarli.
Se aggiorni i contenuti raramente: sito statico
Un sito statico è formato da pagine HTML scritte una volta e mostrate sempre uguali a ogni visitatore: per modificarle serve intervenire sul file sorgente, di solito tramite un editor web. È la soluzione più semplice da mantenere per un sito vetrina che cambia poco nel tempo.
Se i contenuti cambiano spesso: sito dinamico
Un sito dinamico genera le pagine al momento della richiesta, collegandosi a un database: un blog che pubblica articoli ogni settimana o un e-commerce che aggiorna il magazzino hanno bisogno di questa architettura. I linguaggi più usati per la parte server sono PHP, Python o Ruby, mentre la modifica dei contenuti avviene spesso tramite editor grafici che non richiedono di scrivere codice.
Chi si occupa della progettazione di un sito web
Un sito su misura passa in genere per un web designer, che decide l’aspetto e l’esperienza d’uso, e per chi scrive il codice lato frontend e lato server. Per i progetti più semplici esistono strumenti no-code e low-code, e soprattutto i CMS, che permettono di creare e aggiornare pagine senza scrivere codice. WordPress alimenta il 43,1% di tutti i siti web, secondo L’elenco definitivo di statistiche sulle attività online (2024). Lo consiglio quasi sempre a chi gestisce in autonomia i contenuti, mentre riservo lo sviluppo su misura ai casi con esigenze che un CMS non copre bene.
Progettare non finisce alla pubblicazione: chi gestisce un sito internet nel tempo deve controllare che le pagine si vedano su Google, il che richiama il lavoro di indicizzazione del sito, e periodicamente valutare se serve una migrazione del sito verso un nuovo hosting o CMS. Anche la velocità di caricamento resta parte della progettazione: le metriche che la misurano sono i Core Web Vitals.
Pagina web e sito web: la differenza
La pagina web è il singolo documento, scritto in HTML e raggiungibile con un proprio URL: la pagina dei contatti o la scheda di un prodotto in un e-commerce sono pagine web. Il sito web è l’insieme di più pagine collegate sotto lo stesso dominio. Una pagina può includere altre pagine al suo interno, per esempio tramite un frame o un embed, ma resta comunque un’unità distinta dal sito che la ospita.
Web e Internet: la differenza
Internet è l’infrastruttura di rete che collega i computer di tutto il mondo e permette lo scambio di dati. Il World Wide Web è uno dei servizi che viaggiano su quell’infrastruttura: il sistema di documenti collegati da link che consultiamo tramite un browser. Il Web fu concepito nel 1989 da Tim Berners-Lee al CERN di Ginevra, per condividere documenti scientifici in modo ipertestuale; da quella prima versione è nato il sistema di pagine e siti che usiamo oggi.
Errori di progettazione più frequenti
Capita spesso di vedere siti con pagine aggiunte una alla volta, senza una gerarchia pensata all’inizio: il risultato è un menu confuso e contenuti difficili da trovare, sia per l’utente sia per chi deve indicizzarli. Un altro errore ricorrente è scegliere la tipologia sbagliata rispetto all’obiettivo, per esempio un sito vetrina quando l’attività avrebbe bisogno di un catalogo prodotti vero e proprio. Sconsiglio anche di scegliere dominio e hosting guardando solo al prezzo più basso, senza considerare quanto il sito dovrà crescere nei prossimi anni. Un ultimo punto che si trascura spesso è l’accessibilità: un sito pensato solo per chi vede bene lo schermo esclude chi naviga con uno screen reader, e questo va deciso in fase di progettazione, non aggiunto dopo.
Domande frequenti
Che cos’è un sito web?
Un sito web è un insieme di pagine correlate, pubblicate su un dominio e ospitate su uno spazio di hosting, raggiungibili tramite browser. La progettazione decide come queste pagine sono organizzate e con quali linguaggi sono costruite.
Qual è la differenza tra un sito web e una pagina web?
La pagina web è il singolo documento HTML con un proprio URL; il sito web è l’insieme di più pagine collegate sotto lo stesso dominio. Una pagina esiste sempre dentro un sito, mai da sola.
Qual è la differenza tra il web e Internet?
Internet è l’infrastruttura di rete che collega i computer; il Web è uno dei servizi che viaggiano su questa infrastruttura, fatto di pagine collegate da link, due cose distinte anche se nel linguaggio comune spesso si confondono.
Facebook è un sito web?
Dal punto di vista tecnico sì, perché è raggiungibile tramite un dominio e un browser come qualunque sito. Funzionalmente però si comporta come una piattaforma social con funzioni interattive che vanno oltre un sito informativo o vetrina.
Google è un browser web?
No. Google è un motore di ricerca che indicizza altri siti e restituisce risultati; il browser è il programma, come Chrome o Firefox, con cui si apre Google e qualsiasi altro sito.
Qual è la differenza tra una piattaforma e un sito web?
Una piattaforma offre funzioni interattive complesse, come un gestionale o un marketplace, ed è spesso raggiungibile anch’essa tramite un sito web. Un sito vetrina o informativo ha uno scopo più semplice: presentare contenuti, non gestire processi.
Quanto costa un sito web al mese?
Dipende dalle componenti scelte: dominio, hosting, eventuale CMS o sviluppo su misura hanno ciascuno un costo separato, che può andare da poche decine di euro l’anno per un dominio a diverse migliaia per uno sviluppo su misura. Non esiste una cifra unica valida per tutti i casi: va calcolata voce per voce con il fornitore scelto.
