Den här sidan, som fungerar som den virtuella ytterdörren till ditt företag, är ansvarig för att locka majoriteten av din webbplatstrafik. Trots dess betydelse kämpar många företag för att optimera det korrekt.
Du förstår, din hemsida måste bära många hattar. Istället för att behandla den som en dedikerad målsida byggd kring en viss åtgärd, bör den utformas för att tjäna olika målgrupper, från olika bakgrunder. Och för att göra det effektivt måste det byggas med ett syfte. Med andra ord måste du inkludera element som lockar trafik, utbildar besökare och bjuder in omvandlingar.
För att förbättra prestandan på din hemsida, kolla in dessa element varje hemsida bör ha.
12 kritiska element som varje hemsida bör ha
Dela denna bild på din sida
Vänligen inkludera tillskrivning till http://blog.hubspot.com med denna grafik.
Vad du bör inkludera i designen av din hemsidas hemsida
1. Titel
På tre sekunder ska en webbplats informera besökarna om vad företaget erbjuder. Det är där din titel kommer in. Det kanske bara är några få ord, men det är en av de viktigaste texterna på din webbplats.
Många typer av människor kommer sannolikt att besöka din webbplats, och det kommer att vara svårt att hitta några ord som alla gillar. Skriv istället din titel för att rikta in dig på en tredjedel av personerna som är mest sannolikt att vara nöjda med din produkt.
Håll själva titeln tydlig och enkel. Dropbox titel är ett bra exempel: “Allt du behöver för att arbeta, allt på ett ställe.” Det är enkelt, men kraftfullt: du behöver inte avkoda jargongen för att upptäcka vad Dropbox verkligen gör.
2. Undertext
Din underrubrik bör komplettera titeln genom att ge en kort beskrivning av vad du gör eller erbjuder. Detta kan göras effektivt genom att fokusera på ett vanligt problem som din produkt eller tjänst löser.
Här är ett exempel på en bra Mirror-underrubrik: “Göms i sikte.” Det fokuserar på spegelgymets främsta försäljningsargument: det är ett komplett hemgym, personlig tränare och träningsplan, allt i bekvämligheten av ditt hem utan att ta upp dyrbar kvadratmeter med utrustning.
För att optimera dina rubriker för mobila enheter, använd större teckensnitt för att ge besökarna en bättre upplevelse. Små teckensnitt kan tvinga mobilbesökare att nypa och zooma för att läsa och interagera med din webbplats innehåll. Vårt råd? Använd rubrikalternativen i din sidredigerare. H1-rubriker är perfekta för sidtitlar; Det ska bara finnas en H1 på en sida. Underrubrikerna bör följa hierarkins ordning, H2, H3…H6, etc. Du kan ha flera av dessa titlar, se bara till att de är i ordning. Till exempel, du vill inte hoppa från en H1 till en H3; välj en H2 istället.
3. Toppuppmaningar
Målet med din hemsida är att tvinga besökarna att gräva djupare i din webbplats och flytta dem ner i tratten. Inkludera två eller tre uppmaningar ovanför mitten som leder människor till olika stadier av köpcykeln och placera dem på platser som är lätta att hitta.
Dessa uppmaningar bör vara visuellt slående, helst i en färg som står i kontrast till färgschemat på din hemsida samtidigt som de passar in i den övergripande designen. Håll kopian kort, högst fem ord, och handlingsinriktad, så att den tvingar besökarna att klicka på vad du än erbjuder. Exempel på CTA-kopia är “Registrera dig”, “Boka in ett möte” eller “Prova gratis.”
Afterschool HQ-webbplatsen har två CTAs överst, båda riktade till programledare som är intresserade av att marknadsföra sina fritidsprogram för familjer på webbplatsen. Anteckningen under den längre CTA:n “Skapa din gratis profil” ger besökarna den knuff de behöver för att skapa ett konto, det första steget i att bli en fritidshemsleverantör.
4. Stödbild
De flesta människor är visuella. Se till att använda en bild (eller till och med en kort video) som tydligt anger vad du erbjuder. Använd bilder som fångar känslor, driver action och visuellt berättar historien du skriver om.
För att optimera dina bilder för mobilanvändare, använd bilder av hög kvalitet som har en liten filstorlek. (HubSpot-kunder behöver inte oroa sig för detta, eftersom bilder som laddas upp till HubSpot-programvaran komprimeras automatiskt. Annars fungerar verktyg som TinyPNG.) Lägg dessutom alltid till alt-text till dina bilder för att göra dem mer tillgängliga för besökare som använder skärmläsare och ta dina SEO-ansträngningar till nästa nivå.
Hemsidan för 4 Rivers Smokehouse är ett bra exempel på känslomässiga bilder: den innehåller en serie korta, högupplösta, förtjusande videor som spelas i en loop bakom en enkel titel, undertext och huvuduppmaning:
5. Fördelar
Det är inte bara viktigt att beskriva vad du gör, utan också varför det du gör är viktigt. Potentiella kunder vill veta om fördelarna med att köpa av dig eftersom det är det som kommer att tvinga dem att stanna.
Håll kopian lätt och lätt att läsa, och tala dina kunders språk. Evernote gör ett bra jobb med att lista fördelarna på sin hemsida på ett attraktivt, visuellt tilltalande och lättförståeligt sätt:
6. Socialt bevis
Socialt bevis är en kraftfull indikator på förtroende. Din produkt eller tjänst kan vara den bästa i världen, och det är okej att göra det påståendet; det är bara det att folk kanske inte tror dig om de inte hör det från andra människor också. Och det är precis vad social proof gör.
Inkludera bara några av dina bästa (korta) citat på hemsidan och länka till fallstudier om tillämpligt. Att lägga till ett namn och foto ger dessa vittnesmål mer trovärdighet. Lessonly spikar detta på deras hemsida med lysande vittnesmål från riktiga kunder.
7. Navigering
Designen och innehållet i din hemsidas navigering kan betyda skillnaden mellan en webbplatskonvertering och en avvisning. För att minska avvisningsfrekvensen, ge dina besökare en tydlig väg till de sidor de behöver direkt från startsidan. Gör navigeringsmenyn synlig högst upp på sidan och organisera länkarna i en hierarkisk struktur.
Ingen känner till din webbplats bättre än de som hjälpte till att designa den, så se till att göra användartester för att se till att det är enkelt och intuitivt för besökarna att hitta det de letar efter på din webbplats. Inkludera en sökruta om du kan. (Läs det här blogginlägget för fler användbara tips på webbplatsnavigering.)
Här är ett exempel på en tydlig, välstrukturerad navigeringslayout från Slim & Husky’s Pizza Beerias hemsida:
8. Innehållserbjudande
För att generera ännu fler potentiella kunder från din startsida, ha ett riktigt bra innehållserbjudande, som en whitepaper, e-bok eller guide. Människor som kanske inte är redo att köpa kanske föredrar att ladda ner ett erbjudande som ger dem mer information om ett ämne som intresserar dem. Behöver du inspiration finns det flera olika typer av innehåll att välja mellan här.
9. Sekundära uppmaningar
Inkludera sekundära uppmaningar på din målsida för att erbjuda ytterligare konverteringsmöjligheter för potentiella kunder som inte är intresserade av ditt primära mål. Se dem som beredskapsplanen: de erbjuder en annan väg för besökare som ännu inte är redo för något så engagerat som du ber om.
Medan dina primära uppmaningar bör vara ovanför mitten, placera sekundära uppmaningar nedanför mitten för att ge besökarna saker att klicka på när de rullar nedåt. Till exempel, nedanför mitten på Spanx hemsida, hittar du tre tydligt märkta uppmaningar som ger personer som har scrollat till den punkten några fler alternativ att klicka på. Dessa sekundära uppmaningar gäller två olika typer av konverteringar: en längst till vänster för en rabatt på 20 USD och en annan, “handla nu” för att bläddra i onlinekatalogen.
10. Funktioner
Förutom fördelarna, lista några av dess nyckelfunktioner. Detta gör det möjligt för människor att bättre förstå vad dina produkter och tjänster erbjuder. Återigen, håll kopian ljus och lätt att läsa. Dropbox för företag, till exempel, drar sig inte för att visa en funktionsmatris direkt på sin startsida under sidan.
11. Resurser
Återigen, de flesta av dina webbplatsbesökare kommer inte att vara redo att köpa… ännu. För personer som letar efter mer information, erbjuda en länk till ett resurscenter där de kan söka efter relevant information. Detta inte bara håller dem på din webbplats längre, utan hjälper dig också att etablera din trovärdighet som en tankeledare i din bransch.
Lovesac lägger till en resurslänk i sidfoten nedanför mitten. Lägg märke till hur var och en av dessa sekundära uppmaningar täcker flera stadier i inköpscykeln: en kreditkortslänk som hjälper kunder att köpa dina möbler enkelt, en tygprovguide för de som fortfarande letar efter perfekt färg innan de köper och en onlinekatalog. för människor som är på marknaden för nya möbler men inte är redo att köpa ännu.
12. Indikatorer på framgång
Förutom kundernas framgångshistorier kan både utmärkelser och erkännande också hjälpa till att inspirera till ett gott första intryck. Är ditt företag en kritikerrosad restaurang? Röstades den till den bästa nya appen i år? Informera besökarna på din hemsida om dina prestationer. Som socialt bevis kommer det att ge ditt företag mer trovärdighet för dem som inte känner dig.
På startsidan för Calendly, till exempel, hittar du namnen på kända organisationer som har känt igen dem, som och
En hemsida värd att besöka
Hemsidan på din webbplats är den första introduktionen varje besökare kommer att få till ditt företag. Innan de bestämmer sig för att bli kund kommer de att granska din hemsida för att få en uppfattning om vad du säljer, varför de bryr sig och hur de kan dra nytta av det du erbjuder.
Gör ett strålande första intryck med en hemsida som innehåller de element som beskrivs ovan. Och för mer inspiration, kolla in fantastiska exempel på hemsidan genom att ladda ner den kostnadsfria lookbooken nedan.
