Che cos’è un sito web portabile?

1. Ti serve un Portable Website o una Web Application?

Un produttore vuole mostrare cosa sa realizzare, le sue certificazioni e il catalogo. Un consulente deve spiegare i servizi che offre e presentare i lavori svolti per i clienti. Un designer ha bisogno di un portfolio. I visitatori di questi siti vogliono capire l’offerta, valutarla e contattare l’azienda o il professionista. Una piattaforma di trading deve invece eseguire ordini; un’applicazione per collaborare deve conservare documenti privati e gestire modifiche simultanee. Si accede a tutto dal browser, ma il lavoro da svolgere cambia.

Un Portable Website è un sito completo che puoi conservare, trasferire su un hosting compatibile e mantenere senza dipendere da chi lo ha creato. Una Web Application è un programma usato attraverso il browser per modificare documenti, gestire ordini o amministrare un account. Può funzionare nel browser, appoggiarsi a un server oppure usare entrambi. Per presentare un’azienda o descrivere un servizio, di solito tutti possono leggere le stesse pagine. Quando cambiano le informazioni, si aggiornano i file: non occorre ricomporre lo stesso contenuto da un database a ogni visita.

Un’azienda che esporta prodotti può aver bisogno di un catalogo multilingue curato e ricevere le richieste via email. Il sito è essenziale, mentre gli account cliente e le disponibilità di magazzino in tempo reale potrebbero non servire. Anche tenere sempre attivo un sistema di gestione dei contenuti, o CMS, può essere superfluo per chi visita le pagine. Se il sito dipende da questi sistemi, qualcuno dovrà comunque occuparsene. Il cliente che cercava un Portable Website si ritrova così a dover mantenere una Web Application.

2. Quando comprare un sito significa anche mantenere un’applicazione

Spesso chi vende la creazione di un sito offre anche tutto ciò che serve a mantenerlo online. I servizi per costruire siti nel browser riuniscono editor, archivio di immagini e altri file, hosting e integrazioni. Un CMS tradizionale può usare un pannello di amministrazione, un database, temi, plugin e un server che genera le pagine. Un’applicazione su misura ha anche il proprio codice e una procedura per installare gli aggiornamenti. Queste soluzioni sono comode, ma scegliere come creare il sito significa spesso scegliere anche i sistemi che dovranno restare attivi dopo la consegna. Il cliente deve poter conoscere entrambe le conseguenze.

Un negozio che gestisce ordini o un team che scrive e approva contenuti ogni giorno può avere buone ragioni per usare quelle funzioni. Per un sito aziendale aggiornato poche volte all’anno, gli stessi sistemi possono richiedere lavoro senza offrire molto ai visitatori. Bisogna aggiornare l’ambiente software, eseguire backup del database, verificare i plugin, correggere vulnerabilità e prepararsi a ripristinare il servizio in caso di guasto. Un fornitore può svolgere gran parte di queste attività, ma resta la dipendenza dal suo servizio e dal relativo costo periodico. Prima di scegliere, conviene capire a chi serve ciascuna funzione e perché debba rimanere collegata alle pagine finite.

Avere le credenziali di accesso o aver pagato una fattura non chiarisce da solo quanto controllo hai sul sito. Verifica cosa puoi ottenere quando lo esporti: pagine complete di immagini e altri file, oppure soltanto testi? Chiedi cosa deve continuare a funzionare presso il fornitore originale e se un altro sviluppatore può intervenire senza ricostruire il sito dalle schermate. Sono condizioni da conoscere prima di sottoscrivere il servizio, quando puoi ancora scegliere.

Gestire l’hosting in proprio e usare software open source danno controllo su aspetti diversi. Un’applicazione open source può richiedere comunque database, un preciso ambiente di esecuzione, backup e aggiornamenti. Uno strumento proprietario può invece produrre file in formati aperti e comuni. Oltre alla licenza e alla categoria commerciale dello strumento, valuta il sito consegnato e ciò che gli serve per funzionare.

3. Una Web Application può creare un Portable Website

Gli strumenti necessari a costruire un sito possono essere molto più complessi di quelli necessari a mostrarlo. Per estrarre informazioni dai documenti, ordinare un catalogo, tradurre i testi, scegliere un layout e generare pagine adatte anche al telefono, possono servire modelli di IA, database, code di elaborazione e strumenti di compilazione. Una Web Application può coordinare questo lavoro e produrre un Portable Website. L’autore può continuare a usarla per gli aggiornamenti futuri senza che ogni visita alla pagina «Chi siamo» debba coinvolgere tutti quei sistemi.

CREAZIONE CON UNA WEB APPLICATION
Materiali + contenuti verificati + design + traduzioni
                         |
                         v
CONSEGNA DEL PORTABLE WEBSITE
File HTML, CSS, JavaScript e risorse del sito
                         |
                         v
VISITA AL SITO
Hosting statico compatibile -> browser

Le integrazioni facoltative dipendono dai rispettivi servizi.

Se le pagine sono già state generate, l’hosting invia al browser i file HTML, CSS, JavaScript e multimediali. Un’applicazione dinamica può invece eseguire codice e consultare dati aggiornati per preparare una risposta. I due metodi possono convivere. Occorre capire quali operazioni vadano ripetute per ogni visitatore e quali si possano completare quando si aggiorna il contenuto.

Un sito statico può adattarsi allo schermo e avere menu, gallerie, animazioni e più lingue. Queste interazioni avvengono nel browser, sulle pagine già generate. Per aggiungere dati in tempo reale, account personali o invio di messaggi, puoi collegare i servizi adatti. Un link di pagamento, per esempio, accompagna il visitatore dalla presentazione di un prodotto al servizio che gestisce l’acquisto. Le pagine indipendenti e le funzioni applicative possono così lavorare insieme.

4. Cosa deve comprendere un Portable Website

Per LiteSite, un Portable Website è un sito completo che puoi conservare, spostare su un hosting compatibile e mantenere senza dipendere da LiteSite. Le pagine principali consegnate funzionano senza un account LiteSite, senza un abbonamento attivo e senza chiedere ai nostri server applicativi di generare i contenuti.

Portable Website indica come viene consegnato il sito e quanto è indipendente; Web Application indica cosa fa un programma. Le due caratteristiche possono coesistere: anche un’applicazione che funziona interamente nel browser può essere portabile. Il confronto riguarda chi vuole un sito per presentare la propria attività e deve scegliere tra file indipendenti e pagine legate a una piattaforma sempre necessaria al loro funzionamento. Usiamo tecnologie già consolidate; rendiamo esplicito l’impegno a consegnare un risultato la cui indipendenza si possa verificare.

• Sito completo: il pacchetto comprende le pagine generate e i file necessari a mostrarne i contenuti, anziché una semplice esportazione dei testi.
• Funzionamento indipendente: le pagine principali non richiedono un servizio privato che le generi, un indirizzo di anteprima che scade o una sessione aperta nell’editor originale.
• Trasferimento possibile: un altro hosting compatibile può ospitare i file, con la configurazione necessaria per indirizzi, percorsi e servizi.
• Manutenzione accessibile a un altro sviluppatore: HTML, CSS, JavaScript e gli altri file si possono leggere e modificare con strumenti comuni.
• Dipendenze dichiarate: per moduli, statistiche, mappe, commercio e altre integrazioni devono essere chiari il fornitore e la persona responsabile della gestione.

5. Meno sistemi da gestire, più scelta per il proprietario

Con i file a disposizione, puoi mantenere il sito online sull’hosting che scegli e continuare a usarlo anche quando cambi strumento di creazione. Conserva una copia del pacchetto nell’archivio della tua attività. Potrai usarla per ripristinare il sito, tenere una versione di riferimento, esaminare i contenuti o affidare la manutenzione a un altro professionista. Il risultato acquistato rimane disponibile in un insieme di file che puoi conservare e utilizzare.

Puoi scegliere il fornitore di hosting in base alle tue esigenze, incaricare un altro sviluppatore di aggiornare le pagine oppure trasferire il sito su un nuovo servizio. In ogni caso parti dai contenuti, dal design e dai file che già possiedi. Mantieni il lavoro realizzato e decidi dove ospitarlo e con chi proseguirlo. Questa libertà ti permette di organizzare la gestione del sito intorno alle esigenze della tua attività.

Un sito portabile destinato a presentare informazioni può funzionare senza un database applicativo e senza un pannello di amministrazione sul server pubblico. Ci sono meno sistemi da aggiornare, sottoporre a backup e controllare. Puoi concentrare il lavoro sul catalogo, sui progetti realizzati e sulle pagine dei servizi, affidando l’hosting e le integrazioni al professionista o al fornitore che preferisci.

L’acquisto del sito, il dominio, l’hosting e gli aggiornamenti successivi sono scelte separate. L’hosting statico può essere economico, anche gratuito, e permette di destinare il budget alle esigenze della tua attività. Le pagine già generate offrono inoltre una base semplice su cui curare la velocità: puoi ottimizzare immagini, font e script e sfruttare la cache dell’hosting. Conservi il sito mentre scegli come investire nel suo funzionamento e nei prossimi miglioramenti.

6. I file che ricevi da LiteSite

LiteSite usa il sito esistente e i materiali forniti per preparare una bozza di contenuti da rivedere e generare un sito multilingue. L’anteprima privata ti permette di esaminare il risultato prima dell’acquisto. Ricevi poi il pacchetto da mettere online, privo della filigrana e dei controlli di accesso dell’anteprima. Scarica i file, conservane una copia e usali per pubblicare il sito sull’hosting che hai scelto.

index.html
about.html
content.json
…altre pagine incluse
zh-Hans/
  index.html
  about.html
  content.json
  …altre pagine incluse
assets/
  …stili, script, immagini, font
robots.txt
sitemap.xml
seo-manifest.json
manifest.json
package-info.json
healthcheck.json
README.md
AGENTS.md
DEVELOPMENT.md
litesite-dev.mjs
litesite-bind-origin.mjs

I documenti HTML e gli altri file del sito contengono le pagine che vede il visitatore. I file content.json conservano una copia dei contenuti acquistati da consultare; il testo e la struttura mostrati dal browser sono già nell’HTML. I manifest elencano i file del pacchetto e ne registrano i dati di integrità. Il README spiega cosa contiene la consegna e come metterla online. AGENTS.md offre agli agenti di programmazione IA un breve punto di partenza. DEVELOPMENT.md descrive i file del sito, le convenzioni di design e i modelli di interazione; litesite-dev.mjs consente anteprime e verifiche in locale. Lo strumento incluso per configurare l’indirizzo di destinazione prepara una cartella separata da pubblicare.

Dopo aver configurato la destinazione, uno sviluppatore può modificare direttamente HTML, CSS, JavaScript e gli altri file della copia di lavoro e pubblicare il risultato. Per aggiornare ciò che vede il visitatore, lavora sui file generati e usa content.json come riferimento. Conserva intatto il pacchetto originale: lo strumento ne verifica l’integrità quando prepara nuove copie per altri indirizzi. Hai così un originale da cui ripartire per nuove pubblicazioni e una copia modificabile con cui far evolvere il sito.

7. Come trasferire il sito su un altro hosting

Parti dallo ZIP di produzione e conservane una copia intatta. Scegli l’indirizzo HTTPS definitivo e un hosting che supporti i file statici e i percorsi del pacchetto. Se pubblichi tramite LiteSite sul tuo account Cloudflare, LiteSite prepara i file per quella destinazione. Per procedere manualmente, segui il README e usa lo strumento incluso per configurare l’indirizzo.

node litesite-bind-origin.mjs https://example.com/

# Carica la directory litesite-deployment/ risultante.

Lo strumento imposta per la destinazione scelta gli URL canonici, i collegamenti tra le versioni linguistiche, gli URL Open Graph e gli indirizzi nella sitemap. I file originali rimangono invariati e viene preparata una copia separata da pubblicare. Node.js viene usato per questa preparazione; poi l’hosting invia le pagine generate direttamente al browser. Carica la cartella litesite-deployment/ risultante e conserva il pacchetto originale con il README e lo strumento di configurazione per le pubblicazioni future.

node litesite-bind-origin.mjs https://USER.github.io/ /REPO/

Carica la cartella preparata e prova il sito all’indirizzo effettivo. Controlla la home page e apri una pagina interna direttamente dal suo URL. Verifica tutte le lingue, le immagini, i download e le integrazioni esterne, oltre a HTTPS e al dominio scelto. Configura il DNS per indirizzare il dominio verso il nuovo hosting. Se sostituisci un sito già pubblico, prepara sul vecchio hosting i reindirizzamenti per gli URL che cambiano, così i collegamenti esistenti portano alle pagine corrispondenti.

Se pubblichi il sito in una sottocartella come /REPO/, indica quel percorso quando prepari la copia. I motori di ricerca consultano robots.txt nella radice del dominio: inserisci lì le istruzioni di scansione oppure verifica come le gestisce il fornitore se usi un hosting condiviso. Controlla anche che i link e le pagine di ogni lingua si aprano dal percorso scelto. Questi passaggi completano la preparazione del sito al nuovo indirizzo.

8. Collega i servizi utili alla tua attività

Un Portable Website può accompagnare i visitatori verso i servizi della tua attività. Un modulo raccoglie le richieste, una mappa aiuta a trovarti, un link di prenotazione permette di fissare un appuntamento e un servizio di pagamento gestisce gli acquisti. Puoi scegliere i fornitori più adatti al tuo modo di lavorare e collegarli tramite link o integrazioni. Le pagine presentano l’offerta, mentre ogni servizio svolge il compito per cui lo hai scelto.

Un Portable Website e una Web Application possono servire la stessa azienda. Il sito presenta l’attività, il catalogo e i servizi; l’applicazione gestisce account, prenotazioni o ordini. Un visitatore può conoscere il tuo lavoro, trovare ciò che gli interessa e seguire un link per avviare l’operazione desiderata. Tu scegli chi si occupa di ogni parte e puoi aggiornare la presentazione o i servizi man mano che cambiano le esigenze dell’azienda.

9. Scegli in base alle esigenze della tua attività

Un Portable Website è adatto per presentare un’azienda, spiegare i servizi, proporre un catalogo per l’esportazione, creare un sito di campagna o mostrare un portfolio professionale. È utile se i contenuti cambiano periodicamente, servono più lingue e vuoi conservare il risultato o affidarlo a un altro sviluppatore. Puoi usare strumenti avanzati durante la creazione e ricevere un sito indipendente, pronto da ospitare e condividere con i clienti.

Una Web Application offre funzioni utili per aree personali, disponibilità di magazzino in tempo reale, gestione degli ordini, abbonamenti complessi e modifiche collaborative. Anche un team editoriale numeroso può usare un CMS per scrivere e approvare i testi e generare poi le pagine pubbliche. Scegli gli strumenti in base al lavoro delle persone: il team prepara i contenuti, i visitatori conoscono l’offerta e le applicazioni gestiscono le operazioni. Il sito portabile e i servizi applicativi possono far parte della stessa soluzione.

Anche quando la tua attività richiede una Web Application, il tuo sviluppatore può realizzarla partendo dal sito generato da LiteSite. Può riutilizzarne le pagine, il design e i contenuti, aggiungendo account utente, gestione degli ordini e i servizi backend necessari alla tua attività.

• Cosa vuoi far conoscere ai visitatori e quali azioni vuoi offrire?
• Quanto spesso aggiornerai i contenuti e chi se ne occuperà?
• Quali file conserverai e come li condividerà il tuo team?
• Quali servizi di contatto, prenotazione, pagamento o gestione degli account vuoi collegare?
• Quali fornitori di hosting e quali professionisti sono adatti alla tua attività?
• Quale budget vuoi dedicare al sito e ai prossimi miglioramenti?

10. LiteSite crea il sito, tu conservi il Portable Website

LiteSite è una Web Application. Usa account, elaborazione con IA, editing, traduzione e generazione delle pagine per creare un sito. Il cliente acquista un Portable Website: un pacchetto completo con cui le pagine principali possono funzionare su un hosting compatibile, senza i server applicativi di LiteSite. Può esaminare un’anteprima reale, acquistare il risultato, scaricare i file e scegliere dove ospitarli. I sistemi usati per creare il sito rimangono in LiteSite; al cliente viene consegnato il sito che producono.

L’indipendenza si può verificare sul pacchetto ricevuto. Conservane una copia, controlla i servizi esterni da cui dipende e segui le istruzioni per pubblicarlo su un hosting compatibile. Un altro sviluppatore deve poter usare quegli stessi file e quelle istruzioni per occuparsi del sito.

Quando scegli cosa acquistare, separa le funzioni necessarie a creare il sito da quelle necessarie ai visitatori. Mantieni le applicazioni che svolgono quei compiti e stabilisci chi gestisce ciascun servizio. Le pagine che presentano la tua attività possono rimanere in un pacchetto che conservi, trasferisci e mantieni in autonomia.

Riferimenti e approfondimenti

Le spiegazioni tecniche si basano sugli standard aperti del web e sulla documentazione elencata qui sotto. La descrizione del pacchetto LiteSite riguarda i file attualmente consegnati; l’elenco mostra come sono organizzate le pagine e le risorse di un sito multilingue.

• MDN: come funzionano i siti statici e dinamici sul server
• Cloudflare Pages: ospitare un sito HTML statico
• Google Search: trasferire un sito quando cambiano gli URL