Ha megnézel bármelyik főoldalt, amely az első másodpercekben elveszíti a látogatókat, ugyanazt a hibát találod. Mond valamit a cégről, de soha nem mondja meg a látogatónak, mit kellene tennie. Ez a cikk bemutatja, hogyan írj főoldalt a főcímtől lefelé, mit kell elérnie az egyes szakaszoknak, miben különbözik a főoldal szövege a weboldal minden más oldalától, és melyek azok a hibák, amelyek miatt a látogatók el sem görgetnek, mielőtt elmennének.
Ha tudod, hogyan írj főoldalt, az azt jelenti, hogy érted, mire való az oldal. A főoldal nem cégbemutató. Nem küldetésmondat. Ez az az egy oldal, amelynek azonnal három kérdésre kell válaszolnia, mielőtt a látogató eldönti, marad vagy megy. Mit csinálsz? Kinek? Mit tegyen ezután? Az a főoldali szöveg, amely nem válaszol mindháromra az első görgetésen belül, nem működik.
Mit kell tennie a főoldalnak?
A főoldalnak más a feladata, mint a weboldal bármelyik másik oldalának. A szolgáltatás oldal egy konkrét szolgáltatást ad el. A rólunk oldal bizalmat épít a munka mögött álló emberekben. A főoldal valami szűkebbet és sürgetőbbet végez. Elég gyorsan kell eligazítania a látogatót ahhoz, hogy úgy döntsön, marad és tovább nézelődik.
A főoldalra érkező látogatók gyakran keresési találatból, közösségi linkről vagy ajánlásból jönnek. Semmi mást nem olvastak el az oldaladon. Nem tudják, ki vagy, és mit kínálsz. A főoldal szövegének néhány másodperce van arra, hogy megállapítsa, jó helyen járnak ahhoz, amire szükségük van. Ha ezen a próbán megbukik, elmennek.
A feladat nem az, hogy mindent elmagyarázz. A feladat az, hogy elég egyértelműséget és elég érdeklődést teremts ahhoz, hogy a látogató megtegye a következő lépést, legyen az egy szolgáltatásra kattintás, további görgetés vagy egy űrlap kitöltése. Az oldal minden szava vagy ezt segíti, vagy törölni kell.
Hogyan írj olyan főoldali főcímet, amely megállítja a látogatókat az elmenéstől
A főcím a teljes weboldalad egyetlen legfontosabb szövege. Ez az első, amit a látogató elolvas, gyakran még azelőtt, hogy egyáltalán feldolgozta volna a vizuális dizájnt. A homályos, ötletes vagy elvont főcím elveszíti a látogatót, mielőtt az oldal többi része esélyt kapna. Az egyértelmű, konkrét főcím szinte bármilyen más változtatásnál többet tesz a konverziós arányodért.
A legmegbízhatóbb főcímképlet az eredményalapú. Megmondja, mit kap vagy mit ér el a látogató, annak az embernek írva, akinek az oldal készült. Nem azt, hogy "Segítünk a vállalkozásoknak növekedni", hanem azt, hogy "Szerezz több foglalást a környékedről hirdetések nélkül". Nem azt, hogy "Megbízható partnered a wellnessben", hanem azt, hogy "Jógaórák Budapesten kezdőknek és rendszeresen gyakorlóknak".
Az erős főcím egyszerre két kérdésre felel. Mi ez? Nekem szól? Ha a látogató elolvassa a főcímedet, és mindkettőre tud válaszolni, megtetted az oldal legfontosabb munkáját. Ha nem tud, a főcímet át kell írni, mielőtt bármi mást optimalizálnál.
Írj öt-tíz változatot, mielőtt megállapodsz. Az első vázlat szinte soha nem a jó. Húzd ki a jelzőket. Hagyd ki az olyan szavakat, mint a "vezető", az "innovatív" és a "megbízható", mert azt mondják, amit a látogató bizonyíték nélkül nem hisz el. A cég leírását cseréld le annak leírására, mit kap a látogató.
Mit tesz hozzá az alcím, amit a főcím nem?
Az alcím közvetlenül a főcím alatt áll, és folytatja, amit a főcím elkezdett. A feladata nem az, hogy más szavakkal megismételje a főcímet. Egy réteg konkrét információt ad hozzá, amelyet a főcím a felépítése miatt nem tud hordozni.
A jó főcím rövid és ütős. Ez a rövidség erény, nem korlát. Az alcím az a hely, ahol hozzáadod a részletet, amelyet a főcímből ki kellett hagyni. Ha a főcím az eredményt nevezi meg, az alcím azt nevezi meg, hogyan éred el. Ha a főcím azt nevezi meg, kinek szól, az alcím a konkrét eredményt.
Az alcím legfeljebb két-három mondat legyen. Egy pillantásra is olvashatónak kell lennie. A hosszú alcímek, amelyek a teljes folyamatodat magyarázzák, vagy mindent felsorolnak, amit kínálsz, egy későbbi szakaszba valók, nem az oldal tetejére, ahol a látogatók még azt döntik el, maradjanak-e.
Minek kell látszania a hajtás felett?
A hajtás felett az oldalnak az a része van, amelyet a látogató görgetés előtt lát. A név az újságnyomtatásból jön, ahol a címlap fizikai hajtása feletti cikkek adták el a lapot. A weboldalon az elv ugyanez. Ami görgetés nélkül megjelenik, az dönti el, hogy a látogató egyáltalán görget-e.
A hajtás feletti szakaszodnak négy dolgot kell tartalmaznia. A főcímet. Az alcímet. Egy egyértelmű cselekvésre ösztönzést. És elég vizuális környezetet ahhoz, hogy a látogató megértse, milyen fajta oldalon jár. Minden más lejjebb is jöhet az oldalon.
A hajtás feletti szakasz legnagyobb hibája, ha valami gyönyörűvel, de érthetetlennel töltöd meg. Egy teljes képernyős kép szöveg nélkül. Egy videóháttér, amely alá a főcím van temetve. Egy jelmondat, amely túl elvont ahhoz, hogy bármit mondjon a látogatónak. A hajtás feletti szakasz az egyértelműséggel érdemli ki a helyét, nem az esztétikával. Mindkettő megfér egymás mellett, de ha versenyeznek, az egyértelműségnek kell győznie.
Ha mélyebben meg szeretnéd érteni, hogyan hat a hajtás a felhasználói viselkedésre, és mit vesznek észre a látogatók először, a mit jelent a hajtás felett a weboldalon cikk részletesen tárgyalja a fogalmat.
Hová való a társadalmi bizonyíték a főoldalon?
A társadalmi bizonyíték a főoldalon csökkenti azt a kételyt, amelyet az új látogató természetesen érez egy olyan céggel szemben, amelyről még nem hallott. Az értékelések, vélemények, ügyfél-logók, esettanulmány-részletek és a kiadványok elismerése mind bizonyítékként működnek arra, hogy mások ezt a céget választották, és érdemesnek találták.
Az elhelyezés számít. A hosszú oldal legalján lévő társadalmi bizonyítékot a legtöbb látogató soha nem éri el. Ha az ügyfél-logók sorát vagy egy rövid értékelést közvetlenül a hajtás feletti szakasz alá teszed, azzal folytatod a főcím lendületét. A látogató elolvassa a főcímet, megérti, mire való az oldal, majd azonnal látja a megerősítést, hogy mások megbíznak ebben a cégben. Ez a sorrend akkor építi a hitelességet, amikor a legnagyobb szükség van rá, mielőtt a látogató bármi mást elolvasott volna.
Az értékelés vagy vélemény, amelyet kiemelsz, legyen konkrét. A "Velük dolgozni megváltoztatta a vállalkozásomat" kevésbé hasznos, mint a "Havi három megkeresésről húszra jutottunk, miután ezekkel a sablonokkal újjáépítettük a weboldalunkat". A konkrét eredmény hihető úgy, ahogy az általános ajánlás nem.
A társadalmi bizonyíték működésének és különböző formáinak teljes bemutatásáért a társadalmi bizonyítékról szóló cikk az egyes típusokat és azt tárgyalja, hol a leghatékonyabbak.
Hogyan írd le a szolgáltatásaidat vagy termékeidet a főoldalon?
A főoldal nem a teljes szolgáltatásleírások helye. A főoldalra érkező látogatók még nem állnak készen erre a részletességre. Még azt döntik el, releváns-e számukra a cég. Az a főoldal, amely hosszú szolgáltatásleírásokkal nyit, mielőtt a látogató eldöntötte volna, hogy marad, arra készteti, hogy elmenjen, mielőtt bármit elolvasna.
A helyes megközelítés egy rövid áttekintő szakasz. Nevezd meg az egyes szolgáltatásokat vagy termékkategóriákat. Adj hozzá egy mondatot arról, mit tesz, vagy kinek szól. Linkelj arra a külön oldalra, ahol a látogató megkapja a teljes képet. Ez a szerkezet két dolgot ér el. Gyorsan elmondja a látogatónak, mit kínálsz. És a konkrét igényének megfelelő oldal felé is mozdítja, ahol a konverzió valójában megtörténik.
Kerüld a funkciók felsorolását ebben a szakaszban. A funkciók a szolgáltatás vagy termék oldalára valók, ahol a látogatót már érdekli, és értékel. A főoldalon azt írd, mit kap a látogató, ne azt, mi tartozik a szolgáltatásba. A "Weboldalak, amelyek a Google-ben előkelő helyen állnak" relevánsabb egy tétovázó látogatónak, mint az "Egyedi HTML, SEO metaadatok és reszponzív dizájn is benne van".
Mit mondjon a főoldal cselekvésre ösztönzése, és hová vezessen?
Minden főoldalnak szüksége van elsődleges cselekvésre ösztönzésre. Ez az az egy művelet, amelyet a leginkább szeretnél, hogy a látogató megtegyen az oldalra érkezés után. Hívást foglalni. Ingyenes próbát indítani. Sablonokat böngészni. Árajánlatot kérni. Egy elsődleges CTA legyen, ne négy versengő, amelyek különböző irányokba osztják a látogató figyelmét.
A CTA-nak meg kell jelennie a hajtás felett, a főcímszakasz részeként. Az oldal közepe táján is újra meg kell jelennie, és még egyszer az alján. Az a látogató, aki a hajtáson túl olvas, majd eléri az oldal alját anélkül, hogy újabb CTA-t látna, vissza kell, hogy görgessen a cselekvéshez. Ez a súrlódás konverziókat veszít.
A CTA gombját aktív, konkrét nyelven írd. A "Kezdjük el" és a "Tudj meg többet" gyenge, mert semmit sem írnak le. Az "Indítsd el az ingyenes próbád", a "Foglalj ingyenes hívást" és a "Nézd meg az árakat" jobb, mert pontosan megnevezik, mi történik a kattintáskor. Minél konkrétabb a gombfelirat, annál magasabb a kattintási arány, mert a látogató tudja, mire számítson.
A CTA-k működésének és az egyes oldalakra, környezetekre való megírásának teljes magyarázatáért lásd a mi az a cselekvésre ösztönzés a weboldalon cikket.
Mit ne tartalmazzon a főoldal?
Nézz meg bármelyik prospektusként olvasódó főoldalt, és ugyanazt a négy dolgot találod, amely nem oda való. Cégtörténet. Általános küldetésmondat. Az alapítási történetről szóló szövegfal. Navigációtúlsúlyos szakaszok, amelyek a főoldalról próbálnak linkelni a weboldal minden oldalára.
A cégtörténet a rólunk oldalra való, ahol az a látogató megtalálhatja, akit érdekel a hátteréd. Az elvont nyelven írt küldetésmondat ("Hiszünk abban, hogy innovatív megoldásokkal erősítjük a közösségeket") semmit sem közöl azzal a látogatóval, aki egy konkrét szolgáltatást keresve érkezett. Az alapítási történet a befektetőknek és az újságíróknak fontos, nem az első látogatónak, aki tíz másodperc alatt dönti el, marad-e.
A túl sok szöveg a leggyakoribb főoldali probléma. A hosszú bekezdések lelassítják a látogatót, és azt jelzik, hogy az oldal megértése erőfeszítést fog igényelni. A főoldalakon rövid mondatokat, bőséges üres teret és vizuális szüneteket kell használni a szakaszok között. A szükséges szövegmennyiség az a minimum, amely a látogatót előre viszi, nem az a maximum, amelyet a tervező be tud zsúfolni.
Miben különbözik a főoldal szövege a szolgáltatás oldaltól vagy a rólunk oldaltól?
A weboldal minden oldalának külön feladata van, és a szövegnek ezt a feladatot kell tükröznie. A főoldal szövege széles és gyors. Néhány sorban válaszol arra, ki, mit és miért, és a megfelelő helyre küldi a látogatót. A szolgáltatás oldal fókuszált és részletes. Egy konkrét szolgáltatásról válaszol minden kérdésre, amelyet a látogató feltesz, kezeli az ellenvetéseket, és konverziót hajt. A rólunk oldal a látogató és a cég mögött álló emberek közötti kapcsolatot építi.
A gyakori hiba, ha a főoldalt úgy írod meg, ahogy a szolgáltatás oldalt írnád. A szolgáltatás oldal lehet hosszú, mert az olvasó látogatót már érdekli. A főoldalról kattintott át, vagyis már eldöntötte, hogy relevánsnak talál. A főoldalnak nincs meg ez a luxusa. A látogató még dönt, vagyis a szövegnek gyorsabban kell működnie, és soványabbnak kell maradnia.
A másik gyakori hiba, ha a főoldalt úgy írod meg, ahogy a rólunk oldalt írnád. A rólunk oldal rólad szól. A főoldal arról, mit kap a látogató. Abban a pillanatban, hogy a főoldal szövege a cég történetére, értékeire vagy belső folyamataira kezd koncentrálni, abbahagyta azt a munkát, amelyre a főoldal való.
A szolgáltatás oldal megírásának lépésről lépésre bemutatásáért, miután a látogató túljutott a főoldalon, a hogyan írj szolgáltatás oldalt cikk a teljes szerkezetet tárgyalja.
Milyen hosszú legyen a főoldal?
A főoldal hosszát az értékesítési folyamatod határozza meg, nem egy szószám-cél. Egy egyszerű termék, egyértelmű közönséggel, lehet rövid főoldal. Egy szolgáltató cég, amelynek több ajánlata és hosszabb mérlegelési ciklusa van, lehet hosszabb. A megfelelő hossz az, amely egy tipikus látogatónak elég információt ad a következő lépés megtételéhez.
Hasznos próba, ha megnézed az analitikádat. Ha az átlagos látogató anélkül lép ki, hogy a hajtáson túl görgetne, nem a hosszabb oldal a megoldás. A főcím vagy a CTA a probléma. Ha a látogatók az oldal nagy részét végiggörgetik, majd cselekvés nélkül elmennek, lehet, hogy az oldal túl hosszú, vagy az alján lévő CTA nem elég világos.
A gyakorlatban egy szolgáltató cég főoldalának jellemzően főcímszakaszra, a szolgáltatások rövid áttekintésére, társadalmi bizonyíték szakaszra és egy egyértelmű CTA szakaszra van szüksége. Ez jól megoldható 300-500 szónyi látható szöveggel, jól megtervezett szakaszokra elosztva. Egyes cégeknek több kell. A próba mindig az, hogy minden szakasz kiérdemli-e a helyét azzal, hogy a látogatót a következő lépés felé viszi.
A vizuális hierarchia megértése az elrendezési döntéseknél éppúgy segít, mint a szövegi döntéseknél. A mi az a vizuális hierarchia cikk elmagyarázza, hogyan irányítja az oldal szerkezete a látogató tekintetét és figyelmét.
Hogyan hat a felhasználói élmény a főoldali szöveg döntéseire?
A szöveg és a dizájn együtt dolgozik a főoldalon. Az, ahogyan a szakaszok el vannak rendezve, mennyi üres tér veszi körül a szöveget, és milyen sorrendben találkozik a látogató az egyes információkkal, mind befolyásolja, hogy a szöveg célba ér-e. Az erős szöveg olyan elrendezésbe téve, amely ellene dolgozik, még mindig gyenge eredményt ad.
Az a főoldal, amely túl sok szöveget tesz előre, mielőtt a látogatónak lenne környezete, elűzi az embereket, mielőtt elérnék a tartalmat, amely megtartotta volna őket. Az a főoldal, amelynek erős szövege sűrű rácsba vagy alacsony kontrasztú színsémába van temetve, elveszíti azokat a látogatókat, akik konvertáltak volna, ha az információ könnyebben átfutható lett volna. A szöveg és az elrendezés döntése nem hozható meg egymástól függetlenül.
A mi az a UX tervezés cikk bemutatja, hogyan érvényesülnek a felhasználói élmény elvei az egész weboldalon, beleértve azt is, hogyan olvassák és böngészik az oldalakat a látogatók.
Hogyan kezeli a WEMASY a főoldali szöveget
A WEMASY weboldalépítője olyan főoldal sablonokat tartalmaz, amelyek a cikkben tárgyalt elemek köré épülnek. Minden sablon tartalmaz főcímszakaszt, szolgáltatás-áttekintő területet, társadalmi bizonyíték szakaszt, valamint CTA-elhelyezéseket a hajtás felett és az oldal alján. Az oldalbeállítások tartalmazzák a főoldal meta címének és meta leírásának SEO-mezőit, amelyek az oldal tartalmától függetlenül szerkeszthetők. Minden oldal, a főoldalt is beleértve, alapértelmezetten reszponzív asztali gépen, tableten és mobilon.
Nézd meg, mi tartozik bele a WEMASY weboldalépítőben, vagy nézd át a csomagokat az árak oldalon.
Gyakran ismételt kérdések
Milyen hosszú legyen a főoldal főcíme?
A főoldal főcíme 6 és 12 szó között működik a legjobban. Elég rövid ahhoz, hogy egy pillantásra olvasható legyen, és elég konkrét ahhoz, hogy megmondja a látogatónak, mit csinál az oldal, és kinek szól. A hosszabb főcímek hajlamosak elveszíteni az olvasót, mielőtt befejezné a mondatot. Ha a főcímednek 12 szónál több kell az érthetőséghez, a szöveget élesíteni kell, nem bővíteni.
Szerepeljen ár a főoldalon?
Az üzleti modelltől függ. Egyszerű termékeknél vagy átlátható árú előfizetéseknél egy rövid árszakasz vagy az árak oldalra mutató link a főoldalon csökkentheti a súrlódást. A változó árú szolgáltató cégeknél a főoldal nem a számok helye. Inkább irányítsd a látogatókat árajánlatkérő vagy foglalási űrlapra, ahol az árról a konkrét igényeik alapján lehet beszélni.
Hány cselekvésre ösztönzés legyen a főoldalon?
Egy elsődleges cselekvésre ösztönzés, amely két-három helyen ismétlődik az oldalon lefelé. Az elsődleges CTA mindig jelenjen meg a hajtás felett, ahol a látogató görgetés nélkül látja. A második elhelyezés az oldal közepe táján megfogja azokat a látogatókat, akik részben elolvasták, de készek a cselekvésre. A harmadik az alján azokat éri el, akik mindent elolvasnak, mielőtt döntenek. A figyelemért versengő, különböző CTA-k csökkentik a konverziót.
Mi a legnagyobb főoldali szövegírási hiba?
A cégről írni ahelyett, hogy a látogatónak írnál. Az a főoldal, amely a cég történetével, értékeivel vagy önleírásával nyit, abba a helyzetbe hozza a látogatót, hogy neki kell kitalálnia, releváns-e számára bármi ebből. A látogatók nem végzik el ezt a munkát. Elmennek. Az a főoldal, amely azzal nyit, mit kap a látogató, kinek készült, és mit tegyen ezután, az embereket az oldalon tartja.
Segíthet a WEMASY weboldalépítője a főoldal felépítésében?
A WEMASY weboldalépítője olyan főoldal sablonokat tartalmaz, amelyek strukturált szakaszokkal rendelkeznek a főcímhez, a szolgáltatás-áttekintéshez, a társadalmi bizonyítékhoz és a CTA-khoz. A sablonok azokra az elrendezési elvekre épülnek, amelyek az egyértelmű, gyorsan betöltődő főoldalakat támogatják. Minden szakaszt közvetlenül szerkeszthetsz, és a tartalmat kód érintése nélkül módosíthatod. A sablonok teljes listájáért nézd meg a WEMASY weboldalépítőt.