Hur väljer jag rätt mall för min webbplats?

Börja med funktionerna din bransch kräver

En mall handlar om mer än färgpalett och typsnitt. Funktionerna bakom är byggda för ett specifikt syfte och skiljer sig kraftigt mellan branscher. En webbutik behöver en mall med variantväljare (för storlek och färg), fraktzoner eller fraktkalkylator och synlig lagerstatus, annars tvingas du bygga in det manuellt i efterhand. En restaurang behöver plats för meny, öppettider och helst ett bokningssystem inbyggt i mallen. En fotograf eller annan portfoliobaserad verksamhet behöver stora bildytor och ett galleri med lazy loading (bilder laddas först när besökaren scrollar fram till dem), annars blir sidan tung redan från start.

De flesta webbplatsbyggare sorterar sina mallar efter bransch av just den anledningen. Utgå från listan för din bransch först. Det sparar dig från att välja en mall som ser bra ut men saknar de funktioner du faktiskt behöver.

Mät laddningstiden, gissa inte

Många mallar ser imponerande ut i förhandsvisningen men blir långsamma i praktiken. Vanliga orsaker är ooptimerade hero-bilder i full upplösning, tunga animationsbibliotek som körs vid varje sidladdning och render-blockerande JavaScript som fördröjer när innehållet faktiskt blir synligt för besökaren. Ju fler rörliga element och parallax-effekter en mall har inbyggda, desto större är risken.

Google mäter detta som Largest Contentful Paint (LCP), tiden det tar innan det största och mest framträdande innehållet på sidan har laddats klart. Enligt web.dev bör LCP ligga under 2,5 sekunder för att räknas som bra, mätt vid 75:e percentilen av besök på både mobil och dator. Det bästa testet är att fylla mallen med ditt eget innehåll, riktiga bilder i rätt format snarare än platshållare, och sedan se hur den faktiskt beter sig på en riktig mobil med vanlig mobiluppkoppling i stället för kontorets wifi.

Responsiv (mobilanpassad) design är ett grundkrav

Responsiv design innebär att mallen automatiskt anpassar layout, textstorlek och bildbeskärning efter skärmens bredd. De flesta moderna mallar är responsiva som standard, men skillnaden syns i detaljerna, till exempel hur menyn fälls ihop till en hamburgermeny, om knapparna är stora nog att träffa med tummen och om texten i bildtexter fortfarande går att läsa på en liten skärm. Öppna alltid mallens förhandsvisning i mobilläge innan du bestämmer dig, inte bara på datorskärmen där allt ser bra ut.

Statisk eller dynamisk mall

En statisk mall har en fast struktur där sektionerna ligger i bestämd ordning och du fyller i innehåll i färdiga fält. Det går snabbt att komma igång men ger mindre frihet att bygga om sidan senare. En dynamisk mall, vanligare i CMS-teman och byggare med blockredigerare, låter dig flytta, ta bort och lägga till sektioner fritt. Välj statiskt om du vill vara igång samma dag och sällan ändrar strukturen. Välj dynamiskt om webbplatsen kommer växa med nya sidor och sektioner över tid.

En sida eller flera

En enda lång sida (one-page) fungerar bra för enkla visitkort, evenemang eller produktlanseringar där allt innehåll får plats i ett scrollflöde. En flersidig struktur passar bättre när du har olika typer av innehåll som behöver egna adresser, till exempel en produktkatalog, en bloggsektion och en kontaktsida. Mallar är oftast byggda för det ena eller det andra, och att tvinga in flersidigt innehåll i en one-page-mall brukar bli rörigt.

Testa mallen med ditt eget innehåll innan du bestämmer dig

En mall som ser perfekt ut med byggarens platshållartext och professionella exempelbilder kan se helt annorlunda ut med ditt eget material. Lägg in din riktiga logotyp, dina egna bilder och en rubrik i den längd du faktiskt kommer använda. Kontrollera hur mallen hanterar en ovanligt lång produkttitel, en bild i fel bildförhållande eller en tom sektion om du inte har allt innehåll klart än. De flesta byggare låter dig testa flera mallar med samma innehåll innan du binder dig, och det är den mest träffsäkra genvägen till rätt val.

Följ ditt varumärke, inte trenden

Designtrender kommer och går, men varumärkesidentiteten ska hålla över tid. En mall vald för att den är trendig just nu riskerar att kännas daterad om ett par år, medan en mall som speglar din logotyp, dina färger och din tonalitet fortsätter fungera oavsett vad som är populärt för stunden. Prioritera konsekvens i typsnitt, färgpalett och bildspråk framför det senaste stilgreppet.

Kan jag byta mall efter publicering?

I de flesta webbplatsbyggare går det bra att byta mall efter att sajten publicerats, men hur mycket innehåll och struktur som följer med varierar mellan plattformar. Läs mer om vad som händer med innehållet när du byter mall innan du utgår från att bytet blir smärtfritt.

Checklista innan du väljer

Gå igenom denna lista innan du klickar på "välj mall".

• Stödjer mallen din branschs kärnfunktioner, till exempel bokning, e-handel eller portfoliogalleri?
• Är den responsiv och testad i mobilläge, inte bara på datorskärm?
• Har du testat laddningstiden med ditt eget innehåll, inte bara platshållartext?
• Passar strukturen, statisk eller dynamisk, en sida eller flera, hur webbplatsen kommer växa?
• Speglar den ditt varumärke snarare än en tillfällig trend?

Jämför olika plattformars mallutbud i vår guide till webbplatsbyggare, eller se vad som gäller för professionella webbplatsbyggare för företag om du väljer åt ett företag.