Din startsida är den första sida de flesta besökare ser när de bestämmer sig för att lära sig mer om ditt företag. Det gör den till sidan med mest att förlora och ofta den som får minst fokuserad designuppmärksamhet. De flesta startsidor försöker säga allt. De som fungerar säger en sak tydligt.
Startsidans design avgör om din webbplats fungerar eller slösar bort den trafik den får. En startsida som laddas rent och gör nästa steg uppenbart håller besökarna i rörelse. En som är rörig, långsam eller otydlig tappar dem innan de når ditt bästa innehåll.
Den här artikeln går igenom vad en startsida behöver göra, hur du strukturerar innehållet och de specifika beslut som skiljer en startsida som konverterar från en som bara finns.
Vad behöver en startsida göra?
En startsida har ett enda jobb: hjälpa rätt besökare att förstå att de är på rätt ställe och visa var de ska gå härnäst. Det låter enkelt. De flesta startsidor misslyckas med det eftersom de försöker göra för många saker på en gång.
Besökare kommer till en startsida från olika håll och med olika grad av kännedom. Vissa har sökt efter exakt det du erbjuder och är redo att agera. Vissa har hört ditt namn av någon och vill kontrollera att du är seriös. Vissa surfar och vet ännu inte om de behöver något. Bra startsidedesign tjänar alla tre utan att bli en generisk broschyr.
Det tydligaste sättet att utvärdera en startsida är att fråga om en förstagångsbesökare kan svara på tre frågor inom fem sekunder efter att ha landat: vad är det här för företag, vem är det till för och vad ska jag göra härnäst? Om svaret på någon av dem är oklart fungerar inte startsidan.
Vad ska ligga ovanför vecket på en startsida?
Delen ovanför vecket på en startsida väger tyngst eftersom det är vad varje besökare ser innan de bestämmer sig för att scrolla eller gå. Den måste svara på de tre frågorna ovan så direkt som möjligt.
En rubrik som säger vad du gör och för vem. Inte en slogan eller ett uppdragsuttalande. En enkel, rak beskrivning av värdet du levererar. En stödjande mening som tillför precision eller tar upp huvudfrågan hos den besökare du helst vill nå. En uppmaning till handling som ger besökare som är redo ett tydligt nästa steg, utan tryck på dem som inte är det.
En bild som förstärker budskapet i stället för att ersätta det. Abstrakta bilder eller rent dekorativa bakgrunder ger stämning men tar bort tydlighet. De starkaste bilderna ovanför vecket visar produkten, resultatet eller personen som har nytta av den.
Navigeringen hör hemma i det här avsnittet. Besökare som vill utforska vidare behöver ett sätt att göra det utan att leta. Artikeln om vad ovanför vecket är går igenom i detalj vad som gör den första vyn effektiv och hur den beter sig annorlunda på mobil jämfört med dator.
Hur strukturerar du innehållet under vecket?
Under vecket har startsidan utrymme att bygga ett argument för besökaren som inte agerade direkt. Strukturen som fungerar bäst följer en logisk följd: vad du gör, bevis för att det fungerar, vem det är till för och vad man ska göra härnäst.
En kort förklaring av kärnerbjudandet, tillräckligt konkret för att sålla bort besökare som inte passar och lugna dem som gör det. Socialt bevis i den form som är mest trovärdig för ditt företag: kundcitat, resultat, logotyper från kända kunder eller en siffra som visar skala. Ett avsnitt som talar till de viktigaste farhågorna eller situationerna som dina bästa kunder kommer från. En andra uppmaning till handling för besökare som läst så här långt och nu är redo.
Sidfotsnavigering längst ned på startsidan ger besökare som läst allt ett sätt att nå sekundära sidor. Den tjänar också besökare som scrollar direkt till botten för att leta efter kontaktuppgifter, juridiska länkar eller andra sidor de behöver. Artikeln om vad webbplatsnavigering är tar upp design av både huvudnavigering och sidfotsnavigering i detalj.
Vad får startsidans text att fungera?
Startsidans text misslyckas på två förutsägbara sätt. Den är antingen för vag för att betyda något, eller säger så mycket att ingenting fastnar.
Den vaga versionen använder formuleringar som "Vi hjälper företag att växa" eller "Vi förändrar sättet du arbetar på." De här påståendena stämmer tekniskt sett på nästan vilket företag som helst och därför på inget av dem på ett användbart sätt. En besökare kan inte utifrån dem avgöra om ditt företag är relevant för hens situation.
Den överfyllda versionen försöker förklara varje funktion, nämna varje användningsområde och besvara varje tänkbar fråga på en sida. Resultatet är en sida som läses som en broschyr och konverterar som en.
Texten som fungerar är konkret, rak och skriven för en typ av besökare. Den namnger problemet eller situationen, beskriver resultatet och gör nästa steg uppenbart. Den bästa startsidestexten läses som om någon som känner ditt företag väl skrivit den till någon som håller på att avgöra om hen ska lita på dig.
Hur ska en startsida fungera på mobil?
En startsida som bara designats för dator tappar de flesta av sina besökare. Mer än 60 procent av webbtrafiken kommer från mobila enheter, och startsidan är ofta den första sidan de besökarna ser.
På mobil viks layoutkolumner ihop, textstorlekarna behöver vara större och tryckytorna på knappar måste vara generösa nog för ett finger. Området ovanför vecket är mindre, vilket betyder att rubriken och uppmaningen till handling måste fungera i ett trängre fönster. Stora dekorativa bilder som fungerar på dator fyller ofta hela mobilskärmen utan att ge något användbart.
Att testa startsidan på en riktig mobil innan du anser den klar är inte valfritt. Förhandsvisningar i webbläsaren är användbara under utvecklingen men återskapar inte upplevelsen på en pekskärmsenhet. Artikeln om så gör du din webbplats mobilanpassad går igenom alla förändringar som gör en webbplats verkligt användbar på en mobil.
Påverkar startsidans design SEO?
Startsidan är oftast den mest länkade sidan på en webbplats och har högst auktoritet. Hur den är uppbyggd påverkar både hur sökmotorer förstår webbplatsen och hur den auktoriteten flödar vidare till andra sidor.
En tydlig rubrikstruktur, med en H1 som säger vad webbplatsen handlar om och H2-avsnitt som tar upp relaterade ämnen, hjälper sökmotorer att förstå sidan. Interna länkar från startsidan till viktiga produkt-, tjänste- eller innehållssidor för vidare auktoritet till de sidorna och signalerar deras betydelse.
Sidhastigheten på startsidan spelar oproportionerligt stor roll eftersom det är den mest besökta sidan. En startsida som laddas långsamt på mobil drar ned hela webbplatsens sökprestanda. Artikeln om vad webbdesign är förklarar hur layout och strukturella beslut hänger ihop med sökprestanda. För hela bilden av sökrankning täcker artikeln om vad SEO är de tekniska och innehållsmässiga faktorer som påverkar hur sidor rankas.
Så hanterar WEMASY startsidans design
Webbplatsbyggaren i WEMASY har startsidemallar ordnade efter bransch, alla byggda kring ett tydligt avsnitt ovanför vecket, ett logiskt innehållsflöde och mobilresponsiva layouter. Med den visuella redigeraren anpassar du innehåll, färger och avsnitt utan att röra koden. Mobilförhandsvisningen visar hur startsidan ser ut på en mobil medan du bygger, så att inga överraskningar väntar efter publicering.
Se vad som ingår i webbplatsbyggaren i WEMASY eller jämför planerna på prissidan.
Vanliga frågor
Hur lång bör en startsida vara?
Tillräckligt lång för att besvara de frågor en förstagångsbesökare behöver få svar på innan hen agerar, och inte längre. För ett enkelt tjänsteföretag kan det vara tre till fem avsnitt. För en produkt med mer komplexitet eller en längre beslutsprocess kan det vara sju eller åtta. Längden är inte målet. Målet är att täcka rätt innehåll i rätt ordning. En startsida som är för kort ger besökarna för lite information att agera på. En som är för lång tappar dem innan de når uppmaningen till handling. Med webbplatsbyggaren i WEMASY kan du sätta upp det direkt på din webbplats.
Hur många uppmaningar till handling bör en startsida ha?
En primär uppmaning till handling, som upprepas på logiska ställen medan besökaren scrollar. En enda tydlig huvudhandling, oavsett om det är att boka ett samtal, starta en gratis provperiod eller få en offert, gör att besökaren slipper välja mellan flera konkurrerande alternativ. Sekundära handlingar som "Läs mer" eller "Se hur det fungerar" kan finnas bredvid den primära, men de ska kännas tydligt sekundära så att den viktigaste handlingen sticker ut.
Bör en startsida ha en video?
En video kan fungera bra på en startsida om den visar något som är verkligt svårt att förmedla med text och bilder, som en produktdemo eller en process. Riskerna är laddtid och automatisk uppspelning. En startsidesvideo som spelas upp automatiskt med ljud irriterar de flesta besökare direkt, särskilt på mobil. En video som lägger till flera sekunder på sidans laddtid innan något användbart visas ökar avvisningsfrekvensen. Om du tar med en video, se till att den är valfri, ljudlös som standard och inte hindrar resten av sidan från att laddas.
Vilket är det största misstaget företag gör på sin startsida?
Att designa den för sig själva i stället för för en förstagångsbesökare. Företagare känner sin produkt, sina särdrag och sin historia. Förstagångsbesökare känner inget av det och avgör på några sekunder om de ska lägga sin uppmärksamhet på dig. Det vanligaste resultatet är en startsida som inleder med internt språk, använder vaga rubriker som känns meningsfulla internt men inte säger något till en utomstående och gömmer det faktiska erbjudandet bakom en lång förklaring av företagets värderingar. Lösningen är att skriva startsidan som om du förklarar vad du gör för någon som aldrig hört talas om dig och är lite skeptisk.
Hur ofta bör en startsida göras om?
När den slutar fungera, inte enligt ett fast schema. Tecken på att en startsida behöver uppmärksamhet är hög avvisningsfrekvens bland nya besökare, låg konverteringsgrad på den primära uppmaningen till handling eller feedback om att besökare inte förstår vad företaget gör. Mindre uppdateringar av text, bilder och uppmaningar till handling kan lösa de flesta problem utan en fullständig redesign. En fullständig redesign är rimlig när verksamheten förändrats avsevärt, den nuvarande designen inte längre speglar vad företaget är eller den tekniska grunden är så föråldrad att det är enklare att bygga om än att laga.