Honlap struktúra trend.

Forrás: Nagy István, programozó

Dátum: 2007-12-11

Napjainkban elárasztották az internetet, az úgynevezett webkettes honlapok. Az hogy mit is jelent nem ebben a cikkben szeretném kifejteni, itt a tipográfia jelentőségét szeretném megemlíteni. Azt hogy manapság mik azok a trendek, amiket előszeretettel használnak az úgynevezett modern honlapok.

Honlapkészítés, keresőmarketing, keresőoptimalizálás, online PR kampány? Kérje ajánlatunkat itt!

A webdesign múltja

Nem is olyan régen még, sok olyan honlappal találkozhattunk, ahol a kis betűméret volt mérvadó, a honlapok tartalmi megjelenítésénél. A címek, alcímek kicsit nagyobbak, általában 14-16-os betűmérettel, a tartalom pedig 10-12-es betűmérettel. Ha az ember megnézi a szakmai blogokat, nagyobb oldalakat, amelyek nemrég újultak meg, mindenhol látni hogy egyre nagyobb betűméretet, és sorközt alkalmaznak a szöveg megjelenítésnél.

Egyrészt ez betudható annak, hogy nem is olyan rég még általában a honlapokat 800*600-as felbontásra optimalizálták, amit leváltott az 1024*768-as és annál nagyobb képernyőfelbontás.

A webdesign jelne

Emiatt már nem normál sorközöket alkalmazunk, hanem másfeles, vagy még nagyobbat, a címek méretét nyugodtan megnövelhetjük 18 / 22-es méretűre. Ez nem csak esztétikailag, kinézetre teszi átláthatóbbá a honlapunkat, hanem olvashatóság szempontjából is. Sokkal szívesebben olvas az ember egy olyan oldalt, ahol a sorok nem folynak össze, hanem jól elkülönülnek, színekkel, vonalakkal vagy képekkel van a struktúra felépítve, nem csak az jelzi az új rész kezdetét, hogy egy másik bekezdésre ugrunk.

A blogok példáját azért hoztam fel, mert eleinte én ott láttam elterjedni ezt a felépítést. Szakmai blogokban éppúgy, mint a személyes oldalakon. Később mér több nemzetközi cégnél is lehetett ezt a tendenciát érzékelni. A kezdőlap kialakítása a legfontosabb, hiszen az első 3-5 másodpercben a látogató már eldönti, hogy ott marad az oldalon, vagy egy másik honlapot néz meg a keresési találatokból, vagy épp ebben a témában.

A fejléc mérete régen mérvadó volt a honlapok túlnyomó részénél. Vagy flash animációt,
Vagy képet tartalmazott, a cég logojával és szlogenével. A fejléc háttérbe szorult, a kisméretű egyszerű grafikájú logo ami, kreativitást sugároz sokkal hatásosabb, mint egy nagy fejléc, egy képpel, logoval és eltakarja az oldal 1/3-át.

A javasolt felépítés

A szolid fejléc alatt vagy épp mellette, a navigációt szintúgy megoldhatjuk szerényen, mégis ötletesen, amiben segíthet nekünk több css-el és java script-el foglalkozó oldal, ahonnan ötletet meríthetünk, és nem lopunk.

A hangsúly a tartalom, abból is a legfrissebb, azt kell a látogató szeme elé helyezni. Ha megnyitja az oldalunkat, akkor elkezdjen olvasni. Az sem baj, ha épp a cég nevét se tudja, ha böngészik az oldal, és sikerül megtartanunk, egyrészt a tartalommal, másrészt a külcsínnel, akkor már nyert ügyünk van.

A legfrissebb tartalom - ami lehet hír, cikk, eseményről beszámoló, fotóriport - alatt kronológiai sorrendben felsorakoztathatjuk a régebbi tartalmakat, és elkülönítve, de mindezek mellett a kapcsolódó tartalmakat is. Ha valakit érdekel egy témakör, amiről az oldalunkon olvasott egy cikket, akkor ott kell tartani a honlapon. Ehhez kell, az hogy hasonló témájú cikkeket is lásson egyből, hisz, nyilván ha a témakörhöz illenek, akkor elolvassa őket. Másrészt a régebbi cikkeinket is elé kell tárnunk, hátha más témakör is foglalkoztatja, amit lehet nem is keresett, de ha meglátja, akkor elolvassa.

Az oldalt, mint fentebb említettem 1024-es felbontásra optimalizáljuk, és ha lehet, ne legyen 100%-os a szélessége. Hátránya az, hogy ha valaki nagy monitoron nézi a honlapot, pl. 1680*1050-es felbontásban, akkor egy 100%-os oldal, amiben a tartalmi rész szétcsúszik, eltántoríthatja az olvasót, még akkor is, ha a design, és a cikkünk megfogta volna. A 100%-os oldal helyett pozícionáljuk középre vagy balra oldalunkat, és olyan hátteret alkalmazzunk, ami egyrészt nem zavar az olvasásban, tehát nem élénk, erős színezete van, másrészt nem vonja el a figyelmet a tartalomról.

A honlap struktúra

Eddig tehát eljutottunk addig, hogy a site betöltődésekor, a legfrissebb tartalmat kapja kézhez a látogató, mindamellett, hogy a cégünk logója és a navigáció is jól látható. A cikkek alatt és mellett már dobozokban, vagy táblázatokban / bekezdésekben, ajánlhatjuk a többi aloldalunkat, galériát, fórumot, szavazást, eseménynaptárt stb.

Az oldal alján még a lábléc felett érdemes újra egy linkcsokrot megjeleníteni, amiben vagy témakörönként, vagy valamilyen más tematika alapján csoportosítva ajánlunk linkeket. Más tematika lehet pl. a legfrissebben kommentelt cikk vagy fórum topik, legolvasottabb cikkek, legnézettebb galériák.
A láblécben kilistázunk minden olyan aloldalunkat ami, megtalálható a fenti navigációs részben is. Ez egyrészt azért fontos, mert ha valamilyen okból a fenti navigációs technika tiltva van a kliens gépén (pl.: flash vagy Java Script) akkor ugyanúgy elérjen minden menüpontot szövegesként. Másrészt azért is fontos, hogyha még sincs tiltva ez a funkció, de a látogatónk pl. hallás vagy látássérült, akkor a szövegfelolvasó program, vagy szöveges böngésző megjelenítsen / felolvasson, minden olyan tartalmat, amit szeretnénk, hogy első kézben eljusson hozzá.

Honlapkészítés, online marketing és PR tanácsadás? Kérje ajánlatunkat itt!