Fungerer som bedriftens virtuelle inngangsdør, denne siden er ansvarlig for å tegne i et flertall av nettstedets trafikk. Likevel, til tross for sin prominence, mange bedrifter sliter med å optimalisere det riktig.
du ser, hjemmesiden din må ha mange hatter. I stedet for å behandle det som en dedikert destinasjonsside bygget rundt en bestemt handling, bør den utformes for å betjene ulike målgrupper, fra forskjellige opprinnelser. Og for å gjøre det effektivt, må det bygges med formål. Med andre ord må du inkludere elementer som tiltrekker trafikk, utdanner besøkende og inviterer konverteringer.
for å forbedre ytelsen til hjemmesiden din, sjekk ut disse elementene hver hjemmeside må ha.
12 Kritiske Elementer Hver Hjemmeside Må Ha
Del Dette Bildet På Nettstedet Ditt
Hva Du Bør Inkludere I Ditt Nettsted Hjemmeside Design
Overskrift
innen tre sekunder, et nettsted må fortelle besøkende hva virksomheten har å tilby. Det er her overskriften kommer inn. Det kan bare være noen få ord, men det er en av de viktigste kopiene på nettstedet ditt.
Mange typer mennesker kan besøke nettstedet ditt, og du vil bli hardt presset til å finne noen ord som treffer hjem for alle. I stedet, skrive overskriften å målrette en tredjedel av dem som er mest sannsynlig å være fornøyd med produktet.
Hold overskriften selv klar og enkel. Dropbox overskrift er et godt eksempel: «Alt du trenger for arbeid, alt på ett sted.»Det er enkelt, men kraftig — Du trenger ikke å dekode sjargong for å finne Ut Hva Dropbox egentlig gjør.
underoverskrift
underoverskriften din bør supplere overskriften ved å tilby en kort beskrivelse av hva du gjør eller hva du tilbyr. Dette kan gjøres effektivt ved å nullstille på et vanlig smertepunkt som produktet eller tjenesten løser.
Her er et eksempel på en flott underoverskrift Fra Mirror: «Gjemmer seg i vanlig syn.»Det hones inn på det primære salgsargumentet til mirror gym: Det er en full hjemme gym, personlig trener og trening plan alt i komforten av ditt hjem uten å ta opp dyrebare arealet med utstyr.
for å optimalisere overskrifter for mobil, bruke større skrifter for å gi besøkende en bedre opplevelse. Små fonter kan tvinge mobil besøkende til å knipe og zoome for å lese og samhandle med innholdet på nettstedet ditt. Vårt råd? Bruk overskriftsalternativene i sideredigering. H1 overskrifter er perfekt for sidetitler – det bør bare være En H1 på en side. Underoverskrifter skal følge rekkefølgen Til hierarkiet, H2, H3 … H6 og så videre. Du kan ha flere av disse overskriftene, bare sørg for at de er i orden. For eksempel vil du ikke hoppe Fra En H1 Til En H3-velg En H2 i stedet.
Primære Oppfordringer Til Handling
målet med hjemmesiden din er å tvinge besøkende til å grave dypere inn på nettstedet ditt og flytte dem ned i trakten. Inkluder to til tre handlingsoppfordringer over brettet som leder folk til forskjellige stadier av kjøpssyklusen-og plasser dem på steder som er enkle å finne.
Disse Ctaene bør være visuelt slående, ideelt sett i en farge som står i kontrast til fargeskjemaet på hjemmesiden din, samtidig som det passer inn i den generelle designen. Hold kopien kort-ikke mer enn fem ord – og handlingsorientert, så det tvinger besøkende til å klikke på det du tilbyr. Eksempler PÅ CTA kopi er «Registrer deg, «»Gjør en avtale, «Eller» Prøv det gratis.»
Afterschool HQS nettsted har to Ctaer over brettet, begge rettet mot programdirektører som er interessert i å fremme sine etterskoleprogrammer til familier på nettstedet. Notatet under lengre CTA «Lag Din Gratis Profil» gir besøkende dytt de trenger for å opprette en konto – det første skrittet til å bli En Afterschool HQ leverandør.
Støtte Bilde
De fleste er visuelle. Sørg for å bruke et bilde (eller til og med en kort video) som tydelig angir hva du tilbyr. Bruk bilder som fanger følelser, driver handling og visuelt forteller historien du skriver om.
bruk bilder av høy kvalitet som har redusert filstørrelse for å optimalisere bildene for mobilbrukere. (HubSpot-kunder trenger ikke å bekymre seg for dette, da bilder lastet opp Til Hubspots programvare automatisk komprimeres. Ellers vil verktøy som TinyPNG gjøre trikset.) Legg alltid til alternativ tekst på bildene dine for å gjøre dem mer tilgjengelige for besøkende som bruker skjermlesere og for Å ta SEO-innsatsen din opp et hakk.
4 Rivers Smokehouse hjemmeside er et godt eksempel på emosjonelle bilder: den har en rekke korte, hd og appetittvekkende videoer som spiller på en løkke bak en enkel overskrift, underoverskrift og primær CTA:
Fordeler
det er ikke bare viktig å beskrive hva du gjør, men hvorfor det du gjør er viktig. Utsiktene vil vite om fordelene med å kjøpe fra deg fordi det er hva vil tvinge dem til å holde seg rundt.
Hold kopien lett og lett å lese, og snakk språket til kundene dine. Evernote gjør en god jobb med å notere fordeler på deres hjemmeside på en måte som er overbevisende, visuelt behagelig og lett å forstå:
Sosialt Bevis
Sosialt bevis er en kraftig indikator på tillit. Ditt produkt eller tjeneste kan være det beste i verden, og det er greit å legge det kravet — det er bare at folk kanskje ikke tror deg med mindre de hører det fra andre mennesker også. Og det er akkurat hva social proof gjør.
Inkluder bare noen av dine beste (korte) sitater på hjemmesiden, og lenke til casestudier hvis det er aktuelt. Legge til et navn og bilde gir disse attester mer troverdighet. Lessonly negler dette på deres hjemmeside med glødende attester fra faktiske kunder.
Navigasjon
designet og innholdet i din homepage navigasjon kan bety forskjellen mellom en nettside konvertering og en sprett. For å redusere fluktfrekvensen, gi de besøkende en klar bane til sidene de trenger rett fra hjemmesiden. Gjør navigasjonsmenyen synlig øverst på siden, og organiser koblingene i en hierarkisk struktur.
Ingen kjenner nettstedet ditt bedre enn de som bidro til å designe det, så sørg for å utføre brukertester for å sikre at det er enkelt og intuitivt for besøkende å finne det de leter etter på nettstedet ditt. Inkluder en søkeboks hvis du kan. (Les dette blogginnlegget for mer nyttig nettsted navigasjon tips.)
her er et eksempel På et klart, godt strukturert navigasjonsdesign Fra Slim & Husky ‘ S Pizza Beeria hjemmeside:
Innholdstilbud
for å generere enda flere potensielle kunder fra hjemmesiden din, har en virkelig flott innhold tilbud, for eksempel en whitepaper, ebook, eller guide. Folk som kanskje ikke er klare til å kjøpe, kan heller laste ned et tilbud som gir dem mer informasjon om et emne de er interessert i. Hvis du trenger inspirasjon, er det flere forskjellige innholdstyper å velge mellom.
Sekundære Handlingsoppfordringer
Inkluder sekundære Cta-Er på startsiden din for å tilby flere konverteringsmuligheter for potensielle kunder som ikke er interessert i hovedmålet ditt. Tenk på dem som beredskapsplanen: de tilbyr en annen vei for besøkende som ennå ikke er klare for noe så høyt engasjement som du spør.
mens de primære Cta-Ene dine skal være over brettet, plasserer du sekundære Cta-Er under brettet for å gi besøkende ting å klikke på når de ruller nedover. For eksempel, under brettet På Spanxs hjemmeside, finner du tre, tydelig merkede anrop til handling som gir folk som har rullet så langt noen flere alternativer å klikke på. Disse sekundære Cta er for to forskjellige typer konverteringer: en helt til venstre for $20 av og en annen, «shop now» for å utforske online katalogen.
Funksjoner
i tillegg til fordeler, liste noen av dine viktigste funksjoner. Dette gir folk mer av en forståelse av hva som tilbys av dine produkter og tjenester. Igjen, holde kopien lett og lett å lese. Dropbox For Business, for eksempel, viker ikke unna å vise en funksjonsmatrise rett på hjemmesiden deres under brettet.
Ressurser
igjen er de fleste besøkende på nettstedet ditt ikke klare til å kjøpe … ennå. For folk som leter etter mer informasjon, kan du tilby en link til et ressurssenter der de kan bla gjennom relevant informasjon. Ikke bare holder dette dem på nettsiden din lenger, men det hjelper deg også med å etablere din troverdighet som en tankeleder i din bransje.
Lovesac legger til en resources link til bunnteksten under brettet. Legg merke til hvordan hver av disse sekundære CTAs dekke flere stadier i kjøpssyklusen: et kredittkort link for å hjelpe kundene kjøpe sine møbler lett, en stoff swatch guide for de som fortsatt leter etter den perfekte fargen før du foretar et kjøp, og en online katalog for folk som er i markedet for nye møbler, men er ennå ikke klar til å foreta et kjøp.
Suksessindikatorer
i tillegg til kundesuksesshistorier, kan både priser og anerkjennelse også bidra til å inspirere et godt førsteinntrykk. Er din bedrift en kritikerrost restaurant? Ble du kåret til beste nye app i år? La din hjemmeside besøkende vet om dine prestasjoner. Som sosiale bevis, vil det gi din bedrift mer troverdighet til de som ikke kjenner deg.
På Calendlys hjemmeside finner du for eksempel navnene på kjente organisasjoner som har anerkjent dem, som Gartner og Dropbox.
En Hjemmeside Verdt Å Besøke
hjemmesiden til nettstedet ditt er den første introduksjonen hver besøkende vil ha til virksomheten din. Før de bestemmer seg for å bli kunde, vurderer de hjemmesiden din for å få en ide om hva du selger, hvorfor det betyr noe for dem, og hvordan de kan dra nytte av det du har å tilby.
Gjør et strålende førsteinntrykk med en hjemmeside som inneholder elementene som er skissert ovenfor. Og for mer inspirasjon, sjekk ut fantastiske eksempler på hjemmesider ved å laste ned gratis lookbook nedenfor.
Redaktørens Notat: dette innlegget ble opprinnelig publisert i januar 2012 og har blitt oppdatert for friskhet, nøyaktighet og omfattende.
