Åbn et hvilket som helst skabelonbibliotek uden et klart mål, og inden for tyve minutter flyder mulighederne sammen. Det er ikke dit problem. Det er det, der sker, når du prøver at vælge en hjemmesideskabelon, før du ved, hvad den egentlig skal kunne. Filteret kommer først. Galleriet kommer bagefter.
Tag et hvilket som helst bibliotek med hjemmesideskabeloner, og du finder hundredvis af muligheder, der alle ser flotte og professionelle ud. Jo mere du scroller, jo sværere bliver valget, ikke fordi mulighederne er dårlige, men fordi du endnu ikke har besluttet, hvad du egentlig har brug for. Uden et filter, før du begynder at kigge, bliver hver skabelon lige sandsynlig og lige lidt overbevisende.
Hjemmesideskabeloner er færdigbyggede sidelayouts, der giver din side en visuel struktur fra dag ét. Den rigtige sparer dig for timers designarbejde og giver dine besøgende en klar, ensartet oplevelse. Den forkerte kæmper imod dig hele vejen, tvinger dig ind i et layout, der ikke passer til dit indhold, og får dig til at presse din virksomhed ind i en form, der er lavet til en anden.
Denne guide gennemgår de beslutninger, der faktisk betyder noget, når du vælger en skabelon, i den rækkefølge de bør træffes.
Hvad skal din hjemmeside egentlig kunne?
Start her, ikke med galleriet. Før du kigger på en eneste skabelon, så skriv ned, hvad den ene ting er, din hjemmeside skal få til at ske. Er det, at besøgende ringer til dig? At de køber et produkt? At de booker en tid? Udfylder en formular? Henter noget?
Det svar afgør næsten alt andet om, hvilken skabelon der passer. En skabelon bygget omkring store produktfotos og en kurvknap er den rigtige struktur til en webshop. En skabelon bygget omkring en stærk hovedudmelding og en kontaktformular er den rigtige struktur til en lokal servicevirksomhed. De kan begge se rene og professionelle ud, men de trækker besøgende mod helt forskellige handlinger.
Hvis du springer det trin over og vælger en skabelon, fordi den ser godt ud, bruger du uger på at tvinge den ind i en form, den aldrig var designet til. Du ender med et gitter af produktfotos uden naturligt sted til din liste over ydelser, eller et minimalistisk portfolio-layout uden plads til dine priser.
Skriv dit mål ned. Kig så på skabeloner gennem det filter. Hvis layoutet ikke sætter det mål i front, så gå videre.
Passer skabelonen til din type hjemmeside?
Se på de skabeloner, der konsekvent klarer sig godt i din branche, og du vil se, at de har fælles strukturelle mønstre. Ikke fordi alle har kopieret hinanden, men fordi bestemte layouts løser bestemte problemer bedre. Besøgende kommer også med forventninger, de har fra alle de andre sider, de har brugt i din kategori. En skabelon, der bryder for meget med de mønstre, skaber gnidning, før nogen har læst et ord.
En skabelon til en restaurant starter typisk med stærke madfotos, en kort blok med sted og åbningstider og en bordbestillingsknap inden for første scroll. En skabelon til et advokatfirma starter som regel med en tillidserklæring, en oversigt over specialer og et telefonnummer, der er nemt at finde. En skabelon til en personlig træner starter ofte med en overskrift om forandring og en "book en tid"-knap.
De mønstre er ikke tilfældige. De virker, fordi layoutet matcher det, målgruppen leder efter, når de lander på siden.
Vælg en skabelon, der er bygget med din type hjemmeside i tankerne. De fleste skabelonbiblioteker er ordnet efter kategori netop derfor. Brug de filtre, før du begynder at browse.
Er du stadig i gang med at finde ud af, hvilken slags hjemmeside du bygger, er at planlægge din hjemmeside, før du bygger den, et godt sted at starte.
Virker skabelonen på mobil?
Tjek mobilvisningen af enhver skabelon, du overvejer, før du bliver forelsket i, hvordan den ser ud på computer. De fleste skabeloner i dag er teknisk set "responsive", hvilket betyder, at de tilpasser sig forskellige skærme. Men responsiv og godt designet til mobil er to forskellige ting.
En skabelon, der ser fantastisk ud som bredt layout på en computer, kan falde sammen til en forvirrende stak af sektioner på en telefon. Navigationsmenuer, der breder sig vandret, kan blive svære at ramme på en lille skærm. Store heltebilleder, der dominerer flot på en skærm, kan skubbe dit egentlige budskab ned under synsfeltet på mobil, hvor de fleste af dine besøgende er.
Gå mobilvisningen igennem, som om du var en kunde. Kan du finde den vigtigste opfordring til handling uden at scrolle forbi fire sektioner? Åbner menuen pænt? Er teksten stadig til at læse? Er telefonnummeret eller kontaktknappen nem at trykke på?
Hvis skabelonbiblioteket ikke viser en mobilvisning, så åbn demoen på din telefon, før du beslutter dig. For at forstå, hvorfor det betyder noget teknisk, er responsivt design værd at læse om.
Passer layoutet til det indhold, du faktisk har?
Tag en hvilken som helst skabelondemo, og skift stockfotos og pladsholdertekst ud med det, du faktisk kommer til at have. Holder den stadig?
Her falder mange skabelonvalg fra hinanden. Demoen ser fantastisk ud, fordi den bruger et dusin professionelle livsstilsfotos, pænt placerede udtalelser fra fem glade kunder og korte, slagkraftige overskrifter skrevet af en tekstforfatter. Din virkelighed er måske tre fine produktfotos, én udtalelse indtil videre og en beskrivelse af ydelsen, der er længere, end skabelonen forventer.
Nogle skabeloner har brug for meget visuelt indhold for at virke. Andre er bygget til teksttunge sider. Nogle forudsætter, at du har en sektion med portrætter af holdet, en side med cases, en blog og en fuld FAQ. Andre er slanke og minimalistiske af natur.
Match skabelonens forventninger til indhold med det, du har nu, ikke det, du håber at have om seks måneder. En skabelon, der ser tom ud med dit faktiske indhold, er ikke den rigtige skabelon, uanset hvor god demoen ser ud.
Læg mærke til, hvordan skabelonen håndterer disse områder
- Hvor mange billeder bygger den på, og i hvilken kvalitet?
- Hvor ligger navigationen, og hvor mange sider kan den rumme?
- Er der plads i layoutet til en længere beskrivelse af ydelsen, eller forventer den en kort opsummering på to linjer?
- Er der et naturligt sted til udtalelser, og skal der tre eller ti til, for at det ser i balance ud?
Hvor meget kan du egentlig ændre?
Skabeloner er udgangspunkter, ikke færdige produkter. Du skal ændre farver, skifte skrifttyper, justere afstande og flytte rundt på sektioner for at gøre den til din. Spørgsmålet er, hvor meget af det du kan uden at skrive kode.
Nogle skabeloner er fleksible og lader dig flytte sektioner rundt, tilføje nye blokke, ændre layoutet af de enkelte rækker og tilpasse næsten alt i en visuel editor. Andre er mere stive og lader dig ændre farver og billeder, men holder selve strukturen låst fast.
Ingen af tilgangene er forkerte. En mere stiv skabelon kan være hurtigere at lancere, hvis den allerede passer godt til dit indhold. En mere fleksibel skabelon er bedre, hvis din virksomhed har bestemte layoutbehov, som en standardskabelon ikke dækker.
Vær ærlig om dit tekniske niveau. Hvis du ikke er typen, der vil fejlsøge layoutproblemer eller lære en skabelons særlige indstillinger, så hæld mod en skabelon, der kræver mindre tilpasning. Vil du have fuld kontrol og har det fint med at bruge tid i editoren, så led efter en, der reklamerer med fleksibilitet på sektionsniveau.
Det er værd at tænke igennem sammen med dit valg af hjemmesidebygger. Hvordan hjemmesidebyggere virker afgør, hvor meget kontrol du har over at tilpasse en skabelon.
Er skabelonen bygget med SEO i tankerne?
Se på kildekoden til en skabelons demoside, og du finder, at nogle er bygget med ren, struktureret HTML, og andre er et rod af overlappende elementer og inline-stile, som gør det svært for søgemaskiner at læse. Du behøver ikke være teknisk for at tjekke nogle få overfladiske tegn.
Gode skabeloner bruger en ordentlig overskriftsstruktur, med én H1 per side og logisk videre ned gennem H2- og H3-sektioner. De indlæses hurtigt, fordi de ikke er proppet med store billedfiler og ubrugt kode. De gemmer ikke vigtig tekst i billeder eller dynamiske effekter, som søgemaskiner har svært ved at indeksere.
Hastighed er særlig vigtig. En skabelon, der indlæses langsomt på grund af store baggrundsvideoer eller oppustede animationer, klarer sig dårligere i søgeresultater og irriterer besøgende med langsommere forbindelser. Tjek skabelonens demoside i et hastighedstestværktøj, før du binder dig.
Vil du forstå, hvordan SEO spiller sammen med din hjemmesides struktur, forklarer hvad SEO er, og hvordan det virker det grundlæggende.
Passer farver og stil faktisk til dit brand?
Det føles indlysende, men det er værd at være konkret om. Skabeloner kommer med en standardfarvepalet og en skrifttypekombination. De fleste kan ændres. Men skabelonens underliggende stil, dens afstande, dens energi og om den føles minimal eller dristig, varm eller firmaagtig, kan som regel ikke ændres blot ved at skifte farver.
En skabelon bygget med tykke rammer, stærke kontraster og kæmpe typografi har en bestemt personlighed. Er din virksomhed en stille, tillidsbaseret ydelse som terapi eller økonomisk rådgivning, passer den personlighed dårligt, selv om du ændrer alle farver til noget neutralt. En flydende, kunstnerisk skabelon med blød typografi og masser af luft kan føles helt forkert for en håndværkervirksomhed, der skal vise effektivitet og pålidelighed.
Før du falder for en skabelons farveskema, så fjern det i tankerne og spørg, hvad den underliggende struktur siger. Er tempoet roligt eller energisk? Er den lavet til at få indhold til at føles imødekommende eller autoritativt? Breder layoutet sig ud, eller trækker det sammen?
Vælg ud fra skabelonens karakter, ikke kun dens nuværende farver.
Hvad sker der, når din virksomhed vokser?
En skabelon, der virker godt til en hjemmeside med fem sider, kan føles trang, når du har tilføjet en blog, en ressourcesektion, en side om holdet og to nye ydelsesområder. Det er værd at tænke ét skridt frem, før du binder dig.
Tjek, om skabelonen har en navigationsstruktur, der kan klare flere sider. Se på, om layoutet har naturlige steder til nye sektioner, eller om det føles, som om det er designet til at forblive præcis, som det er. Hvis skabelonbiblioteket viser flere sideskabeloner, for eksempel et separat bloglayout, et portfoliogitter og en kontaktside, er det som regel et godt tegn på, at den er bygget med vækst i tankerne.
Tænk også på, hvilke funktioner du måske får brug for senere. En webshop, en bookingkalender, et medlemsområde. Ikke alle skabeloner understøtter den slags tilføjelser rent. Hvis platformen bag ikke understøtter funktionerne, er skabelonen ligegyldig.
At vælge en platform, der kan vokse med dig, er en del af denne beslutning. Sådan vælger du den rigtige hjemmesidebygger dækker, hvad du bør tjekke, før du binder dig til en platform.
Ser du på den med dine øjne eller dine kunders?
Det er det tjek, der oftest bliver sprunget over. Du kommer til at bruge meget tid på at se på din egen hjemmeside, så det er naturligt at vælge noget, du selv kan lide. Men skabelonen er ikke til dig. Den er til den, der lander på din side og leder efter det, du sælger.
Tænk over, hvem den person er. Hvor gammel er vedkommende? Har personen travlt eller god tid? Er personen allerede varm på at købe, eller sammenligner vedkommende stadig? Kigger vedkommende på sin telefon på vej til arbejde eller sidder ved et skrivebord og researcher grundigt?
En ren, minimalistisk skabelon med lange scrollsektioner kan føles elegant for dig, men langsom og uafklaret for en besøgende, der bare vil vide prisen og ringe. En skabelon med meget visuel energi og bevægelse kan føles spændende for dig, men kaotisk og uprofessionel for en, der skal kunne stole på dig, før vedkommende giver sine oplysninger.
Brug din kundeprofil som filter på skabeloner. Vælg den, der giver mest mening for dem, ikke den, du ville vælge til dig selv, hvis du byggede en privat side.
Hvordan håndterer WEMASY skabeloner?
WEMASYs hjemmesidebygger har et skabelonbibliotek ordnet efter branche og type hjemmeside. Skabeloner kan tilpasses i den visuelle editor uden at skrive kode. Hosting, SSL og analytics er med i det samme abonnement, så du ikke skal sætte noget op separat, når du har valgt og tilpasset din skabelon. Se, hvad der er med i planerne, på prissiden.
Ofte stillede spørgsmål om at vælge en hjemmesideskabelon
Påvirker den skabelon, jeg vælger, min SEO?
Ja, indirekte. En skabelon med god struktur bruger ren overskriftshierarki, indlæses hurtigt og er responsiv på mobil. Det er alt sammen faktorer, søgemaskiner ser på. En oppustet eller dårligt kodet skabelon kan gøre din side langsom og gøre det sværere for søgemaskiner at gennemsøge dit indhold. Skabelonen afgør ikke direkte dine placeringer, men en teknisk dårlig skabelon skaber forhindringer, som godt indhold alene ikke overvinder. Med WEMASYs hjemmesidebygger kan du sætte det op direkte på din hjemmeside.
Kan jeg skifte skabelon senere uden at bygge min side om?
Det afhænger af platformen. På nogle hjemmesidebyggere er det forholdsvis enkelt at skifte skabelon, og dit indhold følger med. På andre betyder det at bygge siderne om fra bunden, fordi indholdet er bundet til skabelonens struktur. Før du binder dig til en skabelon, så tjek, hvordan et skift foregår på din platform. Er det besværligt, er det en grund til at bruge mere tid på at vælge den rigtige fra start.
Er det bedre at vælge en skabelon designet til min branche?
Som regel ja. Skabeloner til bestemte brancher er bygget med din målgruppes forventninger i tankerne. En skabelon til en salon starter med booking og billeder. En skabelon til rådgivning starter med troværdighed og kontakt. At starte med en, der er designet til din type virksomhed, betyder mindre omstrukturering for at få den til at opføre sig, som dine kunder forventer. Det vigtigste filter er stadig, om den passer til dit indhold og dine mål. Branchefit er et stærkt første tegn, ikke en absolut regel.
Hvor mange skabeloner skal jeg sammenligne, før jeg beslutter mig?
Hold dig til en kortliste på tre til fem. Hvis du ser på for mange, flyder de sammen, og du kan ikke længere se, hvilken der egentlig er bedst. En bedre fremgangsmåde er først at bruge dine filtre (mobil, indhold, type hjemmeside, tilpasning) og kun se på de skabeloner, der klarer dem alle. På den kortliste træffer du dit endelige valg.
Skal jeg have en professionel designer til at tilpasse en skabelon?
Ikke hvis du bruger en platform med en visuel editor. WEMASYs hjemmesidebygger lader dig justere farver, skrifttyper, billeder og layoutsektioner uden erfaring med design eller kode. De fleste skabelontilpasninger, som at skifte til dine brandfarver, tilføje dit logo og flytte rundt på sektioner, er ligetil i en visuel editor. En designer tilfører værdi ved større strukturelle ændringer eller ved at lave særlig grafik, der går ud over, hvad editoren kan.