A kezdőlap az első oldal, amelyet a legtöbb látogató lát, amikor úgy dönt, hogy többet szeretne megtudni a vállalkozásodról. Ezért ezen az oldalon a legnagyobb a tét, és gyakran mégis ez kapja a legkevésbé összpontosított dizájnfigyelmet. A legtöbb kezdőlap mindent el akar mondani. Amelyik működik, az egyetlen dolgot mond el érthetően.
A kezdőlap dizájnja dönti el, hogy a weboldalad működik-e, vagy elpazarolja a kapott forgalmat. Az a kezdőlap, amely tisztán betöltődik, és egyértelművé teszi a következő lépést, mozgásban tartja a látogatókat. Az, amelyik zsúfolt, lassú vagy érthetetlen, elveszíti őket, mielőtt eljutnának a legjobb tartalmaidhoz.
Ez a cikk bemutatja, mit kell tennie egy kezdőlapnak, hogyan építsd fel a tartalmat, és melyek azok a konkrét döntések, amelyek a konvertáló kezdőlapot elválasztják attól, amelyik csak úgy van.
Mit kell tennie egy kezdőlapnak?
A kezdőlapnak egy feladata van: segíteni a megfelelő látogatónak megérteni, hogy jó helyen jár, és megmutatni neki, merre menjen tovább. Ez egyszerűnek hangzik. A legtöbb kezdőlap mégis elbukik rajta, mert túl sok mindent próbál egyszerre csinálni.
A látogatók különböző helyekről és különböző tudásszinttel érkeznek a kezdőlapra. Van, aki pontosan azt kereste, amit kínálsz, és kész cselekedni. Van, aki valakitől hallotta a nevedet, és meg akar bizonyosodni, hogy megbízható vagy. Van, aki csak böngész, és még nem biztos, hogy szüksége van bármire. A jó kezdőlap dizájn mindhármat kiszolgálja, anélkül hogy általános prospektussá válna.
A kezdőlapot a legegyszerűbben úgy értékelheted, ha megkérdezed: tud-e egy első látogató öt másodpercen belül három kérdésre válaszolni? Mi ez a vállalkozás, kinek szól, és mit tegyek ezután? Ha bármelyik válasz homályos, a kezdőlap nem működik.
Mi kerüljön az oldal első képernyőjére (above the fold)?
A kezdőlap első képernyőjének van a legnagyobb súlya, mert ezt látja minden látogató, mielőtt eldönti, hogy görget vagy elmegy. A fenti három kérdésre a lehető legközvetlenebbül kell válaszolnia.
Egy főcím, amely elmondja, mit csinálsz, és kinek. Nem szlogen, nem küldetésnyilatkozat. Az általad nyújtott érték egyszerű, közvetlen leírása. Egy kísérő mondat, amely konkrétabbá teszi, vagy a legfontosabb látogatód fő aggodalmára reagál. Egy cselekvésre ösztönző elem, amely a kész látogatóknak egyértelmű következő lépést ad, azoknak pedig, akik még nem, nyomás nélkül.
Egy vizuális elem, amely erősíti az üzenetet, nem helyettesíti. Az elvont képek vagy pusztán dekoratív hátterek hangulatot adnak, de elveszik az érthetőséget. A legerősebb első képernyős vizuális elemek a terméket, az eredményt vagy azt a személyt mutatják, akinek hasznára válik.
A navigáció is ide tartozik. Aki tovább akar nézelődni, annak kell hozzá egy mód, hogy ne kelljen keresgélnie. A mi az above the fold cikk részletesen tárgyalja, mitől hatékony az első nézet, és hogyan viselkedik másképp mobilon és asztali gépen.
Hogyan építsd fel a tartalmat az első képernyő alatt?
Az első képernyő alatt a kezdőlapnak van helye érvelni annak a látogatónak, aki nem lépett azonnal. A legjobban működő szerkezet logikus sorrendben halad: mit csinálsz, bizonyíték, hogy működik, kinek szól, és mit tegyen tovább.
Az alapajánlat rövid magyarázata, annyira konkrétan, hogy kiszűrje azokat a látogatókat, akik nem illenek hozzád, és megnyugtassa, akik igen. Társadalmi bizonyíték abban a formában, amely a vállalkozásodnál a leghitelesebb: vásárlói vélemények, eredmények, ismert ügyfelek logói vagy egy szám, amely a méretet mutatja. Egy szekció, amely azokra a fő aggodalmakra vagy helyzetekre szól, amelyekből a legjobb vásárlóid érkeznek. Egy második cselekvésre ösztönző elem azoknak a látogatóknak, akik idáig elolvasták, és most már készek.
A kezdőlap alján lévő lábléc navigáció azoknak ad utat a másodlagos oldalakra, akik mindent elolvastak. Azokat is kiszolgálja, akik egyenesen az aljáig görgetnek, hogy elérhetőséget, jogi linkeket vagy más oldalakat találjanak. A mi a weboldal navigáció cikk részletesen tárgyalja a fő- és a lábléc navigáció dizájnját.
Mitől működik a kezdőlap szövege?
A kezdőlap szövege két kiszámítható módon bukik el. Vagy túl homályos ahhoz, hogy bármit jelentsen, vagy annyi mindent mond, hogy semmi nem marad meg.
A homályos változat ilyen megfogalmazásokat használ: "Segítünk a vállalkozásoknak növekedni" vagy "Átalakítjuk a munkád módját". Ezek az állítások technikailag szinte bármelyik vállalkozásra igazak, tehát egyikre sem igazak úgy, hogy bármit is jelentenének. A látogató nem tudja meg belőlük, hogy a vállalkozásod releváns-e a helyzetére.
A túlzsúfolt változat minden funkciót el akar magyarázni, minden felhasználási esetet meg akar említeni, és minden lehetséges kérdésre válaszolni egyetlen oldalon. Az eredmény egy olyan oldal, amely úgy olvasható, mint egy prospektus, és úgy is konvertál.
A működő szöveg konkrét, közvetlen, és egyfajta látogatónak íródott. Megnevezi a problémát vagy a helyzetet, leírja az eredményt, és egyértelművé teszi a következő lépést. A legjobb kezdőlap szöveg úgy hat, mintha valaki, aki jól ismeri a vállalkozásodat, annak írta volna, aki éppen azt dönti el, bízzon-e benned.
Hogyan működjön a kezdőlap mobilon?
Az a kezdőlap, amelyet csak asztali gépre terveztek, a látogatói többségét elveszíti. A webes forgalom több mint 60 százaléka mobil eszközről érkezik, és a kezdőlap gyakran az első oldal, amelyet ezek a látogatók látnak.
Mobilon az elrendezés oszlopai összecsukódnak, a betűméreteknek nagyobbnak kell lenniük, a gombok koppintási felületének pedig elég nagylelkűnek kell lennie egy ujjhoz. Az első képernyős terület kisebb, tehát a főcímnek és a cselekvésre ösztönző elemnek szűkebb helyen kell működnie. Az asztali gépen jól működő nagy dekoratív képek gyakran az egész mobilképernyőt kitöltik, hasznos tartalom nélkül.
A kezdőlapot valódi telefonon tesztelni, mielőtt késznek tekintenéd, nem opcionális. A böngészős előnézetek hasznosak a fejlesztés közben, de nem adják vissza az érintőképernyős eszköz élményét. A hogyan tedd mobilbaráttá a weboldalad cikk a változtatások teljes körét bemutatja, amelyek egy oldalt valóban használhatóvá tesznek telefonon.
Hat a kezdőlap dizájnja a SEO-ra?
A kezdőlapra mutatja általában a legtöbb link az oldalon, ezért ennek van a legnagyobb tekintélye. Az, hogyan épül fel, befolyásolja, hogyan érti meg a kereső az oldalt, és hogyan áramlik ez a tekintély a többi oldalra.
Az átlátható címszerkezet, egyetlen H1-gyel, amely megmondja, miről szól az oldal, és a kapcsolódó témákat lefedő H2 szakaszokkal, segít a keresőknek megérteni az oldalt. A kezdőlapról a fontos termék-, szolgáltatás- vagy tartalmi oldalakra mutató belső linkek továbbadják nekik a tekintélyt, és jelzik a fontosságukat.
A kezdőlap oldalsebessége aránytalanul sokat számít, mert ez a legtöbbet látogatott oldal. A mobilon lassan betöltődő kezdőlap lehúzza az egész oldal keresési teljesítményét. A mi a webdizájn cikk elmagyarázza, hogyan kapcsolódnak az elrendezési és szerkezeti döntések a keresési teljesítményhez. A keresési helyezések teljes képéhez a mi a SEO cikk bemutatja a technikai és tartalmi tényezőket, amelyek befolyásolják az oldalak helyezését.
Hogyan kezeli a WEMASY a kezdőlap dizájnját
A WEMASY weboldalépítője vállalkozástípusok szerint rendezett kezdőlap sablonokat tartalmaz, mindegyik átlátható első képernyős résszel, logikus tartalomfolyammal és mobilbarát elrendezéssel készült. A vizuális szerkesztővel kódolás nélkül testreszabhatod a tartalmat, a színeket és a szekciókat. A mobilelőnézet építés közben megmutatja, hogyan néz ki a kezdőlap telefonon, így közzététel után nem érnek meglepetések.
Nézd meg, mi tartozik bele a WEMASY weboldalépítőbe, vagy tekintsd át a csomagokat az árak oldalon.
Gyakran ismételt kérdések
Milyen hosszú legyen a kezdőlap?
Annyira hosszú, hogy megválaszolja azokat a kérdéseket, amelyekre az első látogatónak szüksége van, mielőtt cselekedne, és nem hosszabb. Egy egyszerű szolgáltató vállalkozásnál ez három-öt szekció lehet. Egy összetettebb termékhez vagy hosszabb döntési folyamathoz hét-nyolc. A hossz nem cél. A lényeg, hogy a megfelelő tartalom a megfelelő sorrendben szerepeljen. A túl rövid kezdőlap nem ad elég információt a cselekvéshez. A túl hosszú elveszíti a látogatót, mielőtt eljutna a cselekvésre ösztönző elemhez. A WEMASY weboldalépítőjével ezt közvetlenül a saját weboldaladon beállíthatod.
Hány cselekvésre ösztönző elem legyen a kezdőlapon?
Egy elsődleges, amelyet a látogató görgetése közben logikus pontokon megismételsz. Ha egyetlen, egyértelmű elsődleges művelet van, legyen az hívásfoglalás, ingyenes próba indítása vagy árajánlatkérés, a látogatónak nem kell több versengő lehetőség közül választania. Másodlagos műveletek, például a "Tudj meg többet" vagy a "Nézd meg, hogyan működik" létezhetnek az elsődleges mellett, de egyértelműen másodlagosnak kell tűnniük, hogy a legfontosabb művelet kiemelkedjen.
Legyen videó a kezdőlapon?
A videó jól működhet a kezdőlapon, ha olyasmit mutat, amit szöveggel és képpel valóban nehéz átadni, például termékbemutatót vagy egy folyamatot. A kockázat a betöltési idő és az automatikus lejátszás. A hanggal automatikusan induló kezdőlapi videó azonnal bosszantja a legtöbb látogatót, különösen mobilon. Az a videó, amely az oldal betöltési idejéhez néhány másodpercet ad, mielőtt bármi hasznos megjelenne, rontja a lepattanási arányt. Ha videót teszel be, legyen opcionális, alapból néma, és ne akadályozza az oldal többi részének betöltését.
Mi a legnagyobb hiba, amit a vállalkozások a kezdőlapjukon elkövetnek?
Magukra terveznek, nem egy első látogatóra. A vállalkozók ismerik a termékeiket, a megkülönböztető jegyeiket és a történetüket. Az első látogatók ebből semmit nem ismernek, és másodpercek alatt döntik el, érdemes-e figyelmet fektetniük. A leggyakoribb eredmény egy olyan kezdőlap, amely belső nyelvvel indít, homályos főcímeket használ, amelyek belül sokat jelentenek, de egy kívülállónak semmit nem mondanak, és a tényleges ajánlatot a cég értékeiről szóló hosszú magyarázat mögé temeti. A megoldás az, hogy a kezdőlapot úgy írd meg, mintha annak magyaráznád, mit csinálsz, aki még sosem hallott rólad, és kicsit szkeptikus.
Milyen gyakran kell újratervezni a kezdőlapot?
Amikor megáll a működése, nem fix időbeosztás szerint. Jelek, hogy a kezdőlapra figyelni kell: magas lepattanási arány az új látogatóknál, alacsony konverziós arány az elsődleges cselekvésre ösztönző elemen, vagy visszajelzés, hogy a látogatók nem értik, mit csinál a vállalkozás. A szöveg, a képek és a cselekvésre ösztönző elemek kisebb frissítései a legtöbb problémát megoldják teljes újratervezés nélkül. A teljes újratervezés akkor ésszerű, ha a vállalkozás jelentősen megváltozott, a mostani dizájn már nem tükrözi, kik vagytok, vagy a technikai alap annyira elavult, hogy könnyebb újraépíteni, mint foltozni.