Många företag bygger om sin webbsida vart tredje eller fjärde år, och varje gång börjar de nästan från noll. Ofta beror det inte på att designen är föråldrad, utan på att grunden inte håller: strukturen går inte att bygga ut, plattformen räcker inte till eller så vet ingen längre hur sajten är uppbyggd. Med rätt grund kan en sajt i stället växa och förändras i takt med företaget. Här går vi igenom hur du bygger en ny webbsida från grunden, steg för steg, så att den går att anpassa i framtiden.
Steg 1: börja med målet, inte med designen
Det är frestande att börja med färger, typsnitt och bilder. Men den viktigaste delen av arbetet sker innan någon öppnar ett designverktyg.
Vad ska sajten göra? Skriv ner sajtens viktigaste mål, till exempel att få fler offertförfrågningar, sälja produkter, rekrytera eller svara på kundernas frågor så att kundtjänsten får färre samtal. Ett eller två huvudmål räcker. Målen avgör vad som ska synas på startsidan och vad som kan ligga längre in.
Vem är besökaren? Beskriv de viktigaste målgrupperna och vilka frågor de har. En befintlig kund som letar efter support behöver något annat än en ny kund som jämför leverantörer.
Vilket innehåll behövs? Gör en lista över alla sidor och allt innehåll sajten ska ha. Har du en gammal sajt, gå igenom den: vad ska vara kvar, vad ska skrivas om och vad kan tas bort? Det är här många projekt fastnar, eftersom texter och bilder tar längre tid att ta fram än själva sajten.
Tänk framåt. Fundera på vad sajten kan behöva om tre år. Ska ni börja sälja online? Öppna fler orter? Behövs fler språk? Ni behöver inte bygga allt nu, men grunden ska kunna ta emot det.
Steg 2: en struktur som tål att växa
Strukturen är sajtens skelett. Den är svår att ändra i efterhand, så det lönar sig att tänka efter här.
Bygg en tydlig hierarki. Dela in innehållet i några få huvudområden, till exempel Tjänster, Kunder och case, Om oss och Kontakt. Under varje huvudområde finns undersidor. En bra tumregel är att besökaren ska nå de viktigaste sidorna på ett eller två klick.
Lämna plats för det som kommer. Om ni i dag har tre tjänster, bygg en sida för Tjänster med en undersida för varje, i stället för att lägga alla tre direkt i huvudmenyn. Då kan ni lägga till en fjärde och femte utan att göra om menyn.
Välj långsiktiga adresser. Webbadresser som dittforetag.se/tjanster/webbdesign är lätta att förstå, både för människor och sökmotorer. Undvik datum, kampanjnamn och ID-nummer i adresserna, eftersom de snabbt blir inaktuella. När en adress ändras ska den gamla alltid skicka vidare till den nya med en så kallad 301-omdirigering, annars förlorar du både besökare och placering i sökresultaten.
Tänk i innehållstyper, inte bara sidor. Bestäm vilka slags innehåll sajten ska ha, till exempel tjänster, artiklar, medarbetare och kundcase, och vilka fält varje typ har. En medarbetare har namn, roll, bild och kontaktuppgifter. När innehållet är strukturerat på det här sättet kan det visas på flera ställen, filtreras och flyttas till en ny plattform i framtiden utan att allt behöver skrivas om. Det gör det också lättare för sökmotorer och AI-tjänster att förstå innehållet.
Steg 3: välj plattform efter behov, inte efter trend
Plattformen är det system som sajten byggs i. Det finns inget rätt svar för alla, men det finns fel svar för de flesta. Fråga dig: vem ska uppdatera sajten, hur mycket ska den växa och hur mycket vill ni kunna anpassa?
| Plattform | Passar för | Att tänka på |
|---|---|---|
| WordPress | De flesta företagssajter och bloggar. Stor flexibilitet och ett enormt utbud av tillägg | Kräver underhåll och uppdateringar för att vara säker. Kvaliteten på teman och tillägg varierar |
| Wix eller Squarespace | Mindre företag som vill komma igång snabbt och sköta sajten själva | Enkelt men mer begränsat. Svårare att flytta innehållet till en annan plattform |
| Webflow | Designdrivna sajter där man vill ha stor kontroll över utseendet utan att programmera | Kräver mer kunskap än Wix. Månadskostnad per sajt |
| Shopify | E-handel, från små butiker till stora | Byggt för försäljning. Tilläggsappar kan bli dyra |
| Headless | Större organisationer med egna utvecklare och innehåll i flera kanaler | Innehållet och utseendet är helt separerade. Mycket flexibelt men dyrare att bygga och förvalta |
WordPress är i särklass störst. Enligt W3Techs används det av drygt 40 procent av alla webbplatser i världen och av omkring 60 procent av de sajter som använder ett känt publiceringssystem. Det betyder att det är lätt att hitta utvecklare och hjälp, vilket är en viktig fråga för framtiden.
Frågor att ställa innan du väljer:
- Kan vi uppdatera texter och bilder själva, utan en utvecklare?
- Kan vi exportera vårt innehåll om vi vill byta plattform?
- Finns det många som kan arbeta med systemet, om vi byter byrå?
- Vad kostar det per månad och per år, inklusive tillägg?
- Klarar plattformen det vi kan behöva om tre år, som e-handel, fler språk eller medlemssidor?
Steg 4: design som ett system
En framtidssäker design består inte av ett antal unika sidor, utan av ett system av byggblock som kan kombineras på nya sätt.
Bygg med komponenter. Bestäm ett antal återkommande delar: rubriker, knappar, kort, faktarutor, citat och bildgallerier. När en ny sida ska byggas sätts den ihop av de befintliga delarna. Sajten blir enhetlig, och det går snabbare och billigare att bygga nytt.
Samla stilen på ett ställe. Färger, typsnitt och avstånd ska vara definierade centralt, inte på varje sida. Vill ni byta färg på knapparna om två år ändrar ni på ett ställe, inte på hundra.
Mobilen först. En stor del av besökarna kommer från mobilen. Designa för den lilla skärmen först och bygg ut för datorn. Det tvingar fram prioriteringar: det som inte får plats i mobilen är kanske inte så viktigt.
Tillgänglighet från start. En tillgänglig sajt fungerar för alla, även för personer med nedsatt syn, motorik eller kognition. Det handlar om tillräcklig kontrast, alt-text på bilder, en korrekt rubrikstruktur, att sajten går att använda med tangentbordet och ett begripligt språk. Sedan den 28 juni 2025 gäller dessutom lagen om vissa produkters och tjänsters tillgänglighet, som bland annat ställer krav på e-handel som riktar sig till konsumenter. Mikroföretag, det vill säga företag med färre än tio anställda och en omsättning på högst 2 miljoner euro, är undantagna, och Post- och telestyrelsen (PTS) är tillsynsmyndighet. Att bygga in tillgängligheten från början är mycket billigare än att rätta till den i efterhand.
Snabbhet är en del av designen. Stora bilder, många tillägg och tunga animationer gör sajten långsam. En långsam sajt tappar besökare och placeringar i sökresultaten. Googles mått Core Web Vitals är ett bra sätt att följa upp hur snabb och stabil sajten upplevs.
Steg 5: äg grunden
Det här är den minst glamorösa delen, men också den som oftast ställer till problem flera år senare.
Äg din domän. Domännamnet ska vara registrerat i företagets namn, inte i byråns eller en tidigare anställds. Se till att ni har inloggningen och att den förnyas automatiskt.
Välj hosting med omsorg. Billigaste webbhotellet är sällan det bästa. Titta på hastighet, support, säkerhet och var servrarna står.
Backup och säkerhet. Automatisk säkerhetskopiering, uppdateringar av system och tillägg och tvåstegsverifiering för inloggningen. En hackad sajt kan kosta mycket mer än vad den kostade att bygga.
GDPR och cookies. Sajten ska ha en integritetspolicy, och besökarna ska kunna tacka nej till cookies som inte är nödvändiga lika lätt som de tackar ja. Formulär ska bara samla in de uppgifter som verkligen behövs.
Mät från första dagen. Installera webbstatistik och koppla sajten till Google Search Console från start. Då vet du hur sajten används och kan förbättra den med fakta i stället för känsla.
Dokumentera. Skriv ner hur sajten är uppbyggd: vilken plattform och vilket tema, vilka tillägg, inloggningar, var domänen ligger och hur man lägger till en ny sida. Det är det enskilt bästa sättet att göra sajten oberoende av en viss person eller byrå.
Vanliga misstag att undvika
- Att börja med designen. Utan mål och innehållsplan blir sajten snygg men ofokuserad.
- Att vänta med texterna. Sajten är färdig men texterna saknas. Ta fram innehållet parallellt med bygget, inte efteråt.
- För många tillägg. Varje tillägg gör sajten långsammare och svårare att underhålla. Fråga alltid om det verkligen behövs.
- Speciallösningar för allt. Varje sida som är byggd på sitt eget sätt blir svår att ändra. Håll dig till systemet.
- Att glömma de gamla adresserna. Vid byte av sajt försvinner ofta gamla sidor utan omdirigering, och då försvinner också besökare och sökplaceringar.
- Att inte äga sin sajt. Domän, inloggningar och innehåll ska ligga hos företaget, inte bara hos byrån.
Checklista
- Sajtens mål och målgrupper är nedskrivna.
- Det finns en innehållsplan med alla sidor och vem som tar fram texterna.
- Strukturen har plats för fler tjänster, språk och sidor.
- Webbadresserna är korta, tydliga och långsiktiga.
- Plattformen är vald utifrån behov, och innehållet går att exportera.
- Designen bygger på återanvändbara komponenter och en central stil.
- Sajten fungerar i mobilen, är snabb och är tillgänglig.
- Företaget äger domänen och har alla inloggningar.
- Backup, uppdateringar och tvåstegsverifiering är påslagna.
- Statistik och Search Console är kopplade.
- Sajten är dokumenterad.
En sajt som är byggd på det här sättet behöver inte göras om från grunden vart tredje år. Den kan i stället utvecklas i lugn takt, en ny sida, en ny funktion och en förbättring i taget.
