Keresőoptimalizálás (SEO)

Keresőbarát weboldal felépítése

Írta:
Monoriné Stekler Anikó
Olvasási idő:
3
perc

Hogy egy adott weboldal egészen pontosan milyen elemeket tartalmaz és azoknak milyen a designja, azt leginkább a megrendelő ízlése dönti el. Ha kicsit tudatosabban készül a weboldal, akkor már a munkálatok kezdetén, a tervezési időszakban bevonnak webdesignert és marketingest.

Az, hogy szakember segítsen a weboldal elemeit kialakítani, azok egymáshoz való viszonyát beállítani, két dolog miatt is fontos. Egyrészt harmonikusabb lesz az oldal, azaz átlátható és olvasható lesz a tartalom. Másrészt a marketing célt is eléri, vagyis oda tereli az emberek szemét, ahol fontos mondanivaló vagy CTA-gomb helyezkedik el.

Ne felejtsük el, a design maga is egy eszköz, aminek a weboldal célját kell szolgálnia. Ha egy bemutatóoldalt szeretnénk, akkor teljesen máshol van a hangsúly, mint ha terméket vagy szolgáltatásokat szeretnénk értékesíteni.

Miből épül fel egy weboldal?

A weboldalak alapvetően képekből, szövegekből és gombokból épülnek fel.

Igen, ennyire egyszerű alapokra lebontható minden weboldal. Az persze már más kérdés, hogy ezek milyen struktúrában szerepelnek az adott weblapon.

WEBOLDAL STRUKTÚRA

Website layout terv

A weboldalak 3 nagy strukturális egységből állnak. Ezek a fejléc, lábléc és a tartalomtörzs.

Bár ez a legáltalánosabb felosztás, mégis találkozhatunk olyan oldalakkal, ahol vagy a fejlécet vagy akár a láblécet elhagyják.

Nézzük, alapvetően milyen információkat tartalmaz ez a három strukturális egység:

Fejléc

Ide helyezzük el általában a logót, szlogent, legfontosabb telefonszámokat, keresőmezőt, illetve ha van belépési lehetőség az oldalra, akkor az ehhez kapcsolódó gombokat is. Webshopok esetén a kosár ikon/pénztár gomb is itt kaphat helyet. Ide kerülnek a menüpontok is, mobil nézetben általában hamburgerikonnal megjelenítve.

Tartalomtest

Minden olyan információ helye, ami az érdeklődőknek fontos: termékek, szolgáltatások leírása, a szöveges és képi tartalmak helye.

Lábléc

Ezzel az egységgel adunk keretet egy weboldalnak. Itt a legfontosabb információkat ismételjük meg, például a logót, cégnevet, elérhetőséget. De itt találhatóak - amennyiben vannak - a különböző social media ikonok. A weboldal készítői általában ide helyezik a szerzői jogi megjegyzést és a saját elérhetőségüket is. Valamint olyan fontos linkeket találhatunk itt, mint például az ÁSZF, az Adatvédelmi Nyilatkozat, vagy akár az akciókra vonatkozó linkek. Tehát a lábléc olyan információkat tartalmaz, amelyek az oldal használhatóságában segítik a látogatót.
Bár nincs arra vonatkozó szabályozás, hogy mit kell tartalmaznia feltétlenül a láblécnek, és technikailag nem is szükséges a lábléc a weboldalakhoz, a szokás úgy alakította, hogy a felsorolt elemeket itt keresik leggyakrabban a látogatók.

(A weboldalaknak számos jogi követelménynek kell megfelelniük, ezek egy része azért szükséges, hogy a fogyasztót védje. Például ha egy webshop esetében nem találjuk az impresszumot vagy az ÁSZF-et, akkor nagyobb valószínűséggel gondolhatjuk, hogy csalókkal van dolgunk. Mivel ezeket a részeket a kialakult szokás miatt legelőször a láblécben keresik a látogatók, így itt ezek hiánya egyfajta bizonytalanságot okoz a látogatóban.)

#promobox-newsletter###

Nézzük, milyen alapvető elemeket tartalmaznak vagy tartalmazhatnak a weboldalak!

Menüsorok/ Navigációs részek

Ezek az elemek arra szolgálnak, hogy a látogató be tudja járni az aloldalakat. Itt említhetjük meg a breadcrumbot, ami alapján a látogató tudja, hogy éppen merre van a főoldalhoz képest, milyen mélységekben böngészi éppen az oldalt.

Különböző nyilak és csúszkák, lenyíló elemek

Azt ma már mindenki tudja, hogy értékes tartalommal kell ellátni a weblapunk különböző aloldalait. Azonban a minőségi tartalom bizony nem pár mondatot jelent, így azonban az oldalaink hossza növekedni fog, azt pedig valahogyan át kell tudnunk olvasni. Erre szolgálnak a fenti elemek.

Számtalanszor előfordul, hogy a tartalom jelentős részét egy lenyíló részbe rejtik, így az oldal hosszát csökkenteni tudják, az abban lévő tartalmat pedig tényleg csak azok olvassák, akiknek szól.

Képek, videók, fotó galériák

Ezek a weboldalak „kis színesei”, ezekkel lehet feldobni az oldalt, megtörni az egyhangú szövegeket, vagy akár irányítani a figyelmet egy-egy pontra. Ezek nélkül elképzelhetetlen egy weboldal.

Szövegek – Headingek, kiemelések, normál szövegtörzs

Végeredményben ezért készítjük a weboldalt, hiszen információt szeretnénk megosztani másokkal. Persze a legtöbb weboldal célja a profitszerzés, de ezt is vélemények, információk és leírások bemutatásával - azaz szövegekkel - éri el leghatékonyabban.

Az, hogy a szövegeket hogyan jelenítjük meg, nemcsak esztétikai kérdés, a marketing- és SEO-szempontokat is érdemes figyelembe vennünk közben. Nem mindegy például a címsorok használata, vagy a vastagbetűs kiemelések hossza. (Ezekhez érdemes szakember segítségét kérni.)

Összességében elmondhatjuk, hogy egy weboldal felépítésének bonyolultsága legnagyobb mértékben a weboldal céljától és a megrendelői igényektől függ. Azonban ahhoz, hogy a weboldal jól teljesítsen érdemes a letisztult, könnyen átlátható, jól kezelhető felépítésre törekedni.

A fenti blogbejegyzés Monoriné Stekler Anikó, a Logical M Design munkatársának cikke.

További bejegyzések

Ezek is érdekesek lehetnek

Nem az évvége a kiemelt szezonod? Erre figyelj hirdetési büdzséd kezelésekor!
PPC kampánykezelés
Nem az évvége a kiemelt szezonod? Erre figyelj hirdetési büdzséd kezelésekor!
Így helyezz el Facebook pixel, Google Analytics és Google Tag Manager követőkódot WordPress oldaladon
Webanalitika
Így helyezz el Facebook pixel, Google Analytics és Google Tag Manager követőkódot WordPress oldaladon
YouTube Shorts SEO: minden, amit tudnod kell!
Keresőoptimalizálás (SEO)
YouTube Shorts SEO: minden, amit tudnod kell!
A hatékony ClickUp workspace kialakítása: tervezéstől a bevezetésig
Hatékonyság
A hatékony ClickUp workspace kialakítása: tervezéstől a bevezetésig
2+4 kihagyhatatlan Google eszköz Wordpress alapú weboldalak számára
Webfejlesztés
2+4 kihagyhatatlan Google eszköz Wordpress alapú weboldalak számára
Így alkosd meg a márkaidentitásod!
Közösségi média menedzsment
Így alkosd meg a márkaidentitásod!
A tartalommarketing és a linképítés kéz a kézben járnak: így használd őket együtt
Keresőoptimalizálás (SEO)
A tartalommarketing és a linképítés kéz a kézben járnak: így használd őket együtt
Miért éri meg jobban, ha ügynökségre bízod a hirdetéskezelést?
Ügynökség
Miért éri meg jobban, ha ügynökségre bízod a hirdetéskezelést?
Mi az az employer branding, és hogyan teheti sikeressé a Te cégedet is?
Tudástár
Mi az az employer branding, és hogyan teheti sikeressé a Te cégedet is?
TikTok SEO - Így kerülj előre a keresési találatok listáján!
Keresőoptimalizálás (SEO)
TikTok SEO - Így kerülj előre a keresési találatok listáján!
Keresletfokozó kampányok - ezt kell tudnod a Discovery-kampányok utódjáról
PPC kampánykezelés
Keresletfokozó kampányok - ezt kell tudnod a Discovery-kampányok utódjáról
Így növelheti bevételeidet egy jó webdesigner
Webfejlesztés
Így növelheti bevételeidet egy jó webdesigner
Helyettesítheti a ChatGPT a szövegírókat?
Keresőoptimalizálás (SEO)
Helyettesítheti a ChatGPT a szövegírókat?
GA4 (Google Analytics 4) - újdonságok és az Analytics átállás 2023-ban
Webanalitika
GA4 (Google Analytics 4) - újdonságok és az Analytics átállás 2023-ban
Kreatív ügynökség vagy marketing ügynökség?  Melyiket válasszam?
Ügynökség
Kreatív ügynökség vagy marketing ügynökség? Melyiket válasszam?