A WEBOLDAL LEGFONTOSABB ELEMEI, AVAGY MITŐL VÁSÁROL A LÁTOGATÓ? ELEMEZZÜK KI EGYÜTT HONLAPJÁT!

Átírás

1 A WEBOLDAL LEGFONTOSABB ELEMEI, AVAGY MITŐL VÁSÁROL A LÁTOGATÓ? ELEMEZZÜK KI EGYÜTT HONLAPJÁT! Szeptember 11. 1

2 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. Ha a kiszemelt domain már foglalt, választhatunk neki más végződést pl..com,.eu 2

3 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: postafiókok 3. Technológia, webes alkalmazások HTML5 CSS3 PHP 3Query Javascript 3

4 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

5 Színvilág A színvilág meghatározza az első benyomásokat, a színeknek külön jelentése van Forrás: 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

6 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

7 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

8 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

9 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

10 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

11 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

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. 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

13 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

14 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

15 24. Regisztrálási lehetőség Interaktivitás Regisztráló jusson előnyhöz 25. Statisztika, analitika 15

16 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

17 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

18 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