Glossario
I termini del mondo web spiegati in italiano semplice. Clicca su una voce per espanderla.
A
- Pratiche e standard che rendono un sito utilizzabile anche da persone con disabilità: lettori di schermo, navigazione da tastiera, contrasti adeguati, alternative testuali alle immagini.
- Application Programming Interface. Insieme di funzioni che un servizio espone per essere usato da altri programmi. Ad esempio Google Maps offre API per integrare mappe nel proprio sito.
- Framework moderno per costruire siti web veloci. Genera per default pagine statiche (HTML puro) e aggiunge interattività solo dove serve. È quello che usiamo per la maggior parte dei nostri siti.
Accessibilità (a11y)
API
Astro
B
- La parte 'invisibile' di un sito: server, database, logica applicativa. Si contrappone al frontend (ciò che l'utente vede e tocca).
- Il programma con cui visiti i siti: Chrome, Firefox, Safari, Edge. Ogni browser interpreta HTML/CSS/JavaScript in modo leggermente diverso.
Backend
Browser
C
- Memoria temporanea che il browser usa per non scaricare ogni volta gli stessi file (immagini, CSS, ecc.). Velocizza la navigazione ma a volte mostra contenuti vecchi: il refresh forzato (Ctrl+Shift+R) la svuota.
- Content Delivery Network. Rete di server distribuiti nel mondo che servono i file di un sito dal punto geografico più vicino all'utente, riducendo i tempi di caricamento.
- Content Management System. Pannello dove un utente non tecnico può aggiungere, modificare o cancellare contenuti senza toccare codice. WordPress è il più noto.
- Cascading Style Sheets. Il linguaggio che definisce l'aspetto grafico di un sito: colori, font, spaziature, layout.
Cache
CDN
CMS
CSS
D
- L'indirizzo che si digita per raggiungere un sito (es. ilmiositonline.com). Va registrato presso un registrar e rinnovato ogni anno.
Dominio
E
- Sito che vende prodotti o servizi online con carrello, checkout e pagamento. Può essere costruito con piattaforme dedicate come WooCommerce, Shopify, PrestaShop, ognuna con pro e contro su commissioni, personalizzazione e costi fissi.
E-commerce
F
- La piccola icona che il browser mostra nella scheda accanto al titolo della pagina. Spesso coincide col logo del sito.
- La parte visibile e interattiva di un sito: tutto ciò che l'utente vede nel browser. Si occupa di HTML, CSS, JavaScript.
Favicon
Frontend
G
- Regolamento europeo sulla privacy (2018). Impone trasparenza su quali dati personali raccoglie un sito, perché, e come l'utente può cancellarli o esportarli.
- Generative Engine Optimization. L'evoluzione della SEO per i motori di ricerca generativi (ChatGPT, Perplexity, Gemini): rendere il sito facilmente comprensibile e citabile dalle AI.
GDPR
GEO
H
- Lo spazio su un server dove i file del sito sono memorizzati e da cui vengono serviti agli utenti. Esistono hosting condivisi (economici) e dedicati (per traffico alto).
- HyperText Markup Language. Il linguaggio di base con cui sono strutturati i contenuti di ogni pagina web.
- Protocollo cifrato che garantisce la sicurezza della connessione tra browser e server. Si riconosce dal lucchetto nella barra dell'indirizzo. Oggi è obbligatorio per qualunque sito.
Hosting
HTML
HTTPS / SSL
J
- Linguaggio di programmazione che gira nel browser. Permette interazioni dinamiche: form validati, animazioni, fetch di dati senza ricaricare la pagina.
- Formato di dati strutturati che Google e gli altri motori leggono per capire meglio cosa contiene la pagina (un articolo, un prodotto, un evento). Migliora la visibilità nei risultati di ricerca.
JavaScript
JSON-LD
L
- Tecnica per caricare immagini e contenuti solo quando l'utente sta per vederli, scrollando. Riduce il peso iniziale della pagina.
Lazy loading
M
- Approccio di progettazione che parte dalla versione per smartphone e poi adatta il sito a schermi più grandi, anziché viceversa. Oggi è lo standard.
Mobile-first
O
- Software il cui codice è pubblico, leggibile e modificabile da chiunque. Astro, React, Linux sono open source.
Open source
P
- Progressive Web App. Un sito web che si può 'installare' sul telefono e funziona anche offline, comportandosi come un'app nativa.
PWA
R
- Libreria JavaScript di Meta per costruire interfacce interattive complesse. La usiamo nei siti che hanno parti dinamiche (form complessi, dashboard, area riservata).
- Sito che si adatta automaticamente alla dimensione dello schermo: stessa pagina, layout diverso su smartphone, tablet e desktop.
React
Responsive
S
- Search Engine Optimization. Insieme di tecniche per far apparire il sito tra i primi risultati di Google: contenuti rilevanti, struttura pulita, velocità, link di qualità.
- Piattaforma e-commerce in cloud, in abbonamento. Pronta all'uso per chi vuole un negozio online senza pensieri tecnici. Commissioni sulle vendite più contenute con i piani superiori.
- File XML (sitemap.xml) che elenca tutte le pagine di un sito per aiutare Google a scoprirle e indicizzarle.
- Sito le cui pagine vengono generate al volo dal server in base a richieste, login o database. WordPress è dinamico. Più flessibile ma più lento e costoso da mantenere.
- Sito le cui pagine sono pre-generate come file HTML/CSS/JS e servite così come sono. Più veloce, più sicuro, più economico. È quello che facciamo per la maggior parte dei progetti.
- Una porzione di un dominio principale, separata da un punto (es. blog.esempio.it). Utile per ospitare sezioni separate di un sito (un blog, una documentazione, una versione di test) mantenendo il dominio principale pulito.
SEO
Shopify
Sitemap
Sito dinamico
Sito statico
Sottodominio
T
- Framework CSS che permette di scrivere lo stile direttamente nell'HTML con classi pre-definite. Velocizza lo sviluppo e mantiene il design coerente.
- Versione 'tipizzata' di JavaScript: aggiunge controlli che aiutano a scrivere codice senza errori. La usiamo nei progetti più strutturati.
Tailwind CSS
TypeScript
U
- User Interface (come appare) e User Experience (come funziona). Due aspetti complementari del design di un sito: estetica e utilizzabilità.
- L'indirizzo completo di una pagina (es. https://ilmiositonline.com/contatti/). È quello che si digita o si clicca per raggiungere una pagina specifica.
UI / UX
URL
W
- Web Content Accessibility Guidelines. Lo standard internazionale per l'accessibilità web. I livelli sono A (minimo), AA (consigliato), AAA (massimo).
- Plugin che trasforma un sito WordPress in un negozio online (e-commerce). Adatto a chi vuole pieno controllo del catalogo e flessibilità, senza commissioni mensili come Shopify.
- Il CMS più diffuso al mondo (oltre il 40% dei siti). Ottimo per blog e siti dinamici aggiornati spesso, ma richiede manutenzione (aggiornamenti plugin, sicurezza). Lo usiamo quando il cliente vuole gestire i contenuti in autonomia.