Öppna vilket mallgalleri som helst utan ett tydligt mål, och inom tjugo minuter flyter alternativen ihop. Det är inte ditt fel. Det är vad som händer när du försöker välja en webbplatsmall innan du vet vad den faktiskt ska göra. Filtret kommer först. Galleriet kommer sedan.
Ta vilket mallbibliotek som helst och du hittar hundratals alternativ som alla ser polerade och professionella ut. Ju mer du scrollar, desto svårare blir valet, inte för att alternativen är dåliga utan för att du inte har bestämt vad du faktiskt behöver än. Utan ett filter på plats innan du börjar titta blir varje mall lika rimlig och lika ointressant.
Webbplatsmallar är färdiga sidlayouter som ger din sajt en visuell struktur från dag ett. Rätt mall sparar timmar av designarbete och ger dina besökare en tydlig, enhetlig upplevelse. Fel mall kämpar emot dig i varje steg, tvingar dig in i en layout som inte passar ditt innehåll och får dig att pressa in din verksamhet i en form byggd för någon annan.
Den här guiden går igenom de beslut som faktiskt spelar roll när du väljer mall, i den ordning de bör fattas.
Vad behöver din webbplats egentligen göra?
Börja här, inte med galleriet. Innan du tittar på en enda mall, skriv ner det enda din webbplats behöver åstadkomma. Är det att få besökare att ringa dig? Att köpa en produkt? Att boka en tid? Att fylla i ett formulär? Att ladda ner något?
Det svaret avgör nästan allt annat om vilken mall som passar. En mall byggd kring stora produktfoton och en varukorgsknapp är rätt struktur för en webbutik. En mall byggd kring ett huvudbudskap och ett kontaktformulär är rätt struktur för ett lokalt tjänsteföretag. De kan båda se rena och professionella ut, men de drar besökare mot helt olika handlingar.
Om du hoppar över det här steget och väljer en mall för att den ser bra ut, kommer du att lägga veckor på att tvinga in den i en form den aldrig var gjord för. Du får ett produktbildsrutnät utan naturlig plats för din tjänstelista, eller en minimalistisk portföljlayout utan plats för dina priser.
Skriv ner ditt mål. Titta sedan på mallar genom den linsen. Om layouten inte sätter det målet i centrum, gå vidare.
Matchar mallen din typ av webbplats?
Titta på mallarna som konsekvent rankar bra i din bransch och du ser att de delar strukturella mönster. Inte för att alla kopierade varandra, utan för att vissa layouter löser vissa problem bättre. Besökare kommer dessutom med förväntningar byggda av alla andra sajter de har använt i din kategori. En mall som bryter de mönstren för mycket skapar friktion innan någon har läst ett ord.
En restaurangmall inleder oftast med stark matfotografi, ett kort block med plats och öppettider och en bordsbokningsknapp redan vid första scrollningen. En advokatbyråmall inleder oftast med ett förtroendebudskap, en översikt av verksamhetsområden och ett telefonnummer som är lätt att hitta. En mall för personlig tränare inleder ofta med en rubrik fokuserad på förvandling och en "boka ett pass"-knapp.
De här mönstren är inte slumpmässiga. De fungerar eftersom layouten matchar det målgruppen letar efter när de landar på sidan.
Välj en mall som byggdes med din typ av webbplats i åtanke. De flesta mallbibliotek sorterar efter kategori av just den anledningen. Använd de filtren innan du bläddrar.
Om du fortfarande funderar på vilken typ av webbplats du bygger är att planera din webbplats innan du bygger den ett bra ställe att börja.
Fungerar mallen på mobil?
Kontrollera mobilförhandsvisningen av varje mall du överväger innan du fastnar för hur den ser ut på dator. De flesta mallar i dag är tekniskt "responsiva", vilket betyder att de anpassas till olika skärmar. Men responsiv och väl designad för mobil är två olika saker.
En mall som ser fantastisk ut som bred desktoplayout kan kollapsa till en förvirrande hög av sektioner på en telefon. Navigationsmenyer som breder ut sig horisontellt blir ibland svåra att trycka på på en liten skärm. Stora hero-bilder som dominerar vackert på en bildskärm kan skjuta ditt faktiska budskap under vecket på mobil, där de flesta av dina besökare finns.
Gå igenom mobilförhandsvisningen som om du vore en kund. Hittar du huvudsakliga uppmaningen till handling utan att scrolla förbi fyra sektioner? Öppnas menyn rent? Förblir texten läsbar? Är telefonnumret eller kontaktknappen lätt att trycka på?
Om mallbiblioteket inte visar en mobilförhandsvisning, öppna demon på din telefon innan du bestämmer dig. För att förstå varför det här spelar roll på teknisk nivå är responsiv design värt att läsa om.
Passar layouten det innehåll du faktiskt har?
Ta vilken mallpresentation som helst och byt ut arkivbilderna och platshållartexten mot det du faktiskt kommer att ha. Håller den fortfarande?
Här faller många mallval. Demon ser fantastisk ut eftersom den använder ett dussin professionella livsstilsfoton, prydligt placerade omdömen från fem nöjda kunder och korta slagkraftiga rubriker skrivna av en copywriter. Din verkliga situation kan vara tre hyfsade produktbilder, ett omdöme hittills och en tjänstebeskrivning som är längre än mallen räknar med.
Vissa mallar behöver mycket visuellt innehåll för att fungera. Andra är byggda för textintensiva sidor. Vissa förutsätter att du har en sektion med teamporträtt, en sida för kundcase, en blogg och en full FAQ. Andra är avskalade och minimala med flit.
Matcha mallens innehållsförväntningar mot vad du har nu, inte vad du hoppas ha om sex månader. En mall som ser tom ut med ditt verkliga innehåll är inte rätt mall, oavsett hur bra demon ser ut.
Var uppmärksam på hur mallen hanterar de här specifika områdena
- Hur många bilder förlitar den sig på, och på vilken kvalitetsnivå?
- Var finns navigationen, och hur många sidor rymmer den?
- Har layouten plats för en längre tjänstebeskrivning, eller förväntar den sig en sammanfattning på två rader?
- Finns det en naturlig plats för omdömen, och behöver den tre eller tio för att se balanserad ut?
Hur mycket kan du faktiskt ändra?
Mallar är startpunkter, inte färdiga produkter. Du behöver ändra färger, byta typsnitt, justera avstånd och ordna om sektioner för att göra den till din. Frågan är hur mycket av det du kan göra utan att skriva kod.
Vissa mallar är flexibla och låter dig flytta sektioner, lägga till nya block, ändra layouten för enskilda rader och anpassa nästan allt via en visuell editor. Andra är stelare och låter dig ändra färger och bilder men låser strukturen exakt.
Inget av tillvägagångssätten är fel. En stelare mall kan gå snabbare att lansera om den redan passar ditt innehåll väl. En mer flexibel mall är bättre om din verksamhet har specifika layoutbehov som en standardmall inte täcker.
Var ärlig med din tekniska komfortnivå. Om du inte är den som kommer att felsöka layoutproblem eller lära dig en malls egna inställningar, luta åt en mall som kräver mindre justering. Om du vill ha full kontroll och trivs med att lägga tid i editorn, leta efter en som lovar flexibilitet på sektionsnivå.
Det här är värt att fundera på tillsammans med ditt val av webbplatsbyggare. Hur webbplatsbyggare fungerar påverkar hur mycket kontroll du har över anpassningen av varje mall.
Är mallen byggd med SEO i åtanke?
Titta på källkoden för en malls demosida och du ser att vissa är byggda med ren, strukturerad HTML och andra är ett virrvarr av överlappande element och inline-stilar som gör det svårt för sökmotorer att läsa. Du behöver inte vara tekniker för att kontrollera några ytliga signaler.
Bra mallar använder korrekt rubrikstruktur, med en H1 per sida och en logisk nedtrappning genom H2- och H3-sektioner. De laddar snabbt eftersom de inte är proppade med överstora bildfiler och oanvänd kod. De gömmer inte viktig text i bilder eller dynamiska effekter som sökmotorer inte lätt kan indexera.
Hastighet är särskilt viktig. En mall som laddar långsamt på grund av stora bakgrundsvideor eller uppsvällda animationer presterar sämre i sökresultaten och frustrerar besökare med långsammare uppkoppling. Kontrollera mallens demosida i ett hastighetsverktyg innan du bestämmer dig.
Om du vill förstå hur SEO samspelar med din webbplatsstruktur förklarar vad SEO är och hur det fungerar grunderna.
Passar färg och stil faktiskt ditt varumärke?
Det här känns självklart, men det är värt att vara specifik. Mallar kommer med en standardfärgpalett och typsnittspar. De flesta går att ändra. Men mallens underliggande stil, dess avstånd, dess energi, om den känns minimal eller djärv eller varm eller företagsmässig, går oftast inte att ändra bara genom att byta färger.
En mall byggd med kraftiga ramar, starka kontraster och överstor typografi har en viss personlighet. Om ditt företag är en stillsam, förtroendebaserad tjänst som terapi eller ekonomisk rådgivning passar den personligheten dåligt även om du byter varje färg till något neutralt. En flytande, konstnärlig mall med mjuk typografi och generöst med luft kan kännas helt fel för ett hantverksföretag som behöver förmedla effektivitet och pålitlighet.
Innan du faller för en malls färgschema, ta bort det i tankarna och fråga vad den underliggande strukturen säger. Är tempot lugnt eller energiskt? Är den gjord för att få innehåll att kännas tillgängligt eller auktoritativt? Breder layouten ut sig eller pressas den ihop?
Välj utifrån mallens karaktär, inte bara dess nuvarande färger.
Vad händer när ditt företag växer?
En mall som fungerar bra för en sajt med fem sidor kan kännas trång när du har lagt till en blogg, en resurssektion, en teamsida och två nya tjänsteområden. Det är värt att tänka ett steg framåt innan du binder dig.
Kontrollera om mallen har en navigationsstruktur som klarar fler sidor. Titta på om layouten har naturliga platser för nya sektioner, eller om den känns som att den var gjord för att förbli precis som den är. Om mallbiblioteket visar flera sidmallar, till exempel en separat bloggayout, ett portföljrutnät och en kontaktsida, är det oftast ett gott tecken på att den byggdes med tillväxt i åtanke.
Tänk också på vilka funktioner du kan behöva senare. En webbutik, en bokningskalender, ett medlemsområde. Inte alla mallar stöder de tilläggen rent. Om plattformen bakom inte stöder funktionerna spelar mallen ingen roll.
Att välja en plattform som kan växa med dig är en del av det här beslutet. Så väljer du rätt webbplatsbyggare tar upp vad du ska kontrollera innan du binder dig till en plattform.
Tittar du med dina egna ögon eller dina kunders?
Det här är kontrollen som oftast hoppas över. Du kommer att lägga mycket tid på att titta på din egen webbplats, så det är naturligt att välja något du själv gillar. Men mallen är inte till för dig. Den är till för personen som landar på din sajt medan hen letar efter det du säljer.
Tänk på vem den personen är. Hur gammal är hen? Har hen bråttom eller tar hen tid på sig? Är hen redan köpvillig eller fortfarande i färd med att jämföra? Surfar hen på telefonen under pendlingen eller sitter hen vid ett skrivbord och gör noggrann research?
En ren, minimalistisk mall med långa scrollsektioner kan kännas elegant för dig men långsam och oavslutad för en besökare som bara vill veta priset och ringa. En mall med mycket visuell energi och rörelse kan kännas spännande för dig men kaotisk och oprofessionell för någon som behöver lita på dig innan hen lämnar ifrån sig sina uppgifter.
Använd din kundprofil för att filtrera mallar. Välj den som skulle vara mest begriplig för dem, inte den du skulle välja åt dig själv om du byggde en privat sajt.
Hur hanterar WEMASY mallar?
WEMASY:s webbplatsbyggare har ett mallbibliotek ordnat efter bransch och typ av webbplats. Mallar kan anpassas i den visuella editorn utan att skriva kod. Webbhotell, SSL och analytics ingår i samma abonnemang, så ingen separat uppsättning behövs när du har valt och anpassat din mall. Se vad som ingår i de olika planerna på prissidan.
Vanliga frågor om att välja webbplatsmall
Påverkar mallen jag väljer min SEO?
Ja, indirekt. En väl strukturerad mall använder ren rubrikhierarki, laddar snabbt och är mobilanpassad. Det är alla faktorer sökmotorer tar hänsyn till. En uppsvälld eller dåligt kodad mall kan göra din sajt långsammare och göra det svårare för sökmotorer att genomsöka ditt innehåll. Mallen avgör inte din ranking direkt, men en tekniskt dålig mall skapar hinder som bra innehåll ensamt inte övervinner. Med WEMASY:s webbplatsbyggare kan du sätta upp detta direkt på din webbplats.
Kan jag byta mall senare utan att bygga om sajten?
Det beror på plattformen. På vissa webbplatsbyggare är det relativt enkelt att byta mall och ditt innehåll följer med. På andra innebär ett mallbyte att bygga om sidor från grunden eftersom innehållet är knutet till mallens struktur. Innan du bestämmer dig för en mall, kontrollera hur bytesprocessen ser ut på din plattform. Är den jobbig är det en anledning att lägga mer tid på att välja rätt från början.
Är det bättre att välja en mall gjord för min bransch?
Oftast ja. Branschspecifika mallar är byggda med din målgrupps förväntningar i åtanke. En salongsmall inleder med bokning och bilder. En konsultmall inleder med trovärdighet och kontakt. Att börja med en som är gjord för din typ av verksamhet betyder mindre omstrukturering för att få den att bete sig som dina kunder förväntar sig. Det viktigaste filtret är ändå om den passar ditt innehåll och dina mål. Branschpassning är en stark startsignal, inte en absolut regel.
Hur många mallar bör jag jämföra innan jag bestämmer mig?
Håll dig till en kortlista på tre till fem. Tittar du på för många mallar flyter de ihop och du kan inte längre avgöra vilken som faktiskt är bäst. Ett bättre tillvägagångssätt är att först tillämpa dina filter (mobil, innehållspassning, typ av webbplats, anpassning) och bara titta på mallar som klarar alla. Den kortlistan är där du gör ditt slutgiltiga val.
Behöver jag en professionell designer för att anpassa en mall?
Inte om du använder en plattform med visuell editor. WEMASY:s webbplatsbyggare låter dig justera färger, typsnitt, bilder och layoutsektioner utan någon design- eller kodkunskap. Det mesta av mallanpassningen, att byta till dina varumärkesfärger, lägga till din logotyp och ordna om sektioner, är enkelt i en visuell editor. En designer tillför värde vid mer omfattande strukturella ändringar eller när du behöver egen grafik som går utöver vad editorn klarar.