Cos'è Google Sites?
Google Sites è un generatore di siti web gratuito basato su browser, incluso nell'ecosistema Google Workspace. Consente a singoli utenti, team, scuole e organizzazioni di creare siti web strutturati e multipagina senza scrivere codice. A differenza dei tradizionali strumenti di sviluppo web, Google Sites funziona interamente all'interno di un account Google: non sono previsti costi di hosting, non è necessaria alcuna configurazione del dominio per iniziare e non è necessario installare alcun software. I siti pubblicati sono ospitati sull'infrastruttura di Google su un sottodominio di sites.google.com , oppure possono essere associati a un dominio personalizzato.
Esistono tecnicamente due versioni di Google Sites. La versione originale, talvolta chiamata "Google Sites classico", è stata rilasciata nel 2008 e si basava sull'acquisizione di JotSpot. Google l'ha sostituita con un prodotto completamente rinnovato, il "Nuovo Google Sites", a partire dal 2016, e la versione classica è stata ufficialmente disattivata nel 2021. Questo articolo tratta esclusivamente l'attuale versione moderna di Google Sites.
Perché Google Sites è importante
Google Sites occupa una nicchia specifica e davvero utile nel panorama della creazione di siti web. Non cerca di competere con Squarespace per i siti portfolio o con WordPress per la pubblicazione di contenuti complessi. Il suo vero valore risiede in un insieme più ristretto di casi d'uso in cui la semplicità, l'integrazione con Google Workspace e il costo zero contano più della flessibilità di progettazione o delle funzionalità avanzate.
- Nessun costo a livello personale: qualsiasi titolare di un account Google può creare e pubblicare un sito web Google Sites senza alcun costo. Non ci sono piani premium, modelli a pagamento né tariffe per la larghezza di banda per l'utilizzo standard.
- Integrazione nativa con Google Workspace: Google Sites consente di incorporare direttamente nelle pagine documenti, fogli di calcolo, presentazioni, moduli, mappe, calendari, cartelle di Drive e video di YouTube di Google. Il contenuto incorporato rimane attivo e si aggiorna automaticamente quando il file sorgente viene modificato: una funzionalità che nessun costruttore di siti web di terze parti è in grado di replicare con la stessa fluidità.
- Gestito dall'infrastruttura di Google: i siti vengono serviti dalla CDN globale di Google, il che significa che si caricano rapidamente e beneficiano dell'affidabilità di Google in termini di uptime, senza alcuna configurazione da parte del proprietario del sito.
- Collaborazione integrata: più persone possono modificare un sito Google contemporaneamente, utilizzando lo stesso modello di condivisione e autorizzazioni impiegato in Google Drive. Questo lo rende ideale per intranet di team, progetti scolastici e pagine dipartimentali.
- Nessun onere di manutenzione: non ci sono plugin da aggiornare, patch di sicurezza da applicare o configurazioni di server da gestire. Google si occupa di tutto questo in modo invisibile.
Per un insegnante che crea una piattaforma di risorse per la classe, un team delle risorse umane che pubblica un portale interno sulle politiche aziendali o una piccola organizzazione no-profit che necessita di una presenza online di base senza un budget elevato, Google Sites è spesso la scelta più pratica. Il compromesso è reale: la personalizzazione del design è limitata, l'e-commerce non è supportato e gli strumenti SEO sono minimi, ma per il suo pubblico di riferimento, queste limitazioni raramente rappresentano un problema.
Come funziona Google Sites: l'architettura di base
Comprendere il funzionamento tecnico di Google Sites aiuta a definire aspettative realistiche su ciò che può e non può fare.
L'interfaccia dell'editor
Google Sites utilizza un editor WYSIWYG (ciò che vedi è ciò che ottieni) con funzionalità drag-and-drop, accessibile interamente tramite browser web all'indirizzo sites.google.com . L'area di modifica è divisa in un pannello a destra con tre schede — Inserisci, Pagine e Temi — e un'area centrale che rappresenta la pagina in fase di creazione.
Il pannello Inserisci contiene gli elementi di base a disposizione dei creatori di siti web:
- Casella di testo : contenuto base di paragrafi e titoli
- Immagini : caricate da un dispositivo, prelevate da Google Drive o reperite tramite la Ricerca immagini di Google.
- Incorpora — URL grezzo o codice di incorporamento iframe per contenuti esterni
- Elementi di Drive : Documenti, Fogli, Presentazioni, Moduli e cartelle incorporati direttamente da Google Drive.
- YouTube — incorporamento video tramite URL o ricerca
- Calendario, mappe, grafici : integrazione diretta dei prodotti Google
- Testo comprimibile, indice, pulsante, divisore e carosello di immagini : elementi strutturali del layout
Il contenuto è suddiviso in sezioni su ogni pagina. Le sezioni si impilano verticalmente e possono essere riordinate trascinandole. All'interno di una sezione, un sistema di layout a griglia consente ai creatori di posizionare più blocchi di contenuto uno accanto all'altro. La griglia di layout è relativamente grossolana rispetto a strumenti come Webflow o persino Wix, ma è sufficiente per ottenere pagine chiare e leggibili.
Pagine e navigazione
Un sito Google è organizzato in pagine gestite tramite la scheda Pagine. Le pagine possono essere annidate per creare una semplice gerarchia: una pagina principale con pagine secondarie al di sotto. Il sito genera automaticamente un'intestazione di navigazione basata su questa struttura di pagine, sebbene i creatori possano controllare quali pagine vengono visualizzate nella navigazione e in quale ordine. Non è presente un mega-menu o un sistema di navigazione a piè di pagina integrato; la navigazione consiste in una singola barra orizzontale nella parte superiore di ogni pagina.
Temi e design visivo
La scheda Temi offre una piccola selezione di temi visivi predefiniti, ognuno dei quali controlla i caratteri, la tavolozza dei colori e lo stile dell'intestazione. All'interno del tema scelto, i creatori possono regolare i colori primari e secondari e selezionare tra un numero limitato di combinazioni di caratteri. Non è possibile accedere al CSS puro, caricare caratteri personalizzati o modificare direttamente l'HTML. Si tratta di una limitazione voluta: Google Sites privilegia la semplicità e la coerenza a scapito della libertà di progettazione.
Pubblicazione e hosting
Quando un sito è pronto, cliccando sul pulsante Pubblica lo si rende attivo. Google Sites offre due opzioni di pubblicazione:
- Sottodominio Google: il sito viene pubblicato a un URL nel formato sites.google.com/view/your-site-name . È immediato, gratuito e non richiede alcuna configurazione.
- Dominio personalizzato: i proprietari di siti web possono associare un dominio di loro proprietà al proprio sito Google aggiungendo un record CNAME tramite il proprio registrar di domini. Google fornisce il valore CNAME specifico da utilizzare. Il dominio stesso deve essere acquistato e rinnovato separatamente: Google Sites non vende né gestisce domini.
Tutti i siti Google pubblicati vengono automaticamente serviti tramite HTTPS. Non è disponibile un'opzione per servire un sito Google tramite HTTPS, che è la scelta predefinita più sensata dal punto di vista della sicurezza.
Controllo degli accessi e visibilità
Google Sites supporta tre impostazioni di visibilità per i siti pubblicati:
| Impostazioni di visibilità | Chi può visualizzare | Caso d'uso tipico |
|---|---|---|
| Pubblico (chiunque sul web) | Tutti gli utenti di internet, non è richiesta alcuna registrazione. | Siti web rivolti al pubblico, pagine di organizzazioni non profit, risorse didattiche |
| Qualcuno ha il link? | Chiunque abbia l'URL, non è richiesto alcun accesso. | Pagine di progetto condivise, siti di eventi con distribuzione limitata |
| Persone o gruppi specifici | Solo gli account Google autorizzati esplicitamente ad accedere | Portali interni del team, intranet scolastiche, documentazione privata |
Per le organizzazioni che utilizzano Google Workspace for Education o Google Workspace for Business, un'opzione aggiuntiva consente di limitare la visualizzazione ai soli membri del dominio dell'organizzazione: una funzionalità fondamentale per le basi di conoscenza interne e i portali delle risorse umane, che non dovrebbero mai essere accessibili al pubblico.
Come funzionano i permessi di modifica
Google Sites utilizza lo stesso modello di autorizzazioni di Google Drive. Il proprietario del sito può condividere l'accesso alla modifica con altri titolari di account Google a tre livelli: Visualizzatore, Editor e Proprietario. Gli editor possono modificare i contenuti e pubblicare le modifiche. I proprietari possono modificare le impostazioni di condivisione ed eliminare il sito. Questo modello semplifica la creazione collaborativa di siti per i team che già lavorano in Google Workspace, poiché il flusso di lavoro è identico alla condivisione di un documento Google.
Il rapporto tra bozza e versione pubblicata
Google Sites mantiene una netta separazione tra la versione di bozza (non pubblicata) di un sito e la versione pubblicata. Le modifiche apportate nell'editor non vengono visualizzate sul sito finché il proprietario non fa clic esplicitamente su "Pubblica". Ciò significa che un team può lavorare su modifiche significative, come la ristrutturazione delle pagine, l'aggiornamento dei contenuti o l'aggiunta di nuove sezioni, senza che queste modifiche siano visibili ai visitatori del sito. Si tratta di una funzionalità semplice ma importante che impedisce la pubblicazione accidentale di lavori incompleti.
Tuttavia, non esiste una cronologia delle versioni integrata per gli stati pubblicati, a differenza di quanto offerto da WordPress o da altre piattaforme CMS che propongono la funzionalità di rollback. L'editor mantiene una cronologia delle modifiche all'interno di una sessione, ma non c'è modo di ripristinare un sito pubblicato a uno stato precedente. Questa è una limitazione significativa per i siti in cui l'accuratezza dei contenuti è fondamentale.
Reattività mobile
Tutti i siti Google sono responsive per impostazione predefinita. Il layout si adatta automaticamente agli schermi più piccoli senza alcuna configurazione aggiuntiva da parte del creatore del sito. I creatori possono visualizzare in anteprima l'aspetto di un sito su desktop, tablet e dispositivi mobili utilizzando l'apposito interruttore nell'editor. Il comportamento responsive è gestito interamente dal motore di rendering di Google: i creatori di siti non possono scrivere media query personalizzate o sovrascrivere manualmente il layout responsive, il che riflette ancora una volta la filosofia della piattaforma che privilegia la semplicità al controllo.
Come creare un sito Google: procedura completa passo passo
Per creare un sito Google, vai su sites.google.com, fai clic sul pulsante + per creare un nuovo sito, scegli un modello o inizia da zero, aggiungi pagine e contenuti utilizzando l'editor drag-and-drop, configura le impostazioni di navigazione e condivisione, quindi pubblica. L'intero processo richiede meno di un'ora per un sito di base.
Passaggio 1: Accedi a Google Sites e scegli il tuo punto di partenza
Visita sites.google.com ed effettua l'accesso con il tuo account Google. Se utilizzi Google Workspace tramite un datore di lavoro o un istituto scolastico, accedi con quell'account: avrai a disposizione maggiori opzioni di condivisione e spazio di archiviazione legato alla tua organizzazione.
Vedrai due opzioni per iniziare:
- Sito web vuoto: piena libertà creativa partendo da zero. Ideale quando si ha una chiara visione del design o esigenze di layout specifiche.
- Galleria di modelli: layout predefiniti per portfolio, siti di progetto, intranet di team, pagine di eventi e siti per la didattica. I modelli consentono di risparmiare molto tempo e sono facili da personalizzare.
Fai clic sulla grande icona + sotto "Crea un nuovo sito" per aprire una tela bianca, oppure scorri la galleria dei modelli e fai clic su un modello qualsiasi per aprirlo nell'editor. Puoi cambiare modello in seguito, ma così facendo sostituirai il layout corrente, quindi scegli con attenzione fin da subito.
Passaggio 2: Assegna un nome al tuo sito e imposta il titolo della pagina
Nell'angolo in alto a sinistra, fai clic su "Inserisci il nome del sito" e digita il nome del tuo sito. Questo nome apparirà nella scheda del browser e nei risultati di ricerca di Google se il tuo sito è pubblico, quindi assicurati che sia descrittivo e preciso. Separatamente, fai clic sulla grande intestazione nell'area di lavoro della pagina per impostare il titolo visibile della tua prima pagina: questo è indipendente dal nome del sito.
La scelta del nome è fondamentale per la reperibilità dei contenuti. Se stai creando un sito pubblico, includi una parola chiave pertinente nel nome. Per i siti interni al team, utilizza un nome che il team possa riconoscere immediatamente effettuando una ricerca su Google Drive.
Passaggio 3: Crea la struttura e la navigazione della tua pagina
Nel pannello di destra, fai clic sulla scheda Pagine (l'icona con le pagine sovrapposte). Google Sites crea automaticamente una pagina iniziale. Aggiungi altre pagine facendo clic sul pulsante + in fondo al pannello Pagine.
Pianifica la navigazione prima di aggiungere contenuti. Un sito ben strutturato in genere segue uno di questi schemi:
- Struttura piatta: tutte le pagine si trovano allo stesso livello. Ideale per siti con cinque pagine o meno (portfolio, sito di eventi, curriculum vitae).
- Struttura gerarchica: pagine principali con sottopagine annidate al loro interno. Ideale per intranet di team, hub di progetto o siti di documentazione con numerose sezioni.
- Struttura a pagina singola: un'unica lunga pagina a scorrimento con link di ancoraggio. Efficace per semplici landing page o annunci di eventi.
Per creare una sottopagina, trascina una pagina sotto una pagina principale nel pannello Pagine finché non viene visualizzata una rientranza. Google Sites la aggiungerà automaticamente al menu a discesa di navigazione. Puoi anche fare clic con il pulsante destro del mouse su qualsiasi pagina nel pannello per duplicarla, nasconderla dalla navigazione o impostarla come pagina iniziale.
Passaggio 4: Aggiungere e disporre i blocchi di contenuto
Google Sites utilizza un layout basato su sezioni. Ogni pagina è composta da sezioni sovrapposte e all'interno di ciascuna sezione è possibile inserire blocchi di contenuto. Fai clic in un punto qualsiasi dell'area di lavoro per aprire il pannello Inserisci a destra, che contiene:
- Casella di testo: titoli, corpo del testo e paragrafi formattati
- Immagini: caricale dal tuo computer, cerca su Google Immagini oppure importale da Google Drive o Foto.
- Incorpora: incolla qualsiasi URL o codice di incorporamento per visualizzare contenuti esterni in linea
- Drive: Inserisci documenti, fogli, presentazioni, moduli o mappe di Google direttamente dal tuo Drive
- YouTube: cerca e incorpora video senza uscire dall'editor
- Calendario: Incorpora un calendario Google nelle pagine degli eventi o nei programmi di squadra.
- Mappa: Aggiungi una mappa di Google con una posizione specifica contrassegnata
- Indice: generato automaticamente dai titoli della pagina, utile per pagine di documentazione lunghe.
- Pulsante: Collegamenti di invito all'azione stilizzati come pulsanti
- Divisore: separatore visivo tra le sezioni
- Testo comprimibile: sezioni FAQ a fisarmonica
- Carosello di immagini: galleria a rotazione di più immagini
Per aggiungere una nuova sezione, posiziona il cursore tra due sezioni esistenti e fai clic sul segno + che appare. Potrai quindi scegliere un layout per quella sezione: larghezza intera, due colonne, tre colonne o un'immagine in evidenza con testo sovrapposto. Trascina le sezioni verso l'alto o verso il basso per riordinarle.
Passaggio 5: Personalizza il tema visivo
Fai clic sulla scheda Temi (l'icona della tavolozza di colori) nel pannello di destra. Google Sites offre una serie di temi predefiniti, ognuno con una combinazione di caratteri e una tavolozza di colori distinti. Seleziona un tema qualsiasi per visualizzarne immediatamente l'anteprima su tutte le pagine.
All'interno di ciascun tema, è possibile regolare:
- Colore: scegli tra i colori di accento preimpostati oppure inserisci un codice esadecimale personalizzato per abbinarlo al tuo marchio.
- Carattere: scegli da un elenco selezionato di combinazioni di caratteri (Google Sites non supporta il caricamento di caratteri arbitrari).
- Tipo di intestazione: Banner (intestazione con immagine di grandi dimensioni), solo titolo o copertina (immagine a schermo intero con testo sovrapposto)
Per aggiungere un'immagine di intestazione personalizzata, fai clic sull'area dell'intestazione in qualsiasi pagina e seleziona "Cambia immagine". Utilizza un'immagine ad alta risoluzione di almeno 1600 pixel di larghezza per evitare la pixelatura su schermi di grandi dimensioni. Puoi anche impostare un logo per tutto il sito facendo clic sull'area del nome del sito e caricando un file immagine.
Passaggio 6: Configurare la condivisione e le autorizzazioni prima della pubblicazione
Prima di pubblicare, decidi chi può visualizzare e modificare il tuo sito. Fai clic sul pulsante Condividi (icona a forma di persona con un +) nella barra degli strumenti in alto a destra. Esistono due livelli di autorizzazione distinti:
| Tipo di autorizzazione | Cosa controlla | Opzioni |
|---|---|---|
| Accesso all'editor | Chi può modificare il sito nel builder? | Persone specifiche, chiunque abbia un link (modifica), la tua organizzazione |
| Accesso per i visitatori (sito pubblicato) | Chi può visualizzare il sito pubblicato in tempo reale? | Chiunque su internet, chiunque abbia effettuato l'accesso, persone specifiche, solo la tua organizzazione |
Per i siti interni al team, limita l'accesso dei visualizzatori alla tua organizzazione. Per i siti web pubblici, imposta l'accesso dei visualizzatori su "Chiunque su Internet". Queste due impostazioni sono indipendenti: l'elenco degli editor non influisce su chi può visualizzare il sito pubblicato.
Passaggio 7: Impostare un indirizzo web personalizzato
Per impostazione predefinita, il sito pubblicato avrà un URL nel formato sites.google.com/view/nome-del-tuo-sito . Puoi personalizzare il percorso (la parte dopo /view/) facendo clic sul pulsante Pubblica e modificando il campo dell'indirizzo web prima della prima pubblicazione.
Se possiedi un dominio personalizzato (ad esempio, yourcompany.com), puoi associarlo al tuo sito Google. Nel menu Pubblica, fai clic su "Dominio personalizzato" e segui i passaggi per la verifica DNS. Dovrai aggiungere un record CNAME presso il tuo registrar di dominio che punti a ghs.googlehosted.com . La propagazione di questo record richiede da pochi minuti a 48 ore, a seconda del registrar.
Passaggio 8: Pubblica e testa il tuo sito
Fai clic sul pulsante blu "Pubblica" nell'angolo in alto a destra. Google Sites ti chiederà di confermare l'indirizzo web e le autorizzazioni di visualizzazione. Una volta pubblicato, visita l'URL attivo in una nuova scheda del browser, non nell'anteprima dell'editor, per vedere esattamente cosa vedranno i visitatori.
Eseguite dei test sistematici prima di condividere il link:
- Controlla ogni link di navigazione e verifica che conduca alla pagina corretta.
- Visualizza il sito su un dispositivo mobile oppure utilizza la modalità di progettazione responsiva del tuo browser per verificare il layout mobile.
- Fai clic su ogni pulsante e link incorporato per verificare che si aprano correttamente.
- Verifica i moduli Google incorporati inviando una risposta di prova
- Verifica che i file di Drive incorporati siano condivisi con il pubblico appropriato (un documento incorporato in un sito pubblico deve comunque avere le proprie impostazioni di condivisione impostate su "Chiunque abbia il link").
Dopo la pubblicazione, l'editor mostra un indicatore "Modifiche pubblicate" ogni volta che apporti delle modifiche. Le modifiche apportate nell'editor non vengono visualizzate finché non fai nuovamente clic su Pubblica, garantendoti un ambiente di bozza sicuro.
Strategie pratiche per migliorare i risultati di Google Sites
Le seguenti tattiche producono costantemente risultati migliori per gli utenti di Google Sites in diversi casi d'uso.
Utilizza Google Drive come centro di contenuti.
Anziché caricare file statici sul tuo sito, puoi incorporare direttamente da Google Documenti, Fogli e Presentazioni Google Drive documenti, Fogli e Presentazioni Google. Quando aggiorni il documento originale, la versione incorporata sul tuo sito si aggiorna automaticamente, senza bisogno di ripubblicarlo. Questa soluzione è particolarmente utile per le intranet aziendali, dove politiche, listini prezzi o strumenti di monitoraggio dei progetti cambiano frequentemente.
Incorpora i moduli Google per l'interazione
Google Sites non include moduli di contatto, sistemi di registrazione o strumenti per sondaggi. È possibile colmare questa lacuna creando un modulo Google e integrandolo in una pagina dedicata. Le risposte verranno inviate direttamente a un foglio di calcolo Google, offrendo un CRM o un sistema di raccolta dati leggero e gratuito.
Utilizzare gli sfondi delle sezioni in modo strategico
Ogni sezione può avere un proprio colore o immagine di sfondo. L'alternanza tra uno sfondo bianco e uno sfondo grigio chiaro o del colore del marchio crea un ritmo visivo che guida i lettori lungo la pagina senza bisogno di CSS personalizzato. Fai clic su una sezione qualsiasi, quindi fai clic sull'icona delle impostazioni della sezione (la matita o l'ingranaggio) per accedere alle opzioni di sfondo.
Collegamenti di ancoraggio per pagine lunghe
Nei siti web lunghi a pagina singola, aggiungi un blocco Indice nella parte superiore. Google Sites genera automaticamente link di ancoraggio dagli elementi di intestazione, consentendo ai visitatori di passare direttamente a sezioni specifiche. Puoi anche creare manualmente link di ancoraggio copiando l'URL di ancoraggio dal blocco Indice e utilizzandolo in un pulsante o in un link testuale in un'altra parte del sito.
Ottimizza le immagini prima del caricamento
Google Sites non comprime automaticamente le immagini. Caricando immagini di dimensioni eccessive, il tuo sito si caricherà lentamente, soprattutto su dispositivi mobili. Ridimensiona le immagini alla larghezza massima di visualizzazione (in genere 1600 pixel per i banner a larghezza intera, 800 pixel per le immagini in colonna) e comprimile utilizzando uno strumento come Squoosh o TinyPNG prima di caricarle. Questo singolo passaggio ha il maggiore impatto sulle prestazioni del sito.