Tervezzük meg együtt a weboldalad!

Milyen szakaszokból épül fel egy oldal? Hogyan írjuk meg a szöveget? Milyen egyéb tartalmat érdemes elhelyezni az oldaladon? A munkafüzetből készíts egy másolatot és abba dolgozz!
MUNKAFÜZET

Tartalmi struktúra felépítése

Mielőtt hozzákezdenénk a szövegíráshoz, fel kell építenünk a weboldal tartalmi struktúráját. Ez általában magában foglalja a következő elemeket: Főoldal, Rólunk, Szolgáltatások / Termékek, Blog / Hírek, Kapcsolat. Minden oldalnak egyértelmű célja és funkciója van, amihez a szövegezést igazítjuk. Ezeket vesszük most sorra.

Főoldal (Home) ATF szakasz

A főoldal az első oldal, amivel a látogatók először találkoznak, amikor meglátogatják a weboldaladat. Az oldal legelső szakaza az ATF (Above the Fold) a terület, amelyet a weboldal betöltésekor látunk, anélkül, hogy lefelé görgetnénk. A görgetés után látható tartalmat Below the Foldnak (BTF) nevezzük. Az ATF tartalomnak nagyon fontos szerepe van, mivel itt történik meg az első benyomás mindössze pár másodperc alatt. Az itt található elemek hatással lehetnek arra, hogy a látogató tovább marad-e az oldalon, illetve további interakcióba lép-e (pl. kattintások, bejelentkezés stb.).

Az ATF rész általában a következő elemeket tartalmazza:

  1. Logó és navigációs menü: A cég logója és a navigációs menü általában az oldal tetején található. Ezek segítségével a látogató könnyen tájékozódhat az oldalon.
  2. Főcím (H1) és alcím: Az oldal főcíme röviden, de hatásosan közli az oldal célját vagy tartalmát. Az alcím további magyarázatot vagy részleteket adhat.
  3. CTA gomb: A CTA, vagy “Call to Action” gomb arra ösztönzi a látogatót, hogy cselekedjen, például iratkozzon fel a hírlevélre, látogassa meg a szolgáltatás vagy webshop oldalt vagy lépjen kapcsolatba a céggel.

Nagyításhoz kattints a képre!

Az ATF tartalmat úgy kell megírni és kialakítani, hogy az a lehető legnagyobb hatást gyakorolja a látogatóra. Fontos, hogy a szöveg rövid, közvetlen és érdekes legyen, a design pedig tiszta és jól áttekinthető. A kulcsszavak és a SEO (Search Engine Optimization, vagyis keresőoptimalizálás) szintén fontos szerepet játszanak az ATF tartalom megírásában és kialakításában. Erről bővebben a SEO menüpontban olvashatsz.

Főoldal (Home) BTF szakasz

A “BTF” vagy “Below the Fold” kifejezés is az újságírásból ered, ahol a hírlap felhajtása utáni területre utal. A webdizájnban ez a kifejezés azt a weboldal részt jelenti, amit a látogató csak a lefelé görgetés után láthat.

Bár az ATF rész kelti az első benyomást a látogatóban, a BTF tartalom is nagyon fontos, mert itt adhatunk meg több információt magunkról, szolgáltatásainkról és további interakcióra ösztönözhetjük a látogatót.

A BTF rész általában a következő elemeket tartalmazza:

  1. Egy rövid bemutatkozás magunkról vagy a cégünkről: Pár mondatban mutatkozzunk be, mutassuk be cégünket/vállalkozásunkat
  2. További információ a termékről/szolgáltatásról: Ez lehet részletesebb leírás, termékjellemzők, előnyök bemutatása, vagy csak egy ikonszerű felsorolás a szolgáltatási- vagy termékpalettánkról, ami a SZOLGÁLTATÁSOK/TERMÉKEK/WEBSHOP oldalra visz majd tovább
  3. Bizonyíték a cég hitelességéről: Ez lehet például ügyfélvélemények, hivatkozások, díjak és elismerések bemutatása.
  4. Kapcsolódó tartalom: Ez lehet blogbejegyzések, hírek, esetleg videók vagy podcastok, amelyek további információkat adnak a látogatóknak. Lehet a 3 legnépszerűbb vagy. legfrissebb cikket megjeleníteni.
  5. További CTA (Call to Action) gombok: Ezek további cselekvésre ösztönözhetik a látogatót, mint például további termékek megtekintése, feliratkozás a hírlevélre, vagy kapcsolatfelvétel.
  6. GYIK (Gyakran Ismételt Kérdések): Ebben a szakaszban válaszolhatunk a leggyakrabban feltett kérdésekre, amelyek a termékekkel vagy szolgáltatásokkal kapcsolatosak. A GYIK-et szerei a SEO, ezért érdemes több helyre is az oldalunkon behivatkozni, vagy a legfontosabb oldalakra készíteni egyet- egyet.

Nagyításhoz kattints a képre!

A BTF tartalom megírásánál fontos, hogy a szöveg továbbra is érdekes és releváns legyen a látogató számára. A SEO (keresőoptimalizálás) szempontjából fontos a kulcsszavak megfelelő használata. A designnak továbbra is tisztának és jól áttekinthetőnek kell lennie, hogy a látogató könnyen megtalálja a számára fontos információkat.

Rólunk oldal

Itt is, mint a főoldalon kell egy header vagyis ATF rész, ahova szintén az oldal témájához illeszkedő kép, egy H1-es címsor, alá egy alcím és egy CTA gomb.

A kép lehet például a cég logója, telephely, üzem, iroda fotója, a csapat fotója, vagy egy személy portréja. Egy erős vizuális elem segíthet az oldal látványának fokozásában, és megragadhatja a látogató figyelmét. Ha te magad vagy a márka, mint az én esetemben is, mivel én szolgáltatom a web és grafikai design szolgáltatásokat, így saját magamat építem, mint márkanév, tehát a legjobb ha magadról raksz fel egy vagy több képet a RÓLUNK oldalra. Ha csapat vagy cég áll a vállalkozás mögött, azt is ezen at oldalon kell bemutatni. A fotó legyen jó minőségű, lehetőleg profi fotós által készített kép. Ma már egy mobiltelefonnal is lehet nagyon jó minőségű képeket készíteni, ha viszont nem rendelkezel kompozíciós érzékkel, nem tudod, hogyan kell bevilágítani a helyet, bízz meg egy fotóst vagy egy kedves ismerőst, akinek megvan a megfelelő háttértudása.

A “Rólunk” vagy “Rólam” oldalnak a célja, hogy bemutassa a cég vagy személy identitását, értékeit és tevékenységét. Egy jól felépített “Rólunk” oldal több különböző szakaszt tartalmazhat, amelyek mindegyike más-más információt közvetít a látogató felé:

  1. Bevezető: Ez a szakasz az oldal ATF részét képezi, és röviden bemutatja a cég vagy személy tevékenységét, értékeit vagy céljait.
  2. Történet: A történet szakaszban bemutathatjuk a cég vagy személy múltját, a kezdetektől napjainkig. Ebben a szakaszban megoszthatjuk a mérföldköveket, a nehézségeket és a sikerélményeket.
  3. Célok és értékek: Ez a szakasz bemutatja a cég vagy személy jövőbeli céljait, valamint a működését meghatározó értékeit.
  4. Csapat vagy személyes bemutatkozás: Itt bemutathatjuk a csapat tagjait, a vezetőket, vagy ha egy személyről van szó, akkor magát a személyt. A bemutatkozás tartalmazhatja a szakmai tapasztalatokat, képességeket, szenvedélyeket.
  5. Szakmai eredmények, díjak és elismerések: Ez a szakasz bemutatja a cég vagy személy szakmai eredményeit, díjait és elismeréseit, amelyek bizonyítják hitelességét és szakértelmét.
  6. Visszajelzések és tesztimóniák: Az ügyfelek, partnerek vagy más szakemberek által adott pozitív visszajelzések és tesztimóniák tovább erősíthetik a cég vagy személy hitelességét.

Összegyűjtöttem néhány korábbi munkám Rólunk odalát inspirációképpen:

Szolgáltatások/ Termékek oldal

Ez talán a legfontosabb aloldala a weboldalunknak, mert itt mutatjuk be portékánkat, a hozzánk ellátogató virtuális vásárlóinknak.

Lássunk pár általános illetve – a linkekre kattintva – konkrét példát is a korábbi munkáim közül:

Nézzük milyen elemekből épül fel egy jól megtervezett szolgáltatás vagy termékoldal:

  1. Bevezető: Az oldal elején lévő bevezető szakaszban röviden bemutatjuk a termékeket vagy szolgáltatásokat, és meghatározzuk azok értékét a vásárló számára.
  2. Termék- vagy szolgáltatáslista: Az oldalon felsoroljuk az összes terméket vagy szolgáltatást, amit a cég kínál. Minden termékhez vagy szolgáltatáshoz tartozik egy rövid leírás, amely bemutatja a termék vagy szolgáltatás jellemzőit és előnyeit. Ha soktermékes webshopunk van akkor a SHOP oldalon csak a kategóriákat némi általános leírást és a legjobban fogyó termékeinket érdemes kiemelni.
  3. Részletes termék- vagy szolgáltatásleírások: Minden termékhez vagy szolgáltatáshoz tartozik egy részletes leírás, amely bemutatja a termék vagy szolgáltatás előnyeit, jellemzőit, és azt, hogyan használható. Ezek lesznek a termékoldalalak vagy szolgáltatás aloldalak, itt már részletesebben kifejthetjük az adott termék vagy szolgáltatás jellemzőit, kínálhatunk mennyiségi kedvezményt, csomagajánlatokat, kapcsolódó termékeket.
  4. Árak: Ez a kínált portékánktól függ hol tűntetjük fel, ha webshopról beszélünk ez egyértelműan a termékoldalakon lesz, ha valamilyen szolgáltatásról, akkor ez lehet az egyes szolgáltatás ok alá írva, de készíthetünk neki egy külön ÁRAK aloldalt is.
  5. GYIK (Gyakran Ismételt Kérdések): Ebben a szakaszban válaszolhatunk a leggyakrabban feltett kérdésekre, amelyek a termékekkel vagy szolgáltatásokkal vagy azok megvásárlásával kapcsolatosak. PÉLDA
  6. Vásárlási információk: Ebben a szakaszban tájékoztathatjuk a vásárlókat a vásárlás menetéről, a szállítási és fizetési feltételekről, valamint a visszaküldési és garanciális szabályokról. Ezeket az információkat érdemes a termékoldalakon is elhelyezni, az ÁSZF-ben pedig kötelező.

Kapcsolat oldal

A “Kapcsolat” oldal szintén fontos része egy weboldalnak, mert itt kaphatják meg a látogatók azokat az információkat, amelyekkel kapcsolatba léphetnek a céggel vagy a személlyel.

Egy jól felépített “Kapcsolat” oldal több különböző szakaszt tartalmazhat:

Kapcsolatfelvételi információk: Az oldalon meg kell adni a legfontosabb kapcsolatfelvételi információkat, mint például a telefonszámot, az e-mail címet, és a cég fizikai címét.

  1. Kapcsolatfelvételi információk: Az oldalon meg kell adni a legfontosabb kapcsolatfelvételi információkat, mint például a telefonszámot, az e-mail címet, és a cég fizikai címét.
  2. Kapcsolatfelvételi űrlap: A látogatók számára kényelmes lehet, ha az oldalon található egy űrlap, amin keresztül közvetlenül üzenetet küldhetnek. Az űrlapban általában megkérjük a látogatót, hogy adja meg a nevét, e-mail címét, a témát, és magát az üzenetet.
  3. Térkép: Ha a cégnek van fizikai címe, akkor érdemes beilleszteni egy térképet, ami megmutatja a cég helyét. Ez segíthet a látogatóknak abban, hogy könnyebben megtalálják az irodát vagy a boltot.
  4. Nyitvatartási idő: Ha a cégnek van fizikai helyszíne, akkor érdemes megadni a nyitvatartási időt is.
  5. Közösségi média linkek: Ha a cég vagy a személy aktív a közösségi médiában, akkor itt meg lehet adni a közösségi média profilok linkjeit.
  6. GYIK (Gyakran Ismételt Kérdések): Ebben a szakaszban válaszolhatunk a leggyakrabban feltett kérdésekre, amelyek kapcsolatfelvétellel vagy más, a látogatók által gyakran felmerülő témákkal kapcsolatosak.

Lead magnet landing oldal, ami nem egyenlő a weboldaladdal

Ez az oldal, amin jelenleg tartózkodsz egy landing oldal, egyetlen célja, hogy elolvasd az információkat, majd letöltsd a munkafüzetet. A landing page egy olyan speciálisan kialakított menüből nem elérhető aloldal, amelyet általában egyetlen célra terveznek és optimalizálnak, például egy termék vagy szolgáltatás népszerűsítésére, lead gyűjtésre vagy konverzióra. A landing oldal célja az, hogy a látogatókat egyértelmű cselekvésre ösztönözze, például regisztrációra, vásárlásra vagy hírlevél feliratkozásra.

A különbség a hagyományos weboldal és a landing oldal között az, hogy a weboldal általában sokféle információt és tartalmat tartalmaz, van menüszerkezete, lábléce míg a landing oldal egy láb és fejléc nélküli “one page” oldal, marketing célra született, csak fizetett hirdetésből vagy direkt közösségi média vagy e-mail marketing kommunikációból érhető el a linkje,  cselekvésre ösztönző szövegezéssel, pl vásárold meg, iratkozz fel stb. A landing oldalak kevesebb navigációs lehetőséget kínálnak, csak az oldalon belül mozog a látogató, nincsenek más aloldalak, a fő weboldalt sem lehet innen elérni, fontos, hogy a látogatók ne térjenek el a fő konverziós céltól, míg a weboldalak több oldalt és több információt tartalmazhatnak a vállalkozás teljes kínálatáról vagy tevékenységi köréről. A landing oldalakat általában célzott hirdetéseken vagy kampányokon keresztül terjesztik, míg a weboldalak általában egy vállalkozás általános online jelenlétét szolgálják.

Ha részletesebben olvasnál a landing oldal és a one page üzleti oldal közti különbségekről, akkor katt ide!

  1. Hero/ főkép vagy video: A vizuális elemek erősítik a szöveget és segítenek a látogatónak megérteni, miértlehet számára hasznos a termék vagy szolgáltatás. Ha egy ebookot adsz vagy egy tanfolyamot, amit nem tudsz fizikailag megjeleníteni egy fotóval, készíts hozzá mockupot, vagy bízz meg engem vele 😀!
  2. Figyelemfelkeltő H1-es cím: A cím az első, amivel az oldalra érkezők, oldalon landolók 🙂 találkoznak, így elég vonzó kell legyen ahhoz, hogy tovább olvassanak. Próbáld meg felkelteni érdeklődést, kínálj valami értékeset az olvasónak, vagy vess fel egy problémát, amit a terméked vagy szolgáltatásod megold. Fájdalompontra taposás…
  3. Alcím: Az alcím további információkat nyújt a címben felvetett témáról, és tovább mélyíti a látogató érdeklődését.
  4. Előnyök és jellemzők: Ismertesd a termék vagy szolgáltatás fő előnyeit és jellemzőit. Ebben a szakaszban érdemes specifikusnak lenni és bemutatni, hogy miért vagy te/terméked/szolgáltatásod a legjobb választás.
  5. Bizonyíték: A vásárlói vélemények, ajánlások, esettanulmányok, díjak vagy elismerések bemutatása segíthet megerősíteni a látogatókban, hogy megbízható és minőségi terméket vagy szolgáltatást kínálsz.
  6. “Felhívás keringőre”(CTA): A CTA (Call to Action) gomb arra ösztönzi a látogatókat, hogy cselekedjenek – legyen az vásárlás, feliratkozás, kapcsolatfelvétel stb. Fontos, hogy egyértelmű legyen a CTA, és mindig látható helyen szerepeljen az oldalon (#bazinagygomb).
  7. Garancia: hozzáadása csökkentheti a kockázatérzetet és növelheti a bizalmat.

A landing oldal szövegezésénél az alábbiakra érdemes figyelni:

  1. Marketing szövegírás: Az oldal tartalmának meggyőzőnek és érdekesnek kell lennie. A termék vagy szolgáltatás előnyeinek és hasznosságának kiemelésével, sürgetéssel (aki kimarad lemarad), fájdalompontok nyomogatásával hatással lehetsz az olvasóra. FONTOS, hogy minőségi és valóban értékes tartalmat vagy terméket kínálj. Silány termékkel és szolgáltatással Dunát lehetne rekeszteni, légy az aki hasznos tagja a társadalomnak és valóban segíteni, megoldani, SZOLGÁLtatni akar. Ne kamuzz!
  2. SEO kulcsszavak: Az SEO kulcsszavak használata segíthet a landing page rangsorolásának javításában a keresőmotorokban.
  3. Rövid és tömör szövegezés: Tartsd szem előtt, hogy a látogatók gyakran átugorják a hosszú tartalmakat, de olyan is van aki mindent elolvas, szóval ne csak az előző típusra alapozz. A szöveg legyen rövid, lényegre törő és könnyen érthető.
  4. Értékelések és ajánlások: Az ügyfelek véleménye hitelességet adhat a terméknek vagy szolgáltatásnak. Használd ki ezt a bizalomnövelő eszközt, ezek lehetnek, idézetek, fotók a termékkel vagy akár videós interjúk is.

A legfontosabb célja egy landing oldalnak konverziót generálni. Minden elem, a címtől az ajánlóig, ezt a célt kell, hogy szolgálja. Próbáld megérteni a célközönséged igényeit, és azt szem előtt tartva tervezd meg és készítsd el a tartalmadat.

SEO, kulcsszavak, keresőszavak

Miért fontosak a SEO kulcsszavak és kereső kifejezések és hogyan válasszuk ki őket?

A SEO, vagyis a Kereső(motor)Optimalizálás nélkülözhetetlen tényező, ha szeretnéd, hogy a weboldaladat megtalálják a keresőkben. Az SEO alappillére a kulcsszó-optimalizálás. A kulcsszavak olyan szavak vagy kifejezések, amelyeket az emberek beírnak a keresőmotorokba (pl. Google), amikor valamire keresnek. A jó kulcsszóválasztás révén a weboldaladat könnyebben megtalálják az érdeklődők.

Milyen a jó kulcsszó?

A jó kulcsszó releváns, specifikus, és az oldalad tartalmához kapcsolódik. Legyen elég szűk, specifikus ahhoz, hogy alacsony legyen rá a verseny a konkurenciáidnál, de elég tág is, hogy elegendő keresést és találatot generáljon. A kulcsszó-kutatás segítségével megtalálhatod azokat a kifejezéseket, amelyekre a célközönséged keres, és ezeket be kell építened a weboldalad tartalmába.

Milyen SEO szempontokat részesít előnyben a Google?

A Google algoritmusai több száz tényezőt vesznek figyelembe a rangsorolásnál, de néhány kulcsfontosságú tényező közé tartozik a kulcsszó relevanciája és a tartalom minősége, az oldal sebessége, a mobilbarát design, a belső és külső linkek minősége, a felhasználói viselkedés és a weboldal biztonságossága is.

Milyen sűrűségben érdemes a kulcsszavakat belefogalmazni a szövegbe?

Nincs egységes szabály a kulcsszavak sűrűségére vonatkozóan, mert a Google elsősorban a tartalom relevanciáját és minőségét értékeli. Azonban általános szabály, hogy kerüld a kulcsszó-stuffingot (azaz a túlzott kulcsszóhasználatot), mert ez negatívan befolyásolhatja az oldalad rangsorolását. A legjobb gyakorlat, hogy természetesen, az olvasó számára élvezhető módon alkalmazd a szövegedben a kulcsszavakat. Gondolj arra, hogy a tartalom elsősorban az olvasóknak készül, másodsorban a keresőmotoroknak.

Emellett érdemes figyelni a közepes (2-3 szavas) és hosszú (3+ szavas) keresőkifejezésekre is (medium és long-tail keywords), melyek sokkal specifikusabbak. Míg ezek kevesebb találatot generálhatnak, gyakran magasabb a konverziós rátájuk, mivel pontosabban illeszkednek a felhasználó szándékához.

Hol és hogyan találod meg a számodra releváns kulcsszavakat?

Rengeteg cikket és eszközt találni már erre a neten, az egyik legjobb írás Papp Gáboré ebben a támában, érdemes elolvasni.

Bizonytalan vagy?

Az egyedi konzultáció alkalmával felteheted kérdéseidet!

Jelentkezz ingyenes online konzultációra

© 2024 Minden jog fenntartva! | Adatvédelmi tájékoztató | Süti szabályzat | Impresszum | Made with ❤ by hannahdesign