Milyen a jó weboldal? - Budapest Bank Dobbantó

OnlineMarketing.hua tanácsadó-ügynökségOnlineMarketing.hu

Milyen a jó weboldal?Berényi Konrád, 2013. január 30.

13. január 30., szerda

OnlineMarketing.huOnlineMarketing.hu

Milyen a jó weboldal?‣ Teljesíti az ÜZLETI célt!



Ezért...‣ Nagyon fontos a tervezés



A Cél - SMART‣ (S)pecific - Specifikus, vagyis pontosan körülírt‣ (M)easurable - Mérhető‣ (A)chievable - megvAlósítható, ésszerű,

elérhető‣ (R)elevant - Releváns, vagyis a témához tartozó‣ (T)ime-bound - időTartamhoz kötött



A Cél tehát‣ Bemutatkozó‣ Értékesítő‣ Értékesítést támogató‣ ...



A Cél - máshogy‣ Üzlet az interneten‣ Üzlet támogatása az interneten



A célcsoport‣ A cél eléréséhez is igazodjon‣ Elérhető legyen az interneten‣ Valódi eredményt hozzon



Lehetséges eszközök‣ Jöhet minden ötlet‣ Kérdőívek, fórumok, játékok, felsorolások,

listák, képek, videók...‣ Korábbi, bevált eszközök‣ Új ötletek‣ Mások ötletei



Lehetséges tartalmi elemek‣ szövegek, amik már megvannak‣ szövegek, amiket meg kell írni‣ fotók‣ videók‣ magyarázó ábrák



Mi alapján választunk?‣ Teljesítse a kitűzött célt‣ Meg tudjuk valósítani



Az egyes oldalak‣ címlap‣ tartalmi oldal

‣ állandó elemek‣ változó elemek



Címlap‣ Logó‣ Szlogen‣ Cím!, illetve fontos elérhetőségek‣ Menü‣ Friss hírek (ha vannak)‣ NE legyen köszöntő... se intro, se

előzetes oldal



Tartalmi oldal‣ Ez is címlap, a keresők miatt‣ Logó, szlogen, menü...‣ Aktuális információk‣ És persze maga a tartalom



eCommerce‣ Áttekinthető kínálat‣ JÓ kereső‣ Pontos tájékoztatás‣ Netes fizetés - pl. vPos‣ Üzleti háttér tervezés



A menü‣ Legyen egyértelmű‣ Minél kevesebb fő menü‣ Logikus, de nem túl “mély”‣ Lehet egyben plusz információi is:

breadcumb menü ( Címlap - Menü - Almenü - Tartalom)



A színek‣ Alapvetően a cég színei‣ Világos alapon sötét szöveg‣ Gondoljunk a különféle monitor

beállításokra‣ Ne zavarja a navigációt‣ Minden színnek van extra jelentése is



A tartalom‣ Legyen és jó legyen‣ Friss, illetve friss hatású‣ tagolt, jól olvasható‣ egyszerűsített



Weboldal “motorok”‣ saját fejlesztés‣ ingyenes megoldások‣ Wordpress (blog)‣ Joomla (portal)‣ Drupal (általános)

‣ fizetős megoldások‣ pl. Microsoft SharePoint



Webergonómia‣ Usability‣ a fontos információk könnyen elérhetőek

legyenek‣ ne keresztrejtvény legyen a weboldalunk‣ a célcsoportnak megfelelő bonyolultságú lapunk

legyen‣ figyeljünk a felhasználói szokásokra!



Fontos‣ Legyen minél kevesebb lépés: egyszerű

regisztráció‣ A belső oldalak “hasonlóak” legyenek‣ Ne legyenek kicsik a betűk‣ Legyen erős a színkontraszt



A méret‣ File-méretben ne legyen túl nagy:

képekkel együtt 1 MB alatt!‣ Időben: az első 15 sec. a fontos!‣ Képernyő méretben: 1024x768, de

inkább rugalmas‣ Lapok számában: logikusan‣ Első oldal: legyen áttekinthető, ne túl

hosszú13. január 30., szerda


Fontos szokások‣ Logó bal felső sarok és kattintható‣ Menü bal oldalt vagy fent‣ A szöveges link aláhúzott ‣ A kép is legyen link‣ Érdemes nyilat is használni ( Erre »»)



A felhasználó figyelme‣ Bal felső saroktól a jobb alsó sarokig‣ Fordított L vagy F alak


OnlineMarketing.huOnlineMarketing.hu13. január 30., szerda




A weboldal tervezése‣ Cél meghatározása

‣ Célcsoport meghatározása

‣ Lehetséges eszközök

‣ Lehetséges tartalmi elemek

‣ A felhasználandó eszközök és tartalmak kiválasztása

‣ A különböző lapok tartalmai

‣ Design és programozás



Láthatóság‣ Találjanak meg a keresők‣ Legyünk elől a fontos szavakra‣ Mutassanak ránk linkeke - releváns

oldalakról‣ Mutassunk mi is linkekkel releváns

oldalakra!



Keresőoptimalizálás‣ Szükséges‣ Az oldalon: tartalom és programozás‣ Az oldalon kívül: linkek‣ Segít a Google: Webmestereszközök



Közösségi média‣ Blogok‣ Facebook‣ LinkedIn‣ Twitter



Facebook‣ Like: amikor oldalunk van a Facebookon‣ Like: amikor a tartalmunkat osztják meg



Hirdetések‣ Brand‣ Teljesítmény



A landing page‣ Érkezési oldal‣ Ide érkeznek a hirdetésekről‣ Kiemelt szerepe van‣ A hirdetés része, annak folytatása‣ A jó érkezési oldal: több pénz!



Landing Page‣ Megismétli, kiegészíti a hirdetést‣ Irányítja az érdeklődőt‣ Csak a szükséges navigációs elemeket

tartalmazza‣ A legtöbb esetben szükséges, növeli a

hatékonyságot



Landing page‣ Érdemes tesztelni a változatokat‣ http://www.conversionskills.com/


http://www.istanbul.tc/mahir/mahir/

http://www.istanbul.tc/mahir/mahir/


Tartalom

Használhatóság, design

Láthatóság

Közösségi média

Hirdetések



Köszönöm a figyelmet!‣ Berényi Konrád‣ onlinemarketing.blog.hu‣ @b_konrad‣ (20) 966 3180‣ [email protected]


mailto:[email protected]

mailto:[email protected]

Education

Milyen a jó weboldal? - Budapest Bank Dobbantó