denne side fungerer som din virksomheds virtuelle hoveddør og er ansvarlig for at trække størstedelen af din hjemmesides trafik ind. På trods af sin fremtrædende plads kæmper mange virksomheder stadig for at optimere det korrekt.
du ser, din hjemmeside skal bære en masse hatte. I stedet for at behandle det som en dedikeret destinationsside bygget op omkring en bestemt handling, skal den være designet til at tjene forskellige målgrupper fra forskellige oprindelser. Og for at gøre det effektivt, skal det bygges med formål. Med andre ord skal du indarbejde elementer, der tiltrækker trafik, uddanner besøgende og inviterer konverteringer.
for at forbedre ydeevnen på din startside skal du tjekke disse elementer, som hver startside skal have.
12 kritiske elementer hver hjemmeside hjemmeside skal have
Del dette billede på din hjemmeside
hvad du skal medtage i din hjemmeside hjemmeside Design
overskrift
inden for tre sekunder skal en hjemmeside fortælle besøgende, hvad virksomheden har at tilbyde. Det er her din overskrift kommer ind. Det kan kun være et par ord, men det er en af de vigtigste stykker af kopi på din hjemmeside.
mange typer af mennesker kan besøge din hjemmeside, og du vil blive hårdt presset for at finde et par ord, der ramte hjem for alle. Skriv i stedet din overskrift for at målrette mod en tredjedel af de mennesker, der mest sandsynligt er tilfredse med dit produkt.
hold overskriften selv klar og enkel. “Alt hvad du har brug for til arbejde, alt på et sted.”Det er simpelt, men alligevel kraftfuldt-ingen grund til at afkode jargon for at finde ud af, hvad Dropboks virkelig gør.
underoverskrift
din underoverskrift skal supplere overskriften ved at tilbyde en kort beskrivelse af, hvad du gør, eller hvad du tilbyder. Dette kan gøres effektivt ved at nulstille et fælles smertepunkt, som dit produkt eller din tjeneste løser.
her er et eksempel på en stor underoverskrift fra Mirror: “gemmer sig i almindeligt syn.”Det finpudser det primære salgsargument for mirror gym: Det er et komplet træningscenter, personlig træner og træningsplan alt sammen i dit hjem uden at optage dyrebare firkantede optagelser med udstyr.
for at optimere dine overskrifter til mobil, bruge større skrifttyper til at give de besøgende en bedre oplevelse. Små skrifttyper kan tvinge mobile besøgende til at knibe og forstørre for at læse og interagere med indholdet på din hjemmeside. Vores råd? Brug overskriftsindstillingerne i din sideditor. H1-overskrifter er perfekte til sidetitler — der skal kun være en H1 på en side. Underpositioner skal følge rækkefølgen af hierarkiet, H2, H3 … H6 osv. Du kan have flere af disse overskrifter, bare sørg for at de er i orden. For eksempel vil du ikke springe fra en H1 til en H3 — vælg en H2 i stedet.
primære opkald til handling
målet med din hjemmeside er at tvinge besøgende til at grave dybere ned i din hjemmeside og flytte dem ned i tragten. Medtag to til tre opfordringer til handling over folden, der leder folk til forskellige faser af købscyklussen-og placer dem på steder, der er lette at finde.
disse CTA ‘ er skal være visuelt slående, ideelt i en farve, der står i kontrast til farveskemaet på din hjemmeside, mens du stadig passer ind i det overordnede design. Hold kopien kort-ikke mere end fem ord — og handlingsorienteret, så det tvinger besøgende til at klikke på det, du tilbyder. Eksempler på CTA-kopi er “Tilmeld dig,” “lav en aftale,” eller “prøv det gratis.”
Afterschool hovedkvarterets hjemmeside indeholder to CTA ‘ er over folden, begge rettet mod programdirektører, der er interesserede i at promovere deres efterskoleprogrammer til familier på stedet. Noten under den længere CTA” Opret din gratis profil ” giver besøgende det skub, de har brug for for at oprette en konto — det første skridt til at blive en Afterschool-HOVEDKVARTERUDBYDER.
understøttende billede
de fleste mennesker er visuelle. Sørg for at bruge et billede (eller endda en kort video), der tydeligt angiver, hvad du tilbyder. Brug billeder, der fanger følelser, driver handling og visuelt fortæller den historie, du skriver om.
for at optimere dine billeder til mobilbrugere skal du bruge billeder i høj kvalitet, der har en reduceret filstørrelse. (HubSpot-kunder behøver ikke at bekymre sig om dette, da billeder uploadet til HubSpots program automatisk komprimeres. Ellers vil værktøjer som TinyPNG gøre tricket.) Tilføj også altid alternativ tekst til dine billeder for at gøre dem mere tilgængelige for besøgende, der bruger skærmlæsere, og for at tage din SEO-indsats op.
4 Rivers Smokehouse-hjemmesiden er et godt eksempel på følelsesmæssige billeder: Den indeholder en række korte, high definition og læskende videoer, der afspilles på en løkke bag en simpel overskrift, underoverskrift og primær CTA:
fordele
det er ikke kun vigtigt at beskrive, hvad du gør, men hvorfor hvad du gør spørgsmål. Udsigterne ønsker at vide om fordelene ved at købe fra dig, fordi det er det, der vil tvinge dem til at holde fast.
hold kopien let og let at læse, og tal dine kunders sprog. Evernote gør et godt stykke arbejde med at notere fordele på deres hjemmeside på en måde, der er overbevisende, visuelt tiltalende og let at forstå:
socialt bevis
socialt bevis er en stærk indikator for tillid. Dit produkt eller din tjeneste kan være den bedste i verden, og det er okay at lægge det krav — det er bare, at folk måske ikke tror på dig, medmindre de også hører det fra andre mennesker. Og det er præcis, hvad social proof gør.
Medtag blot nogle få af dine bedste (korte) citater på hjemmesiden, og link til casestudier, hvis det er relevant. Tilføjelse af et navn og Foto giver disse vidnesbyrd mere troværdighed. Lessonly negle dette på deres hjemmeside med glødende udtalelser fra faktiske kunder.
Navigation
design og indhold i din hjemmeside navigation kan betyde forskellen mellem en hjemmeside konvertering og en hoppe. For at reducere afvisningsprocenten skal du give dine besøgende en klar sti til de sider, de har brug for lige fra hjemmesiden. Gør navigationsmenuen synlig øverst på siden, og organiser linkene i en hierarkisk struktur.
ingen kender din hjemmeside bedre end dem, der hjalp med at designe den, så sørg for at gennemføre brugertest for at sikre, at det er enkelt og intuitivt for besøgende at finde det, de leder efter på din side. Inkluder et søgefelt, hvis du kan. (Læs dette blogindlæg for mere nyttige hjemmeside navigation tips.)
her er et eksempel på et klart, velstruktureret navigationsdesign fra Slim & :
Indholdstilbud
for at generere endnu flere kundeemner fra din hjemmeside, har du et rigtig godt indholdstilbud, såsom en hvidbog, e-bog eller guide. Folk, der måske ikke er klar til at købe, kan hellere hente et tilbud, der giver dem mere information om et emne, de er interesseret i. Hvis du har brug for inspiration, her er flere forskellige indholdstyper at vælge imellem.
sekundære opkald til handling
Medtag sekundære CTA ‘ er på din startside for at tilbyde yderligere konverteringsmuligheder for potentielle kunder, der ikke er interesseret i dit primære mål. Tænk på dem som beredskabsplanen: de tilbyder en anden vej for besøgende, der endnu ikke er klar til noget så højt engagement, som du beder om.
mens dine primære CTA ‘er skal være over folden, skal du placere sekundære CTA’ er under folden for at give besøgende ting at klikke på, når de ruller ned. Under folden på hjemmesiden finder du f.eks. tre, tydeligt mærkede opfordringer til handling, der giver folk, der har rullet så langt, et par flere muligheder at klikke på. Disse sekundære CTA ‘ er er til to forskellige typer konverteringer: en længst til venstre for $20 off og en anden, “shop nu” for at udforske online kataloget.
funktioner
ud over fordele, liste nogle af dine vigtigste funktioner. Dette giver folk mere forståelse for, hvad der leveres af dine produkter og tjenester. Igen skal du holde kopien lys og let at læse. Dropboks til erhvervslivet, for eksempel, viger ikke væk fra at vise en funktionsmatrice lige på deres hjemmeside under folden.
ressourcer
igen er de fleste besøgende på din hjemmeside ikke klar til at købe … endnu. For folk, der er på udkig efter mere information, tilbyde et link til et ressourcecenter, hvor de kan gennemse relevante oplysninger. Dette holder dem ikke kun på din hjemmeside i længere tid, men det hjælper dig også med at etablere din troværdighed som tankeleder i din branche.
Lovesac tilføjer et ressourcer link til sidefoden under folden. Bemærk, hvordan hver af disse sekundære CTA ‘ er dækker flere faser i købscyklussen: et kreditkortlink, der hjælper kunderne med at købe deres møbler let, en stofprøvevejledning til dem, der stadig leder efter den perfekte farve, inden de foretager et køb, og et online katalog for folk, der er på markedet for nye møbler, men endnu ikke er klar til at foretage et køb.
succesindikatorer
ud over kundesucceshistorier kan både priser og anerkendelse også hjælpe med at inspirere et godt førsteindtryk. Er din virksomhed en kritikerrost restaurant? Blev du kåret til den bedste nye app i år? Lad dine besøgende på hjemmesiden vide om dine resultater. Ligesom socialt bevis vil det give din virksomhed mere troværdighed til dem, der ikke kender dig.
på Calendlys hjemmeside finder du for eksempel navnene på berømte organisationer, der har genkendt dem, som Gartner og Dropboks.
en hjemmeside værd at besøge
hjemmesiden for din hjemmeside er den første introduktion hver besøgende vil have til din virksomhed. Før de beslutter sig for at blive kunde, gennemgår de din hjemmeside for at få en ide om, hvad du sælger, hvorfor det betyder noget for dem, og hvordan de kan drage fordel af det, du har at tilbyde.
lav et strålende førsteindtryk med en hjemmeside, der indeholder de elementer, der er skitseret ovenfor. Og for mere inspiration, tjek fantastiske eksempler på hjemmesider ved at hente den gratis lookbook nedenfor.
Redaktørens Note: Dette indlæg blev oprindeligt offentliggjort i januar 2012 og er blevet opdateret for friskhed, nøjagtighed og omfattende.
