2013.09.12.
A WEBOLDAL LEGFONTOSABB ELEMEI, AVAGY MITŐL VÁSÁROL A LÁTOGATÓ? ELEMEZZÜK KI EGYÜTT HONLAPJÁT! 2013. Szeptember 11.
1
2013.09.12.
28 weboldal ellenőrző lépés Miért kell a weboldal? Mi a célunk vele?
1. A domain • Könnyen megjegyezhető • Legyen beszédes • Könnyen leírható • Szerepeljen benne olyan kulcsszó, amire leginkább
szeretnénk, ha rákeresne a látogató • Hány domaint foglaljunk? • Hányféleképpen írhatjuk le? • Ellenőrizhetjük, hogy szabad-e még: pl.
https://www.domain-ellenorzes.hu/ • Ha a kiszemelt domain már foglalt, választhatunk neki más végződést pl..com, .eu
2
2013.09.12.
2. Hosting • Tárhely szolgáltatók dömpingje • Megbízható • Kapacitás • Stabil • Költséghatékony • Speciális igények • Ügyfélszolgálat • Plusz szolgáltatások: e-mail postafiókok
3. Technológia, webes alkalmazások • HTML5 • CSS3 • PHP • 3Query • Javascript
3
2013.09.12.
4. A weboldal CÉLJA • Ügyfélszerzés • Internetes értékesítés pl. webáruház formában • Információk közlése • Kommunikáció a már meglévő ügyfelekkel • Referencia, ami kiváló minőségű és bárhonnan elérhető
5. Elrendezés és színvilág • esztétika, • branding, • jó olvashatóság • használhatóság.
4
2013.09.12.
Színvilág • A színvilág meghatározza az első benyomásokat, a
színeknek külön jelentése van
Forrás: http://jasonathen.com/color-meanings-in-business/
Elrendezés • Elrendezés: • Funkciók • Menürendszer kialakítása • Képek elhelyezés • Hány oszlopot használunk • Betűtípusok – címek, alcímek, bekezdések, linkek • Fejléc, lábléc • Űrlapok • Gombok – Call-to-action • Galéria
5
2013.09.12.
Jó elrendezés =Jó felhasználói élmény • A legfontosabb elemeknek az oldal görgetése nélkül is • • • • • • • •
látszódnia kell. A kevesebb több. Képek a megfelelő helyen – támogassa az oldal céljait Összehangolás: a rendezett és átlátható weboldalért Információk: logikus sorrendben, vezetni kell az oldal látogatót Megfelelő színkombinációk és kontrasztok Fehér háttér használata Vezesse az olvasó szemét Hűséget erősíti, bizalomnövelő
6. Oldaltérkép • Átlátható oldaltérkép és vagy követhető folyamatábra
6
2013.09.12.
7. Tartalom • A weboldalt el kell látni INFORMATÍV és KIVÁLÓ
tartalmakkal 30% • Tartalmak az olvasóknak / látogatóknak és tartalmak a „robotoknak”, ha megfelelő kulcsszó sűrűségben vannak a kulcsszavak, akkor jobb Google helyezés érhető el. • Jelentősége van a képeknek, videóknak abban, hogy milyen gyorsan töltődik be a weboldal. • Ne duplikáljunk!
8. Célközönség • Tisztában kell lenni a célközönség igényeivel, csak akkor
lehet elérni, hogy számukra elég vonzó legyen a tartalom és a dizájn.
7
2013.09.12.
9. Hirdetések • Ne tegyünk túl sok hirdetést a weboldalunkra. Ezek
nagyon zavaróak lehetnek.
10. Felugró ablakok • Kerüljük a felugró ablakok un. Pop-up hirdetések
használatát • Zavaró • Lassítja az oldal betöltődését
8
2013.09.12.
11. Attraktív dizájn • Egyszerű weboldal, de professzionális!
12. Gombok: • A cselekvésre ösztönzés csak feltűnő gombokkal érhető
el. • Használjunk ezeknél a gomboknál élénk pl. narancssárga színeket.
9
2013.09.12.
13. Háttér • Egyszerű, tiszta, színes vagy mintás.
14. Képek • Jó minőségű • Legális • Kifejező • Célcsoportnak tetsző • Elnevezés • Emlékezetes • Keltsen a célnak
megfelelő benyomást • Hűséget erősíti, bizalomnövelő
10
2013.09.12.
16. Egyszerű navigáció • Könnyen találják meg a weboldalon, amit keresnek. • Hűséget erősíti, bizalomnövelő
17. Egyedi • Legyen professzionálisabb, tűnjön ki a konkurens
weboldalak közül.
11
2013.09.12.
18. Frissüljön folyamatosan • Érjük el, hogy a látogatók nap, mint nap visszatérjenek • Hűséget erősíti, bizalomnövelő
19. Keresőoptimalizált A jó weboldal keresőbarát • Minden oldalnak egyedi 5-10 szavas oldal cím (page title) tartalmazza az oldalhoz tartozó legfontosabb kulcsszavakat • Felhasználó és keresőbarát URL-ek pl. www.cipobolt.hu/gyerekcipo • Minden oldalon egyedi cím (max 70 karakter) • Minden oldalon egyedi leírások - Description max. 160 karakter, kulcsszavakkal • robots.txt , oldaltérkép • A szöveg az oldal felső részén helyezkedjen el, a tagolás nagyon fontos, érdemes rövid bekezdésekre tagolni, a fejlécek tartalmazzák a bekezdésekre vonatkozó kulcsszavakat • 301/302-es átirányítások kellenek a megszűnt/ideiglenesen nem elérhető tartalmakhoz • H tagek a tartalmakban (főcím, alcím, egyéb címek) H1, H2, H3 • A képek is legyenek seo-zva, "ALT tag" , title tag
12
2013.09.12.
20. Böngészőbarát • Google Chrome • Internet Explorer • Safari • Firefox
21. Képernyőfelbontás Korábban 980 px széles Responsive dizájn
13
2013.09.12.
22. Social Media Integráljuk a különböző Social Media elemeket, így tartalmainkat megoszthatják, közzétehetőek lesznek.
23. Tipográfia • Online könnyen olvasható betűtípus
14
2013.09.12.
24. Regisztrálási lehetőség • Interaktivitás • Regisztráló jusson előnyhöz
25. Statisztika, analitika
15
2013.09.12.
26.Lábléc
27. Hűség erősítés • Legyen érthető fejléce, amiből 1 másodperc alatt kiderül, hogy miről szól a
weboldal. • Legyen egy pár soros bemutatása, üzenete annak, hogy mit kínál a cég. • Legyen a főoldalon kép, amely az üzenetet támogatja, ami kifejezi és
•
• •
• • •
összefoglalja a lényeget. Sokszor a kép többet elmond, mint egy 2 oldalas szöveg. Átgondolt kezelőfelület: Tiszta, egyértelmű és kifejező menüre, navigációs gombokra van szükség. Ezek működjenek hatékony irányjelző táblaként, a megfelelő irányba navigálva a látogatót. Érdemes a láblécben is elhelyezni navigációt. Értékes tartalom. Kínáljunk értékes tartalmakat feliratkozásért cserébe. Ez lehet egy e-könyv, vagy információkat tartalmazó hírlevél sorozat is. Ezzel az eszközzel időről időre visszacsalogathatjuk a látogatókat weboldalunkra. Cselekvésre ösztönzés: Referenciák: bizalomépítő elem, pl. ha a korábbi vásárlók mondanak pozitív gondolatokat a cégről, a termékekről vagy a szolgáltatásokról. Social Media kapcsolatok.
16
2013.09.12.
28. Webergonómia • „A web a figyelem iparága, ahol a fő fizetőeszköz a • felhasználó ideje. Mit néznek meg, hajlandók elidőzni, és
• • • • • • •
hova fognak később visszatérni?” • (forrás: Web-design, Jakob Nielsen, Budapest, Typotex • 2002) • felhasználói kényelem Milyen jelek utalnak arra, hogy a weboldaladdal ergonómiai problémák vannak? sok látogató, kevés árajánlatkérés Főoldaladon sok látogató, de a nagy a visszafordulások aránya Az ajánlatkérés oldalt sokan nézik, de még sincs ajánlatkérés alig iratkoznak fel a hírlevélre kevesen töltik le az infótermét
Felhasználói kényelem • Mivel tudjuk elősegíteni kényelmes használatot? • menük egyértelmű megnevezése • linkek formai és tartalmi felismerhetősége • a kitöltendő űrlapok egyszerűsítése • a kapcsolati oldal könnyű elérése • Könnyű visszanavigálás
17
2013.09.12.
Motiváljuk vásárlóinkat- tippek • Cél: az érdeklődőben olyan erős késztetést kiváltani, • • • • •
hogy megvásárolja termékeinket Hiány elve. Pl. „limitált széria” Ha egy termék vagy szolgáltatás nehezen elérhető, akkor sokkal jobban vágynak rá az emberek. A kínálat korlátozásával növelhető a kereslet. Kölcsönösség elve: szeretjük visszaadni a szívességet A név hatalma.
Sikeres vevőszerzést!
Göcző Ágnes kkv marketing tanácsadó
18
