Wat zijn Google Sites?
Google Sites is een gratis, browsergebaseerde websitebouwer die deel uitmaakt van het Google Workspace-ecosysteem. Hiermee kunnen individuen, teams, scholen en organisaties gestructureerde websites met meerdere pagina's maken zonder code te schrijven. In tegenstelling tot traditionele webontwikkelingstools werkt Google Sites volledig binnen een Google-account: geen hostingkosten, geen domeinconfiguratie nodig om te beginnen en geen software om te installeren. Gepubliceerde websites worden gehost op de infrastructuur van Google op een subdomein onder sites.google.com , of ze kunnen worden gekoppeld aan een eigen domein.
Technisch gezien bestaan er twee versies van Google Sites. De originele versie, soms "Klassieke Google Sites" genoemd, werd uitgebracht in 2008 en was gebaseerd op de overname van JotSpot. Google verving deze versie in 2016 door een volledig vernieuwd product: "Nieuwe Google Sites". De klassieke versie werd in 2021 officieel stopgezet. Dit artikel behandelt uitsluitend de huidige, moderne versie van Google Sites.
Waarom Google Sites belangrijk is
Google Sites neemt een specifieke en echt nuttige niche in binnen de wereld van websitebouw. Het is niet bedoeld om te concurreren met Squarespace voor portfoliosites of met WordPress voor contentrijke publicaties. De werkelijke waarde ligt in een beperkter aantal gebruiksscenario's waar eenvoud, integratie met Google Workspace en gratis beschikbaarheid belangrijker zijn dan ontwerpflexibiliteit of geavanceerde functionaliteit.
- Gratis voor persoonlijk gebruik: Iedere Google-accountgebruiker kan kosteloos een Google Sites-website maken en publiceren. Er zijn geen premium-abonnementen, geen betaalde sjablonen en geen bandbreedtekosten voor normaal gebruik.
- Native Google Workspace-integratie: Google Sites kan Google Docs, Sheets, Slides, Forms, Maps, Agenda's, Drive-mappen en YouTube-video's rechtstreeks in pagina's insluiten. De ingesloten inhoud blijft live en wordt automatisch bijgewerkt wanneer het bronbestand wijzigt – een functionaliteit die geen enkele websitebouwer van derden zo naadloos kan repliceren.
- Beheerd door de infrastructuur van Google: Websites worden aangeboden via het wereldwijde CDN van Google, wat betekent dat ze snel laden en profiteren van de betrouwbaarheid van Google's uptime zonder dat de website-eigenaar iets hoeft te configureren.
- Samenwerking is ingebouwd: meerdere personen kunnen tegelijkertijd een Google Site bewerken, met hetzelfde deel- en toegangsmodel als in Google Drive. Dit maakt het praktisch voor teamintranetten, klasprojecten en afdelingspagina's.
- Geen onderhoudskosten: er zijn geen plug-ins om te updaten, geen beveiligingspatches om toe te passen en geen serverconfiguraties om te beheren. Google regelt dit allemaal onzichtbaar.
Voor een schoolleraar die een leerplatform voor de klas opzet, een HR-team dat een intern beleidsportaal publiceert, of een kleine non-profitorganisatie die een eenvoudige online aanwezigheid nodig heeft zonder budget, is Google Sites vaak de meest praktische keuze. Er zijn wel nadelen: de mogelijkheden voor het aanpassen van het ontwerp zijn beperkt, e-commerce wordt niet ondersteund en de SEO-tools zijn minimaal. Maar voor de doelgroep maken die beperkingen zelden een probleem uit.
Hoe Google Sites werkt: de kernarchitectuur
Inzicht in de technische werking van Google Sites helpt bij het stellen van realistische verwachtingen over wat het wel en niet kan.
De editorinterface
Google Sites maakt gebruik van een drag-and-drop WYSIWYG-editor (what you see is what you get), die volledig toegankelijk is via een webbrowser op sites.google.com . Het bewerkingsgebied is verdeeld in een rechterpaneel met drie tabbladen — Invoegen, Pagina's en Thema's — en een centraal gedeelte dat de pagina weergeeft die wordt opgebouwd.
Het paneel 'Invoegen' bevat de bouwstenen die beschikbaar zijn voor websiteontwikkelaars:
- Tekstvak — basisinhoud voor alinea's en koppen
- Afbeeldingen — geüpload vanaf een apparaat, afkomstig uit Google Drive of gevonden via Google Afbeeldingen.
- Insluiten — onbewerkte URL of iframe-insluitcode voor externe inhoud
- Drive-items — documenten, spreadsheets, presentaties, formulieren en mappen die rechtstreeks vanuit Google Drive zijn ingesloten
- YouTube — video's insluiten via URL of zoekopdracht
- Agenda, kaart, grafieken — directe integratie van Google-producten
- Inklapbare tekst, inhoudsopgave, knop, scheidingslijn en afbeeldingscarrousel — structurele lay-outelementen
De inhoud is op elke pagina in secties geplaatst. Secties worden verticaal gestapeld en kunnen door te slepen opnieuw worden gerangschikt. Binnen een sectie kunnen makers met behulp van een rasterindeling meerdere contentblokken naast elkaar plaatsen. Het raster is relatief grof vergeleken met tools zoals Webflow of zelfs Wix, maar het is voldoende voor overzichtelijke en leesbare pagina's.
Pagina's en navigatie
Een Google Site is opgebouwd uit pagina's die beheerd worden via het tabblad Pagina's. Pagina's kunnen genest worden om een eenvoudige hiërarchie te creëren: een hoofdpagina met daaronder subpagina's. De site genereert automatisch een navigatiebalk op basis van deze paginastructuur, maar makers kunnen zelf bepalen welke pagina's in de navigatie verschijnen en in welke volgorde. Er is geen ingebouwd megamenu of navigatiesysteem in de voettekst; de navigatie bestaat uit een enkele horizontale balk bovenaan elke pagina.
Thema's en visueel ontwerp
Het tabblad Thema's biedt een kleine set vooraf ontworpen visuele thema's, die elk de lettertypen, het kleurenpalet en de koptekststijl bepalen. Binnen een gekozen thema kunnen makers de primaire en secundaire kleuren aanpassen en kiezen uit een beperkt aantal lettertypecombinaties. Er is geen toegang tot de ruwe CSS, het is niet mogelijk om aangepaste lettertypen te uploaden en HTML niet rechtstreeks te bewerken. Dit is een bewuste beperking: Google Sites ruilt ontwerpvrijheid in voor eenvoud en consistentie.
Publiceren en hosten
Als een site klaar is, wordt deze live gezet door op de knop 'Publiceren' te klikken. Google Sites biedt twee publicatieopties:
- Google-subdomein: De site wordt gepubliceerd op een URL in het formaat sites.google.com/view/uw-sitenaam . Dit is direct, gratis en vereist geen configuratie.
- Aangepast domein: Website-eigenaren kunnen een eigen domein koppelen aan hun Google Site door een CNAME-record toe te voegen via hun domeinregistrar. Google levert de specifieke CNAME-waarde die u hiervoor kunt gebruiken. Het domein zelf moet apart worden aangeschaft en verlengd; Google Sites verkoopt of beheert geen domeinen.
Alle gepubliceerde Google Sites worden automatisch via HTTPS aangeboden. Er is geen optie om een Google Site via gewoon HTTP aan te bieden, wat vanuit veiligheidsoogpunt een verstandige standaardinstelling is.
Toegangscontrole en zichtbaarheid
Google Sites ondersteunt drie zichtbaarheidsinstellingen voor gepubliceerde sites:
| Zichtbaarheidsinstelling | Wie kan dit bekijken? | Typisch gebruiksscenario |
|---|---|---|
| Openbaar (iedereen op het internet) | Alle internetgebruikers, aanmelden is niet nodig | Publieksgerichte websites, pagina's van non-profitorganisaties, lesmateriaal |
| Heeft iemand de link? | Iedereen die de URL heeft, kan inloggen zonder te hoeven inloggen. | Gedeelde projectpagina's, evenementsites met beperkte verspreiding |
| Specifieke personen of groepen | Alleen Google-accounts kregen expliciet toegang. | Interne teamportalen, schoolintranetten, privédocumentatie |
Voor organisaties die Google Workspace voor Onderwijs of Google Workspace voor Bedrijven gebruiken, is er een extra optie waarmee de weergave beperkt kan worden tot leden van het domein van de organisatie. Dit is een cruciale functie voor interne kennisbanken en HR-portalen die nooit openbaar toegankelijk mogen zijn.
Hoe bewerkingsrechten werken
Google Sites gebruikt hetzelfde machtigingsmodel als Google Drive. De site-eigenaar kan bewerkingsrechten delen met andere Google-accountgebruikers op drie niveaus: Kijker, Bewerker en Eigenaar. Bewerkers kunnen inhoud wijzigen en wijzigingen publiceren. Eigenaren kunnen de deelinstellingen wijzigen en de site verwijderen. Dit model maakt het bouwen van websites in samenwerking eenvoudig voor teams die al in Google Workspace werken, omdat de workflow identiek is aan het delen van een Google Doc.
De relatie tussen ontwerpstaten en gepubliceerde staten
Google Sites zorgt voor een duidelijke scheiding tussen de conceptversie (niet-gepubliceerde versie) van een website en de live gepubliceerde versie. Wijzigingen die in de editor worden aangebracht, verschijnen pas op de live website nadat de eigenaar expliciet op 'Publiceren' heeft geklikt. Dit betekent dat een team aan belangrijke wijzigingen kan werken – pagina's herstructureren, content bijwerken, nieuwe secties toevoegen – zonder dat deze wijzigingen zichtbaar zijn voor websitebezoekers. Het is een eenvoudige maar belangrijke workflowfunctie die voorkomt dat onvoltooide werkzaamheden per ongeluk worden gepubliceerd.
Er is echter geen ingebouwde versiegeschiedenis voor gepubliceerde versies, zoals WordPress of andere CMS-platformen dat wel bieden met een terugdraaifunctie. De editor houdt wel een 'ongedaan maken'-geschiedenis bij binnen een sessie, maar er is geen manier om een gepubliceerde site achteraf terug te zetten naar een eerdere publicatiestatus. Dit is een belangrijke beperking voor sites waar de nauwkeurigheid van de inhoud cruciaal is.
Mobiele responsiviteit
Alle Google Sites zijn standaard responsief. De lay-out past zich automatisch aan kleinere schermen aan zonder dat de sitebeheerder extra configuratie hoeft uit te voeren. Beheerders kunnen in de editor een voorbeeld bekijken van hoe een site eruit zal zien op desktop, tablet en mobiel met behulp van de voorbeeldfunctie. Het responsieve gedrag wordt volledig afgehandeld door de rendering-engine van Google; sitebeheerders kunnen geen aangepaste mediaqueries schrijven of de responsieve lay-out handmatig overschrijven, wat wederom de filosofie van het platform weerspiegelt: eenvoud boven controle.
Een Google Site bouwen: een complete stapsgewijze handleiding
Om een Google Site te maken, ga je naar sites.google.com, klik je op de + knop om een nieuwe site te maken, kies je een sjabloon of begin je helemaal opnieuw, voeg je pagina's en inhoud toe met de drag-and-drop-editor, configureer je de navigatie- en deelinstellingen en publiceer je de site. Het hele proces duurt minder dan een uur voor een eenvoudige site.
Stap 1: Open Google Sites en kies je startpunt.
Ga naar sites.google.com en meld u aan met uw Google-account. Als u Google Workspace via uw werkgever of school gebruikt, meld u dan aan met dat account. Dit biedt u extra mogelijkheden voor het delen van bestanden en opslagruimte die aan uw organisatie is gekoppeld.
Je ziet twee opties om te beginnen:
- Een lege website: volledige creatieve vrijheid vanaf nul. Ideaal als je een duidelijke ontwerpvisie hebt of specifieke lay-outwensen.
- Sjablonengalerij: Voorgebouwde lay-outs voor portfolio's, projectsites, teamintranetten, evenementpagina's en leswebsites. Sjablonen besparen aanzienlijk tijd en zijn eenvoudig aan te passen.
Klik op het grote + pictogram onder 'Een nieuwe site starten' om een leeg canvas te openen, of blader door de sjabloongalerij en klik op een sjabloon om deze in de editor te openen. Je kunt later van sjabloon wisselen, maar houd er rekening mee dat je huidige lay-out dan wordt vervangen. Kies daarom zorgvuldig van tevoren.
Stap 2: Geef je site een naam en stel de paginatitel in.
Klik in de linkerbovenhoek op 'Sitenaam invoeren' en typ de naam van uw site. Deze naam verschijnt in het browsertabblad en in de Google-zoekresultaten als uw site openbaar is, dus zorg ervoor dat de naam beschrijvend en nauwkeurig is. Klik daarnaast op de grote koptekst op het paginacanvas om de zichtbare titel van uw eerste pagina in te stellen — deze staat los van de sitenaam.
De naamgeving is belangrijk voor de vindbaarheid. Als je een openbare website bouwt, neem dan een relevant zoekwoord op in de sitenaam. Gebruik voor interne teamwebsites een naam die het team direct herkent wanneer ze in Google Drive zoeken.
Stap 3: Bouw de paginastructuur en navigatie op.
Klik in het rechterpaneel op het tabblad Pagina's (het pictogram met de gestapelde pagina's). Google Sites maakt automatisch een startpagina aan. Voeg extra pagina's toe door op de + knop onderaan het paneel Pagina's te klikken.
Plan je navigatie voordat je content toevoegt. Een goed gestructureerde website volgt doorgaans een van deze patronen:
- Platte structuur: Alle pagina's op hetzelfde niveau. Werkt goed voor websites met vijf of minder pagina's (portfolio, evenementenwebsite, persoonlijk cv).
- Hiërarchische structuur: Hoofdpagina's met daaronder geneste subpagina's. Ideaal voor teamintranetten, projecthubs of documentatiesites met veel secties.
- Structuur met één pagina: één lange, scrollende pagina met ankerlinks. Effectief voor eenvoudige landingspagina's of aankondigingen van evenementen.
Om een subpagina te maken, sleep je een pagina onder een hoofdpagina in het deelvenster Pagina's totdat je ziet dat deze inspringt. Google Sites voegt de subpagina automatisch toe aan het navigatiemenu. Je kunt ook met de rechtermuisknop op een pagina in het deelvenster klikken om deze te dupliceren, te verbergen in de navigatie of in te stellen als startpagina.
Stap 4: Inhoudsblokken toevoegen en rangschikken
Google Sites maakt gebruik van een op secties gebaseerde lay-out. Elke pagina is opgebouwd uit gestapelde secties en binnen elke sectie plaatst u inhoudsblokken. Klik ergens op het canvas om het paneel 'Invoegen ' aan de rechterkant te openen, dat het volgende bevat:
- Tekstvak: Kopteksten, hoofdtekst en opgemaakte alinea's
- Afbeeldingen: Upload afbeeldingen vanaf uw computer, zoek via Google Afbeeldingen of haal afbeeldingen op uit Google Drive of Google Foto's.
- Insluiten: Plak een URL of insluitcode om externe inhoud direct in de tekst weer te geven.
- Drive: Voeg Google Docs, Sheets, Slides, Forms of Maps rechtstreeks vanuit uw Drive in.
- YouTube: Video's zoeken en insluiten zonder de editor te verlaten
- Agenda: Voeg een Google Agenda in voor evenementpagina's of teamroosters.
- Kaart: Voeg een Google Maps-kaart toe met een specifieke locatie erop gemarkeerd.
- Inhoudsopgave: Automatisch gegenereerd op basis van de paginakopjes, handig voor lange documentatiepagina's.
- Knop: Call-to-action-links vormgegeven als knoppen
- Scheidingslijn: Visuele scheiding tussen secties
- Inklapbare tekst: FAQ-secties in accordeonstijl
- Afbeeldingencarrousel: een roterende galerij met meerdere afbeeldingen.
Om een nieuwe sectie toe te voegen, ga je met de muis over twee bestaande secties en klik je op het plusteken (+) dat verschijnt. Je kunt vervolgens een lay-out voor die sectie kiezen: volledige breedte, twee kolommen, drie kolommen of een uitgelichte afbeelding met tekstoverlay. Versleep secties omhoog of omlaag om ze opnieuw te rangschikken.
Stap 5: Het visuele thema aanpassen
Klik op het tabblad Thema's (het paletpictogram) in het rechterpaneel. Google Sites biedt een aantal ingebouwde thema's, elk met een eigen lettertypecombinatie en kleurenpalet. Selecteer een thema om het direct op al uw pagina's te bekijken.
Binnen elk thema kunt u het volgende aanpassen:
- Kleur: Kies uit vooraf ingestelde accentkleuren of voer een aangepaste hexcode in die bij uw merk past.
- Lettertype: Kies uit een samengestelde lijst met lettertypecombinaties (Google Sites ondersteunt geen willekeurige lettertype-uploads).
- Kopteksttype: Banner (grote afbeelding als koptekst), alleen titel of omslag (afbeelding over het hele scherm met tekst eroverheen)
Om een aangepaste headerafbeelding toe te voegen, klikt u op het headergebied op een willekeurige pagina en selecteert u 'Afbeelding wijzigen'. Gebruik een afbeelding met een hoge resolutie van minimaal 1600 pixels breed om pixelatie op grote schermen te voorkomen. U kunt ook een sitebreed logo instellen door op het sitenaamgebied te klikken en een afbeeldingsbestand te uploaden.
Stap 6: Configureer delen en machtigingen vóór publicatie
Voordat je op 'Publiceren' klikt, bepaal je wie je site kan bekijken en bewerken. Klik op de knop 'Delen' (het pictogram van een persoon met een +) in de rechterbovenhoek van de werkbalk. Er zijn twee afzonderlijke toegangsniveaus:
| Toestemmingstype | Wat het beheert | Opties |
|---|---|---|
| Toegang voor redacteuren | Wie kan de site bewerken in de builder? | Specifieke personen, iedereen met een link (bewerken), uw organisatie |
| Toegang voor kijkers (gepubliceerde site) | Wie kan de live gepubliceerde site bekijken? | Iedereen op internet, iedereen die is ingelogd, specifieke personen, alleen uw organisatie |
Voor interne teamsites kunt u de toegang beperken tot uw organisatie. Voor openbare websites stelt u de toegang in op 'Iedereen op internet'. Deze twee instellingen zijn onafhankelijk van elkaar; uw lijst met redacteuren heeft geen invloed op wie de gepubliceerde site kan bekijken.
Stap 7: Stel een aangepast webadres in
Standaard krijgt uw gepubliceerde site een URL in het formaat sites.google.com/view/uw-sitenaam . U kunt het pad (het gedeelte na /view/) aanpassen door op de knop Publiceren te klikken en het webadresveld te bewerken voordat u voor de eerste keer publiceert.
Als u een aangepast domein bezit (bijvoorbeeld yourcompany.com), kunt u dit koppelen aan uw Google Site. Klik in het menu 'Publiceren' op 'Aangepast domein' en volg de stappen voor DNS-verificatie. U moet een CNAME-record toevoegen bij uw domeinregistrar dat verwijst naar ghs.googlehosted.com . Dit proces duurt, afhankelijk van uw registrar, tussen enkele minuten en 48 uur.
Stap 8: Publiceer en test je website
Klik op de blauwe knop 'Publiceren' in de rechterbovenhoek. Google Sites vraagt u vervolgens om het webadres en de weergaverechten te bevestigen. Nadat de pagina is gepubliceerd, opent u de live-URL in een nieuw browsertabblad (niet in de editor-preview) om precies te zien wat bezoekers te zien krijgen.
Test de link systematisch voordat je hem deelt:
- Controleer elke navigatielink en bevestig dat deze naar de juiste pagina leidt.
- Bekijk de site op een mobiel apparaat of gebruik de responsieve ontwerpmodus van uw browser om de mobiele lay-out te controleren.
- Klik op elke knop en ingebedde link om te controleren of ze correct openen.
- Test ingesloten Google Forms door een testreactie in te dienen.
- Controleer of ingesloten Drive-bestanden worden gedeeld met de juiste doelgroep (een document dat is ingesloten in een openbare site moet nog steeds zelf de deelinstelling 'Iedereen met de link' hebben).
Na het publiceren toont de editor een indicator 'Gepubliceerde wijzigingen' telkens wanneer u wijzigingen aanbrengt. Wijzigingen die u in de editor aanbrengt, worden pas live nadat u opnieuw op 'Publiceren' klikt. Dit zorgt voor een veilige werkomgeving.
Praktische tactieken die de resultaten van Google Sites verbeteren
De volgende tactieken leveren consequent betere resultaten op voor Google Sites-gebruikers in verschillende gebruiksscenario's.
Gebruik Google Drive als uw contenthub.
In plaats van statische bestanden naar uw site te uploaden, kunt u live Google Docs, Sheets en Slides rechtstreeks vanuit Drive insluiten. Wanneer u het brondocument bijwerkt, wordt de ingesloten versie op uw site automatisch bijgewerkt – opnieuw publiceren is niet nodig. Dit is vooral handig voor intranetten van teams waar beleid, prijslijsten of projecttrackers regelmatig veranderen.
Integreer Google Forms voor interactie
Google Sites heeft geen ingebouwd contactformulier, registratiesysteem of enquêtetool. Vul dit gat op door een Google Formulier te maken en dit in te sluiten op een aparte pagina. De antwoorden worden direct naar een Google Sheet gestuurd, waardoor u een lichtgewicht CRM- of gegevensverzamelingssysteem hebt, helemaal gratis.
Gebruik sectieachtergronden strategisch.
Elke sectie kan een eigen achtergrondkleur of -afbeelding hebben. Door af te wisselen tussen een witte achtergrond en een lichtgrijze of merkkleur ontstaat een visueel ritme dat lezers door de pagina leidt zonder dat er aangepaste CSS nodig is. Klik op een sectie en vervolgens op het instellingenpictogram (het potloodje of tandwiel) om de achtergrondopties te openen.
Ankerlinks voor lange pagina's
Voeg op lange websites met één pagina een inhoudsopgave bovenaan toe. Google Sites genereert automatisch ankerlinks vanuit uw kopteksten, waardoor bezoekers naar specifieke secties kunnen springen. U kunt ook handmatig ankerlinks maken door de URL van de inhoudsopgave te kopiëren en deze te gebruiken in een knop of tekstlink elders op de site.
Optimaliseer afbeeldingen voordat u ze uploadt.
Google Sites comprimeert afbeeldingen niet automatisch. Uploadt u te grote afbeeldingen, dan laadt uw site traag, vooral op mobiele apparaten. Verklein afbeeldingen tot de maximale schermbreedte (doorgaans 1600 pixels voor banners over de volledige breedte en 800 pixels voor afbeeldingen in een kolom) en comprimeer ze met een tool zoals Squoosh of TinyPNG voordat u ze uploadt. Deze ene stap heeft de grootste impact op de prestaties van uw site.