Vad är Google Sites?
Google Sites är en gratis, webbläsarbaserad webbplatsbyggare som ingår i Google Workspace-ekosystemet. Den gör det möjligt för individer, team, skolor och organisationer att skapa strukturerade webbplatser med flera sidor utan att skriva någon kod. Till skillnad från traditionella webbutvecklingsverktyg fungerar Google Sites helt och hållet inom ett Google-konto – inga hostingavgifter, ingen domänkonfiguration krävs för att komma igång och ingen programvara behöver installeras. Publicerade webbplatser finns på Googles infrastruktur på en underdomän under sites.google.com , eller så kan de mappas till en anpassad domän.
Tekniskt sett finns det två versioner av Google Sites. Den ursprungliga versionen, ibland kallad "Klassiska Google Sites", släpptes 2008 och byggdes på ett förvärv av JotSpot. Google ersatte den med en helt ombyggd produkt – "Nya Google Sites" – från och med 2016, och den klassiska versionen stängdes officiellt ner 2021. Den här artikeln behandlar uteslutande den nuvarande, moderna Google Sites.
Varför Google Sites är viktigt
Google Sites upptar en specifik och genuint användbar nisch inom webbdesign. Det försöker inte konkurrera med Squarespace om portfolio-webbplatser eller med WordPress om innehållsrik publicering. Dess verkliga värde ligger i en snävare uppsättning användningsfall där enkelhet, Google Workspace-integration och nollkostnad är viktigare än designflexibilitet eller avancerad funktionalitet.
- Noll kostnad på den personliga nivån: Alla Google-kontoinnehavare kan skapa och publicera en Google Sites-webbplats utan kostnad. Det finns inga premiumnivåer, inga betalväggsmallar och inga bandbreddsavgifter för vanlig användning.
- Inbyggd Google Workspace-integration: Google Sites kan bädda in Google Dokument, Kalkylark, Presentationer, Formulär, Kartor, Kalendrar, Drive-mappar och YouTube-videor direkt på sidor. Det inbäddade innehållet förblir aktivt och uppdateras automatiskt när källfilen ändras – en funktion som ingen tredjepartswebbplatsbyggare kan replikera lika sömlöst.
- Hanteras av Googles infrastruktur: Webbplatser hanteras från Googles globala CDN, vilket innebär att de laddas snabbt och drar nytta av Googles driftsäkerhet utan någon konfiguration från webbplatsägaren.
- Inbyggt samarbete: Flera personer kan redigera en Google-webbplats samtidigt, med samma delnings- och behörighetsmodell som används i hela Google Drive. Detta gör den praktisk för teamintranät, klassprojekt och avdelningssidor.
- Inga underhållskostnader: Det finns inga plugins att uppdatera, inga säkerhetsuppdateringar att installera och inga serverkonfigurationer att hantera. Google hanterar allt detta osynligt.
För en skollärare som bygger en resurscentral för klassrum, ett HR-team som publicerar en intern policyportal eller en liten ideell organisation som behöver en grundläggande offentlig närvaro utan budget, är Google Sites ofta det mest praktiska alternativet. Avvägningen är verklig – designanpassning är begränsad, e-handel stöds inte och SEO-verktyg är minimala – men för målgruppen spelar dessa begränsningar sällan någon roll.
Så fungerar Google Sites: Kärnarkitekturen
Att förstå hur Google Sites fungerar tekniskt hjälper till att sätta korrekta förväntningar på vad det kan och inte kan göra.
Redigerargränssnittet
Google Sites använder en dra-och-släpp-redigerare (WYSIWYG - What You See Is What You Get) som nås helt via en webbläsare på sites.google.com . Redigeringsytan är uppdelad i en panel till höger med tre flikar – Infoga, Sidor och Teman – och en central arbetsyta som representerar sidan som skapas.
Panelen Infoga innehåller de byggstenar som är tillgängliga för webbplatsskapare:
- Textruta — grundläggande innehåll i stycke och rubriker
- Bilder – uppladdade från en enhet, hämtade från Google Drive eller hämtade via Google Bildsökning
- Bädda in — rå URL eller iframe-inbäddningskod för externt innehåll
- Drive-objekt – Dokument, Kalkylark, Presentationer, Formulär och mappar inbäddade direkt från Google Drive
- YouTube — videoinbäddningar via URL eller sökning
- Kalender, karta, diagram — direkta inbäddningar av Google-produkter
- Hopfällbar text, innehållsförteckning, knapp, avdelare och bildkarusell — strukturella layoutelement
Innehållet placeras i sektioner på varje sida. Sektioner staplas vertikalt och kan ändras ordning genom att dra. Inom ett avsnitt låter ett rutnätsbaserat layoutsystem skapare placera flera innehållsblock sida vid sida. Layoutrutnätet är relativt grovt jämfört med verktyg som Webflow eller till och med Wix, men det är tillräckligt för rena, läsbara sidor.
Sidor och navigering
En Google-webbplats är organiserad i sidor som hanteras via fliken Sidor. Sidor kan kapslas för att skapa en enkel hierarki – en föräldersida med undersidor under. Webbplatsen genererar automatiskt en navigeringsrubrik baserat på denna sidstruktur, men skaparna kan styra vilka sidor som visas i navigeringen och i vilken ordning. Det finns inget inbyggt megameny- eller sidfotssystem; navigeringen är en enda horisontell stapel högst upp på varje sida.
Teman och visuell design
Fliken Teman innehåller en liten uppsättning förbyggda visuella teman, som vart och ett styr teckensnitt, färgpalett och rubrikstil. Inom ett valt tema kan skapare justera primär- och sekundärfärger och välja från en begränsad teckensnittsparning. Det finns ingen åtkomst till rå CSS, inga anpassade teckensnittsuppladdningar och ingen möjlighet att redigera HTML direkt. Detta är en avsiktlig begränsning – Google Sites byter designfrihet mot enkelhet och konsekvens.
Publicering och webbhotell
När en webbplats är klar publiceras den genom att klicka på knappen Publicera. Google Sites erbjuder två publiceringsalternativ:
- Googles underdomän: Webbplatsen publiceras på en URL i formatet sites.google.com/view/your-site-name . Detta är omedelbart, gratis och kräver ingen konfiguration.
- Anpassad domän: Webbplatsägare kan mappa en domän de äger till sin Google Site genom att lägga till en CNAME-post via sin domänregistrator. Google tillhandahåller det specifika CNAME-värdet som ska användas. Själva domänen måste köpas och förnyas separat – Google Sites varken säljer eller hanterar domäner.
Alla publicerade Google Sites serveras automatiskt via HTTPS. Det finns inget alternativ att servera en Google Site via vanlig HTTP, vilket är en rimlig standard ur säkerhetssynpunkt.
Åtkomstkontroll och synlighet
Google Sites har stöd för tre synlighetsinställningar för publicerade webbplatser:
| Synlighetsinställning | Vem kan se | Typiskt användningsfall |
|---|---|---|
| Offentlig (alla på webben) | Alla internetanvändare, ingen inloggning krävs | Offentliga webbplatser, ideella sidor, kursresurser |
| Någon som har länken | Alla som har URL:en, ingen inloggning krävs | Delade projektsidor, evenemangssajter med begränsad distribution |
| Specifika personer eller grupper | Endast Google-konton som uttryckligen beviljats åtkomst | Interna teamportaler, skolintranät, privat dokumentation |
För organisationer som använder Google Workspace for Education eller Google Workspace for Business finns det ett ytterligare alternativ som begränsar visningen till endast medlemmar i organisationens domän – en viktig funktion för interna kunskapsbaser och HR-portaler som aldrig bör vara offentligt tillgängliga.
Så här fungerar redigeringsbehörigheter
Google Sites använder samma behörighetsmodell som Google Drive. Webbplatsägaren kan dela redigeringsåtkomst med andra Google-kontoinnehavare på tre nivåer: Läsare, Redigerare och Ägare. Redigerare kan ändra innehåll och publicera ändringar. Ägare kan ändra delningsinställningar och ta bort webbplatsen. Den här modellen gör det enkelt för team som redan arbetar i Google Workspace att skapa webbplatser tillsammans, eftersom arbetsflödet är identiskt med att dela ett Google-dokument.
Förhållandet mellan utkast och publicerade stater
Google Sites har en tydlig åtskillnad mellan utkastversionen (opublicerad) av en webbplats och den publicerade versionen. Redigeringar som görs i redigeraren visas inte på webbplatsen förrän ägaren uttryckligen klickar på Publicera. Det innebär att ett team kan arbeta med betydande ändringar – omstrukturera sidor, uppdatera innehåll, lägga till nya avsnitt – utan att dessa ändringar syns för webbplatsbesökare. Det är en enkel men viktig arbetsflödesfunktion som förhindrar oavsiktlig publicering av ofullständigt arbete.
Det finns dock ingen inbyggd versionshistorik för publiceringslägen på samma sätt som WordPress eller andra CMS-plattformar erbjuder återställningsfunktioner. Redigeraren har en ångringshistorik under en session, men det finns inget sätt att återställa en publicerad webbplats till ett tidigare publiceringsläge i efterhand. Detta är en betydande begränsning för webbplatser där innehållets noggrannhet är avgörande.
Mobil responsivitet
Alla Google Sites är responsiva som standard. Layouten anpassar sig automatiskt till mindre skärmar utan ytterligare konfiguration från webbplatsskaparen. Skapare kan förhandsgranska hur en webbplats kommer att se ut på dator, surfplatta och mobil med hjälp av förhandsgranskningsknappen i redigeraren. Det responsiva beteendet hanteras helt av Googles renderingsmotor – webbplatsskapare kan inte skriva anpassade mediefrågor eller åsidosätta den responsiva layouten manuellt, vilket återigen återspeglar plattformens filosofi om enkelhet framför kontroll.
Hur man bygger en Google-webbplats: En komplett steg-för-steg-process
För att bygga en Google-webbplats, gå till sites.google.com, klicka på + -knappen för att skapa en ny webbplats, välj en mall eller börja tomt, lägg till sidor och innehåll med dra-och-släpp-redigeraren, konfigurera navigerings- och delningsinställningar och publicera sedan. Hela processen tar under en timme för en enkel webbplats.
Steg 1: Gå till Google Sites och välj din startpunkt
Navigera till sites.google.com och logga in med ditt Google-konto. Om du använder Google Workspace via en arbetsgivare eller skola loggar du in med det kontot istället – det ger dig ytterligare delningskontroller och lagringsutrymme kopplat till din organisation.
Du kommer att se två alternativ för att starta:
- Tom webbplats: Full kreativ kontroll från grunden. Bäst när du har en tydlig designvision eller specifika layoutbehov.
- Mallgalleri: Färdiga layouter för portföljer, projektwebbplatser, teamintranät, evenemangssidor och klassrumswebbplatser. Mallar sparar avsevärt tid och är enkla att anpassa.
Klicka på den stora plusikonen under "Starta en ny webbplats" för att öppna en tom arbetsyta, eller bläddra i mallgalleriet och klicka på valfri mall för att öppna den i redigeraren. Du kan byta mall senare, men om du gör det ersätter du din nuvarande layout, så välj noggrant i förväg.
Steg 2: Namnge din webbplats och ange sidtitel
I det övre vänstra hörnet klickar du på "Ange webbplatsnamn" och skriver in webbplatsens namn. Namnet visas i webbläsarfliken och i Googles sökresultat om din webbplats är offentlig, så se till att det är beskrivande och korrekt. Klicka separat på den stora rubriken på sidduken för att ange den första sidans synliga titel – detta är oberoende av webbplatsens namn.
Namngivningsbeslut är viktiga för synligheten. Om du bygger en offentlig webbplats, inkludera ett relevant nyckelord i webbplatsnamnet. För interna teamwebbplatser, använd ett namn som teamet känner igen direkt när de söker på Google Drive.
Steg 3: Bygg din sidstruktur och navigering
Klicka på fliken Sidor (ikonen för staplade sidor) i den högra panelen. Google Sites skapar automatiskt en startsida. Lägg till ytterligare sidor genom att klicka på + -knappen längst ner i panelen Sidor.
Planera din navigering innan du lägger till innehåll. En välstrukturerad webbplats följer vanligtvis ett av dessa mönster:
- Platt struktur: Alla sidor på samma nivå. Fungerar bra för webbplatser med fem eller färre sidor (portfolio, evenemangswebbplats, personligt CV).
- Hierarkisk struktur: Överordnade sidor med undersidor kapslade under. Perfekt för teamintranät, projekthubbar eller dokumentationswebbplatser med många sektioner.
- Ensidig struktur: En lång rullsida med ankarlänkar. Effektivt för enkla landningssidor eller evenemangsmeddelanden.
För att skapa en undersida, dra en sida under en överordnad sida i panelen Sidor tills du ser den indragen. Google Sites lägger automatiskt till den i navigeringsmenyn. Du kan också högerklicka på valfri sida i panelen för att duplicera den, dölja den från navigeringen eller ange den som startsida.
Steg 4: Lägg till och ordna innehållsblock
Google Sites använder en sektionsbaserad layout. Varje sida består av staplade sektioner, och inom varje sektion placerar du innehållsblock. Klicka var som helst på arbetsytan för att öppna panelen Infoga till höger, som innehåller:
- Textruta: Rubriker, brödtext och formaterade stycken
- Bilder: Ladda upp från din dator, sök på Google Bilder eller hämta från Google Drive eller Foton
- Bädda in: Klistra in valfri URL eller inbäddningskod för att visa externt innehåll inbäddat
- Drive: Infoga Google Dokument, Kalkylark, Presentationer, Formulär eller Kartor direkt från din Drive
- YouTube: Sök och bädda in videor utan att lämna redigeraren
- Kalender: Bädda in en Google Kalender för evenemangssidor eller teamscheman
- Karta: Lägg till en Google-karta med en specifik plats fäst
- Innehållsförteckning: Genereras automatiskt från rubriker på sidan, användbart för långa dokumentationssidor
- Knapp: Uppmaningslänkar formaterade som knappar
- Avdelare: Visuell separator mellan sektioner
- Hopfällbar text: Vanliga frågor och svar-avsnitt i dragspelsstil
- Bildkarusell: Roterande galleri med flera bilder
För att lägga till ett nytt avsnitt, håll muspekaren mellan två befintliga avsnitt och klicka på + -tecknet som visas. Du kan sedan välja en layout för avsnittet: full bredd, två kolumner, tre kolumner eller en utvald bild med textöverlägg. Dra avsnitten uppåt eller nedåt för att ändra ordningen på dem.
Steg 5: Anpassa det visuella temat
Klicka på fliken Teman (ikonen för färgpalett) i den högra panelen. Google Sites erbjuder en uppsättning inbyggda teman, vart och ett med en distinkt teckensnittskombination och färgpalett. Välj ett tema för att förhandsgranska det direkt på alla sidor.
Inom varje tema kan du justera:
- Färg: Välj bland förinställda accentfärger eller ange en anpassad hex-kod som matchar ditt varumärke
- Typsnitt: Välj från en kuraterad lista med typsnittsparningar (Google Sites stöder inte godtyckliga typsnittsuppladdningar)
- Rubriktyp: Banner (stor bildrubrik), endast titel eller omslag (helskärmsbild med textöverlägg)
För att lägga till en anpassad rubrikbild, klicka på rubrikområdet på valfri sida och välj "Ändra bild". Använd en högupplöst bild som är minst 1600 pixlar bred för att undvika pixelering på stora skärmar. Du kan också ange en webbplatsomfattande logotyp genom att klicka på området för webbplatsnamnet och ladda upp en bildfil.
Steg 6: Konfigurera delning och behörigheter före publicering
Innan du trycker på publicera, bestäm vem som kan visa och redigera din webbplats. Klicka på knappen Dela (personikonen med ett +) i verktygsfältet uppe till höger. Det finns två separata behörighetsnivåer:
| Tillståndstyp | Vad den kontrollerar | Alternativ |
|---|---|---|
| Redigeraråtkomst | Vem kan redigera webbplatsen i verktyget | Specifika personer, alla med länk (redigera), din organisation |
| Åtkomst för tittare (publicerad webbplats) | Vem kan se den publicerade webbplatsen | Alla på internet, alla inloggade, specifika personer, endast din organisation |
För interna gruppwebbplatser, begränsa åtkomsten till organisationen. För offentliga webbplatser, ställ in åtkomsten till "Alla på internet". Dessa två inställningar är oberoende av varandra – din redigeringslista påverkar inte vem som kan visa den publicerade webbplatsen.
Steg 7: Ange en anpassad webbadress
Som standard får din publicerade webbplats en URL i formatet sites.google.com/view/your-site-name . Du kan anpassa sökvägen (delen efter /view/) genom att klicka på knappen Publicera och redigera webbadressfältet innan du publicerar för första gången.
Om du äger en anpassad domän (till exempel dittföretag.com) kan du mappa den till din Google Site. I menyn Publicera klickar du på "Anpassad domän" och följer DNS-verifieringsstegen. Du måste lägga till en CNAME-post hos din domänregistrator som pekar på ghs.googlehosted.com . Den här processen tar mellan några minuter och 48 timmar att distribuera, beroende på din registrator.
Steg 8: Publicera och testa din webbplats
Klicka på den blå Publicera -knappen i det övre högra hörnet. Google Sites kommer att be dig bekräfta webbadressen och behörigheterna för visning. När webbplatsen är publicerad kan du besöka den aktiva URL:en i en ny flik i webbläsaren – inte i förhandsgranskningen av redigeraren – för att se exakt vad besökarna kommer att se.
Testa systematiskt innan du delar länken:
- Kontrollera varje navigeringslänk och bekräfta att den leder till rätt sida
- Visa webbplatsen på en mobil enhet eller använd din webbläsares responsiva designläge för att kontrollera mobillayouten.
- Klicka på varje knapp och inbäddad länk för att kontrollera att de öppnas korrekt
- Testa alla inbäddade Google Forms genom att skicka in ett testsvar
- Bekräfta att inbäddade Drive-filer delas med lämplig målgrupp (ett dokument som är inbäddat på en offentlig webbplats behöver fortfarande ha sin egen delning inställd på "Alla med länken")
Efter publicering visar redigeraren en indikator för "Publicerade ändringar" varje gång du gör redigeringar. Ändringar du gör i redigeraren publiceras inte förrän du klickar på Publicera igen, vilket ger dig en säker ritmiljö.
Praktiska taktiker som förbättrar Google Sites-resultaten
Följande taktiker ger konsekvent bättre resultat för Google Sites-användare i olika användningsområden.
Använd Google Drive som ditt innehållsnav
Istället för att ladda upp statiska filer till din webbplats, bädda in Google Dokument, Kalkylark och Presentationer direkt från Drive. När du uppdaterar källdokumentet uppdateras den inbäddade versionen på din webbplats automatiskt – ingen ompublicering krävs. Detta är särskilt värdefullt för teamintranät där policyer, prislistor eller projektföljare ändras ofta.
Bädda in Google Forms för interaktion
Google Sites har inget inbyggt kontaktformulär, registreringssystem eller enkätverktyg. Fyll detta tomrum genom att skapa ett Google-formulär och bädda in det på en dedikerad sida. Svaren går direkt till ett Google-ark, vilket ger dig ett lättviktigt CRM-system eller datainsamlingssystem utan kostnad.
Använd sektionsbakgrunder strategiskt
Varje avsnitt kan ha sin egen bakgrundsfärg eller bild. Att växla mellan en vit bakgrund och en ljusgrå eller märkesfärgad bakgrund skapar en visuell rytm som vägleder läsarna nerför sidan utan att behöva anpassad CSS. Klicka på valfritt avsnitt och klicka sedan på ikonen för avsnittsinställningar (pennan eller kugghjulet) för att komma åt bakgrundsalternativen.
Ankarlänkar för långa sidor
På långa webbplatser med en sida, lägg till ett innehållsförteckningsblock högst upp. Google Sites genererar automatiskt ankarlänkar från dina rubrikelement, vilket gör att besökare kan hoppa till specifika avsnitt. Du kan också skapa ankarlänkar manuellt genom att kopiera ankar-URL:en från innehållsförteckningsblocket och använda den i en knapp eller textlänk någon annanstans på webbplatsen.
Optimera bilder innan uppladdning
Google Sites komprimerar inte bilder automatiskt. Om du laddar upp för stora bilder kommer din webbplats att laddas långsamt, särskilt på mobila anslutningar. Ändra storleken på bilderna till maximal visningsbredd (vanligtvis 1600 pixlar för banners i full bredd, 800 pixlar för bilder i kolumner) och komprimera dem med ett verktyg som Squoosh eller TinyPNG innan du laddar upp dem. Detta enda steg har störst inverkan på webbplatsens prestanda.