servind ca ușă virtuală a companiei dvs., Această pagină este responsabilă pentru atragerea majorității traficului site-ului dvs. web. Totuși, în ciuda proeminenței sale, multe companii se luptă să o optimizeze în mod corespunzător.

vedeți, pagina dvs. de pornire trebuie să poarte o mulțime de pălării. În loc să o trateze ca pe o pagină de destinație dedicată construită în jurul unei anumite acțiuni, ar trebui să fie concepută pentru a servi audiențe diferite, de la origini diferite. Și pentru a face acest lucru în mod eficient, trebuie să fie construit cu scop. Cu alte cuvinte, va trebui să încorporați elemente care atrag traficul, educă vizitatorii și invită conversii.

pentru a îmbunătăți performanța paginii dvs. de pornire, verificați aceste elemente pe care trebuie să le aibă fiecare pagină de pornire.

 Descărcare Gratuită: 77 Exemple de design web genial

12 elemente critice fiecare pagină de pornire a site-ului web trebuie să aibă

Salvare

12 elemente critice pentru o pagină web infografic

Salvați

partajați această imagine pe Site-ul dvs.

ce ar trebui să includeți în designul paginii dvs. web

Titlu

în trei secunde, un site web trebuie să le spună vizitatorilor ce are de oferit afacerea. Asta în cazul în care Titlul vine în. Poate fi doar câteva cuvinte, dar este una dintre cele mai importante piese de copiere de pe site-ul dvs. web.

multe tipuri de oameni ar putea vizita site-ul dvs. și veți fi greu să găsiți câteva cuvinte care să ajungă acasă pentru toată lumea. În schimb, scrieți-vă titlul pentru a viza o treime din acei oameni care sunt cel mai probabil să fie mulțumiți de produsul dvs.

păstrați titlul în sine clar și simplu. Titlul Dropbox este un exemplu excelent: „tot ce ai nevoie pentru muncă, toate într-un singur loc.”Este simplu, dar puternic — nu este nevoie să decodați jargonul pentru a afla ce face cu adevărat Dropbox.

pagina de pornire a site-ului Dropbox

sub-titlu

sub-titlul dvs. ar trebui să completeze titlul oferind o scurtă descriere a ceea ce faceți sau a ceea ce oferiți. Acest lucru se poate face în mod eficient prin reducerea la zero pe un punct de durere comună că produsul sau serviciul rezolvă.

Iată un exemplu de mare sub-titlu din Mirror: „ascunderea la vedere.”Se onorează pe punctul de vânzare primar al sala de sport oglindă: Este o sală de gimnastică completă la domiciliu, antrenor personal și plan de antrenament, toate în confortul casei dvs., fără a prelua imagini prețioase pătrate cu echipament.oglinda site-ul pagina de start subheadline care citește ascunde la vedere

pentru a optimiza titlurile pentru mobil, Utilizați fonturi mai mari pentru a oferi vizitatorilor o experiență mai bună. Fonturile mici ar putea forța vizitatorii mobili să ciupească și să mărească pentru a citi și a interacționa cu conținutul de pe site-ul dvs. Sfatul nostru? Utilizați opțiunile de titlu din editorul de pagini. Titlurile H1 sunt perfecte pentru titlurile paginilor — ar trebui să existe un singur H1 pe o pagină. Subpozițiile trebuie să urmeze ordinea ierarhiei, H2, H3 … H6 și așa mai departe. Puteți avea mai multe dintre aceste titluri, doar asigurați-vă că acestea sunt în ordine. De exemplu, nu veți dori să săriți de la un H1 la un H3 — alegeți în schimb un H2.

apeluri principale la acțiune

scopul paginii dvs. de pornire este de a obliga vizitatorii să sape mai adânc în site-ul dvs. web și să-i mute în jos în pâlnie. Includeți două-trei apeluri la acțiune deasupra pliului care direcționează oamenii către diferite etape ale ciclului de cumpărare — și plasați-i în locuri ușor de găsit.

aceste CTA-uri ar trebui să fie izbitoare din punct de vedere vizual, ideal într-o culoare care contrastează cu schema de culori a paginii dvs. de pornire, în timp ce se încadrează în designul general. Păstrați copia scurtă — nu mai mult de cinci cuvinte — și orientată spre acțiune, astfel încât să oblige vizitatorii să facă clic pe orice oferiți. Exemple de copie CTA sunt „Înscrieți-vă”, „faceți o programare” sau ” încercați-l gratuit.”

site-ul Afterschool HQ are două CTA-uri deasupra pliului, ambele orientate către directorii de programe care sunt interesați să-și promoveze programele after-school familiilor de pe site. Nota de mai jos CTA mai lungă „Creați — vă profilul gratuit” oferă vizitatorilor ghiontul de care au nevoie pentru a crea un cont-primul pas pentru a deveni un furnizor de HQ Afterschool.

sprijinirea imagine

cei mai mulți oameni sunt vizuale. Asigurați-vă că utilizați o imagine (sau chiar un videoclip scurt) care indică clar ceea ce oferiți. Utilizați imagini care captează emoție, acționează și spuneți vizual povestea despre care scrieți.

pentru a optimiza imaginile pentru utilizatorii de dispozitive mobile, Utilizați imagini de înaltă calitate care au o dimensiune redusă a fișierului. (Clienții HubSpot nu trebuie să vă faceți griji în legătură cu acest lucru, deoarece imaginile încărcate în software-ul HubSpot sunt comprimate automat. În caz contrar, instrumente precum TinyPNG vor face trucul.) De asemenea, adăugați întotdeauna text alternativ la imaginile dvs. pentru a le face mai accesibile vizitatorilor care folosesc cititoare de ecran și pentru a vă ridica eforturile SEO.

pagina de pornire 4 Rivers Smokehouse este un exemplu excelent de imagini emoționale: prezintă o serie de videoclipuri scurte, de înaltă definiție și delicioase, care se redă pe o buclă în spatele unui titlu simplu, sub-titlu și CTA primar:

4 rivers smokehouse pagina de start site-ul prezentat imagine cu un burger brânză

beneficii

nu este important doar pentru a descrie ceea ce faci, dar de ce ceea ce faci contează. Perspectivele doresc să știe despre beneficiile de cumpărare de la tine pentru că asta e ceea ce va obliga să rămânem în jurul.

păstrați copia ușoară și ușor de citit și vorbiți limba clienților dvs. Evernote face o treabă excelentă în listarea beneficiilor pe pagina lor de pornire într – un mod convingător, plăcut vizual și ușor de înțeles:

Evernote Website homepage beneficii

dovada socială

dovada socială este un indicator puternic de încredere. Produsul sau serviciul dvs. ar putea fi cel mai bun din lume și este în regulă să depuneți această afirmație — doar că oamenii s-ar putea să nu vă creadă decât dacă o aud și de la alte persoane. Și exact asta face dovada socială.

includeți doar câteva dintre cele mai bune citate (scurte) de pe pagina principală și link către studii de caz, dacă este cazul. Adăugarea unui nume și a unei fotografii oferă acestor mărturii mai multă credibilitate. Lessonly cuie acest lucru pe pagina lor de pornire cu marturii stralucitoare de la clienti reali.

lessonly site-ul pagina de start marturii si comentarii

navigare

design-ul și conținutul în pagina de navigare ar putea însemna diferența dintre o conversie site-ul și un salt. Pentru a reduce rata de respingere, oferiți vizitatorilor o cale clară către paginile de care au nevoie chiar de pe pagina principală. Faceți meniul de navigare vizibil în partea de sus a paginii și organizați legăturile într-o structură ierarhică.

nimeni nu vă cunoaște site-ul mai bine decât cei care au ajutat la proiectarea acestuia, așa că asigurați-vă că efectuați teste de utilizator pentru a vă asigura că este simplu și intuitiv pentru vizitatori să găsească ceea ce caută pe site-ul dvs. Includeți o casetă de căutare dacă puteți. (Citiți această postare pe blog pentru mai multe sfaturi utile de navigare pe site.)

Iată un exemplu de design de navigare clar și bine structurat de la Slim & pagina de pornire Pizza Beeria a lui Husky:

Slim și huskys website homepage navigation

conținut oferta

pentru a genera chiar mai multe conduce la pagina de start, dispun de o ofertă de conținut foarte mare, cum ar fi o whitepaper, ebook, sau ghid. Oamenii care nu pot fi gata să cumpere ar putea descărca mai degrabă o ofertă care le oferă mai multe informații despre un subiect care îi interesează. Dacă aveți nevoie de inspirație, iată câteva tipuri diferite de conținut din care să alegeți.

apeluri la acțiune secundare

includeți CTA-uri secundare pe pagina dvs. de pornire pentru a oferi oportunități suplimentare de conversie pentru potențialii care nu sunt interesați de obiectivul dvs. principal. Gândiți-vă la ele ca la planul de urgență: ele oferă o altă cale pentru vizitatorii care nu sunt încă pregătiți pentru ceva atât de înalt angajament pe cât îl cereți.

în timp ce CTA-urile dvs. primare ar trebui să fie deasupra pliului, plasați CTA-urile secundare sub pliu pentru a oferi vizitatorilor lucruri pe care să facă clic atunci când derulează în jos. De exemplu, sub pliul de pe pagina de pornire a Spanx, veți găsi trei apeluri la acțiune etichetate în mod clar, care oferă oamenilor care au defilat atât de mult câteva opțiuni pe care să faceți clic. Aceste CTA secundare sunt pentru două tipuri diferite de conversii: una în extrema stângă pentru 20 USD și alta, „Cumpărați acum” pentru a explora catalogul online.

pagina de pornire a site-ului Spanx CTA secundare

caracteristici

în plus față de beneficii, enumerați câteva dintre caracteristicile dvs. cheie. Acest lucru oferă oamenilor mai multă înțelegere a ceea ce este oferit de produsele și serviciile dvs. Din nou, păstrați copia ușoară și ușor de citit. Dropbox pentru afaceri, de exemplu, nu se ferește să afișeze o matrice de caracteristici chiar pe pagina lor de pornire de sub fold.

dropbox pentru site-ul de afaceri caracteristici pagina de start

resurse

din nou, cei mai mulți vizitatori la site-ul dvs. nu va fi gata să cumpere … încă. Pentru persoanele care caută mai multe informații, oferiți un link către un centru de resurse unde pot răsfoi informații relevante. Nu numai că acest lucru le menține pe pagina dvs. web mai mult timp, dar vă ajută, de asemenea, să vă stabiliți credibilitatea ca lider de gândire în industria dvs.

Lovesac adaugă un link de resurse la subsolul de sub fold. Observați cum fiecare dintre aceste CTA secundare acoperă mai multe etape ale ciclului de cumpărare: un link de card de credit pentru a ajuta clienții să-și cumpere mobilierul cu ușurință, un ghid de specimene de țesături pentru cei care încă caută culoarea perfectă înainte de a face o achiziție și un catalog online pentru persoanele care sunt pe piață pentru mobilier nou, dar nu sunt încă gata să facă o achiziție.

pagina de pornire a site-ului lovesac cu resurse și CTA-uri în subsol

indicatori de succes

în plus față de poveștile de succes ale clienților, atât premiile, cât și recunoașterea pot ajuta, de asemenea, să inspire o primă impresie bună. Compania dvs. este un restaurant apreciat de critici? Ai fost votat cel mai bun app nou în acest an? Lăsați vizitatorii paginii dvs. de pornire să știe despre realizările dvs. La fel ca dovada socială, va oferi afacerii tale mai multă credibilitate celor care nu te cunosc.

pe pagina de pornire a Calendly, de exemplu, veți găsi numele unor organizații celebre care le-au recunoscut, cum ar fi Gartner și Dropbox.

pagina de pornire a site-ului Calendly

o pagină de pornire care merită vizitată

pagina de pornire a site-ului dvs. este prima introducere pe care fiecare vizitator o va avea în afacerea dvs. Înainte de a se hotărî să devină client, vor revizui pagina dvs. de pornire pentru a vă face o idee despre ceea ce vindeți, de ce contează pentru ei și cum pot beneficia de ceea ce aveți de oferit.

faceți o primă impresie strălucitoare cu o pagină de pornire care încorporează elementele prezentate mai sus. Și pentru mai multă inspirație, consultați exemple uimitoare de pagini de pornire descărcând lookbook-ul gratuit de mai jos.

Nota Editorului: Această postare a fost publicată inițial în ianuarie 2012 și a fost actualizată pentru prospețime, acuratețe și exhaustivitate.

 Exemple de pagini de pornire strălucitoare, blog și design de pagini de destinație

Lasă un răspuns

Adresa ta de email nu va fi publicată.