4/9/2015

1

E-MARKETING

Web-sjedište poslovnog subjekta

Katedra za marketing, Ekonomski fakultet u Osijeku

Sveučilište Josipa Jurja Strossmayera u Osijeku

E - BUSINESS

Doc.dr.sc. Antun Biloš

Doc.dr.sc. Davorin Turkalj

U poglavlju se razmatra

E-BUSINESS | 2014/2015. 2

+ Glavne teme cjeline

• Značaj web-sjedišta za poslovne subjekte

• Sustavi za upravljanje sadržajem (CMS)

• Portali i njihova podjela

• Sadržaj, struktura i navigacija web-sjedišta

• Vizualni identitet web-sjedišta

• CSS i responsive-dizajn

• Optimizacija za tražilice (SEO)

• Sekundarne lokacije za poslovna web-sjedišta

• Ciljevi web-sjedišta

• Funkcionalnost i upotrebljivost

• Google Analytics

• Modeli analize

Web-sjedište i web-stranica

• Web-sjedište

– više međusobno povezanih i uklopljenih web-stranica koje čine jednu cjelinu i vlasništvo su jednog subjekta

• Web-stranica

– hipertekstualni dokument na internetu

E-BUSINESS | 2014/2015. 3

+ Nisu sinonimi!

4/9/2015

2

Podjela web-sjedišta

• Organizacija prema funkcionalnosti: – Osobni (personal website)

– Komercijalni (commercial website)

– Vlade I vladinih organizacija (government website)

– Neprofitnih organizacija (non-proft organisation website)

E-BUSINESS | 2014/2015. 4

Komercijalna web-sjedišta

• Primarna internetska lokacija za poslovni subjekt

• Gotovo da si nijedan ozbiljan poslovni subjekt ne može dopustiti zanemarivanje dostupnih mogućnosti iskorištavanja interneta u funkciji vlastitih poslovnih ciljeva

+ Web-sjedišta poslovnih subjekata

E-BUSINESS | 2014/2015. 5

Pozicioniranje u internetskom okruženju

• Poslovno web-sjedište

• Profili na društvenim mrežama

• Geolokacijski servisi

• Web-katalozi

• Poslovni adresari

• Ostalo

+ Što sve koriste poslovni subjekti?

E-BUSINESS | 2014/2015. 6

4/9/2015

3

Social media

7

Zadaća web-sjedišta

Privlačenje posjetitelja

Zadržavanje posjetitelja

Ponovno privlačenje

Zaključivanje posla

Postprodajne usluge

+ Iz poslovne perspertive

E-BUSINESS | 2014/2015. 8

Ciljevi web-sjedišta

• Prodaja proizvoda i/ili usluga (internetska prodaja)

• Građenje i/ili održavanje vrijednosti marke

• Promocija proizvoda/usluga/ideja

• Odašiljanje informacija

• Komunikacija s ciljnim skupinama

• Prikupljanje informacija (povratne informacije od kupaca, potrošača, korisnika)

• Novačenje kadrova

• Unapređenje prodaje

• Ostvarivanje posredničkih uloga

E-BUSINESS | 2014/2015. 9

4/9/2015

4

E-BUSINESS | 2014/2015. 10

CMS ili Sustav za upravljanje sadržajem

predstavlja programsko rješenje za upravljanje sadržajem web stranica novije generacije

*

Content Management System - CMS

WordPress

Besplatna open source platforma za blog i CMS

Baziran na PHP i MySQL okruženju

Najpopularnija blog platforma na svijetu sa više od 60 milijuna web-sjedišta

11 E-BUSINESS | 2014/2015.

Što je to portal?

Web-sjedište koja predstavlja polazišnu točku prema drugim odredištima i aktivnostima na internetu

Mjesto pristupa informacijama kojeg čini više različitih, logički povezanih aplikacija koje su zajedničke većem broju korisnika

12

4/9/2015

5

Zašto Web portali?

• Jedno mjesto pristupa različitim sadržajima i informacijama

• Presonalizacija aplikacija

• Bolja komunikacija između korisnika

E-BUSINESS | 2014/2015. 13

14

15 E-BUSINESS | 2014/2015.

4/9/2015

6

16 E-BUSINESS | 2014/2015.

E-BUSINESS | 2014/2015. 17

E-BUSINESS | 2014/2015. 18

4/9/2015

7

19

Podjela portala

OSNOVNA PODJELA

• Horizontalni portali

• Vertikalni portali portali

• Transakcijski portali

FUNKCIONALNA

• Korporativni

• Osobni

• Regionalni

• Vladini

• Akademski

• Zabavni

• Ekološki

• Investicijski

• Ostali

E-BUSINESS | 2014/2015. 20

Horizontalni portali

• Horizontalni portali ili portali opće namjene – svojim servisima pokrivaju najrazličitija područja interesa.

• Najpopularniji hrvatski portali – www.index.hr, www.tportal.hr, www.iskon.hr, www.vip.hr,

http://www.croportal.net/

• Englesko govorno područje – wwww.yahoo.com, http://www.cnet.com/, http://www.msn.com/

E-BUSINESS | 2014/2015. 21

http://www.index.hr/http://www.tportal.hr/http://www.iskon.hr/http://www.vip.hr/http://www.croportal.net/http://www.cnet.com/http://www.msn.com/

4/9/2015

8

Vertikalni portali (1)

• Informacije i usluge za točno određenu grupaciju web korisnika koji su međusobno povezani zajedničkim interesima kao što su – dob, spol, profesija, vjera, etnička pripadnost i sl.

• "Portali sklonosti”

E-BUSINESS | 2014/2015. 22

Vertikalni portali (2)

• Postižu izravnije i čvršće odnose s korisnicima kojima se obraćaju i u pravilu pružaju kvalitetniji sadržaj i bolji doživljaj svojim posjetiteljima. – Pokrivaju teme poput vijesti, sporta, vremena, gastronomije i sl., ili

su namijenjeni posebnim ciljnim skupinama pa dobivaju i dodatno obilježje, primjerice, dječji, ženski i sl.

E-BUSINESS | 2014/2015. 23

Vertikalni portali (3)

www.skole.hr

www.stomportal.com

www.odlikasi.hr

24 E-BUSINESS | 2014/2015.

http://www.skole.hr/http://www.stomportal.com/http://www.odlikasi.hr/

4/9/2015

9

Korporacijski portali

• Pristup prema informacijama kompanije od strane zaposlenika, kupaca, poslovnih partnera i javnosti

• Odnose se na poslovne sustave golemih razmjera u kojima bi trebali zamijeniti intranet rješenja

• Ciljevi – smanjiti troškove manipuliranja informacijama,

– pojeftiniti razmjenu i ostalih korporacijskih resursa,

– informirati s jednog mjesta prema unutra i prema vanjskoj javnosti

E-BUSINESS | 2014/2015. 25

(Bes)korisno i

(ne)zanimljivo

Bored Panda

www.boredpanda.com/

26 E-BUSINESS | 2014/2015.

Načela web

sjedišta (1)

Jednostavnost prikaza

27

http://www.boredpanda.com/

4/9/2015

10

Načela web

sjedišta (2)

Jasna poruka

28

Načela web

sjedišta (3)

Ažurna informacija

29

Načela web

sjedišta (4)

Laka navigacija

30

4/9/2015

11

Načela web

sjedišta (5)

Zanimljiv sadržaj

31

32

Vrijeme za pauzu?

10ak minuta

E-BUSINESS | 2014/2015.

33 E-BUSINESS | 2014/2015.

4/9/2015

12

E-BUSINESS | 2014/2015. 34

Prikaz sadržaja vezan uz veličinu ekrana/uređaja

Cilj je isti sadržaj uz istu funkcionalnost

Optimizacija korisničkog iskustva nevisno o uređaju i platformi

* * *

Responsive web design

SEO

E-BUSINESS | 2014/2015. 35

+ Optimizacija za tražilice

• Skup metoda kojima je cilj poboljšati poziciju web-stranica u rezultatima pretrage tražilica

• Poštivajući pritom pravila koja postavljaju tražilice

Dualnost ciljeva

• Uspjeh web-sjedišta određen je ciljem

• Uspjeh web-sjedišta određen je publikom

36 E-BUSINESS | 2014/2015.

4/9/2015

13

Naslovnica (1)

• Početna stranica (naslovna stranica) nekog web-sjedišta

• Prva stranica koja se pojavljuje na zaslonu

• Povezana je sa svim ostalim stranicama web-sjedišta (najčešće)

E-BUSINESS | 2014/2015. 37

http://www.efos.unios.hr/index.php

Naslovnica (2)

E-BUSINESS | 2014/2015. 38

Naslovnica = izlog

4/9/2015

14

E-BUSINESS | 2014/2015. 40

„…there is no single perfect indicator of reliability, truthfulness, or value.

Instead you must make an inference from a collection of clues or

indicators, based on the use you plan to make of your source.“

Robert Harris (Evaluating Internet Research Sources)

Analiza kvalitativnih sastavnica

Tip i namjena web sjedišta

Ciljna skupina

Korištene tehnologije

Okruženje

E-BUSINESS | 2014/2015. 41

E-BUSINESS | 2014/2015. 42

Vrlo različiti pristupi i modeli za procjenu kvalitete i učinkovitosti web sjedišta

Čest čimbenik je specifičnost branše (područja) iz kojeg promatrani poslovni subjekt dolazi

Bez jasnog konsenzusa u pristupu * * *

Analiza web sjedišta

4/9/2015

15

Analitički alati

• Ocjenjivanje na razini ispravnosti koda – Mark up validator (validator.w3.org/)

– CSS validator (jigsaw.w3.org/css-validator/)

– Link checker (validator.w3.org/checklink)

• Ocjenjivanje šireg spektra parametara – Marketing Grader (marketing.grader.com/)

• Mobilne verzije – validator.w3.org/mobile/

E-BUSINESS | 2014/2015. 43

Marketing Grader 44

Ocjenjivanje

vizualnih

karakteristika

Korištene boje

Fontovi

Raspored objekata

Intuitivnost

Strukturiranost

Preglednost

45 E-BUSINESS | 2014/2015.

http://validator.w3.org/http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/http://validator.w3.org/checklinkhttp://validator.w3.org/checklinkhttp://marketing.grader.com/http://validator.w3.org/mobile/

4/9/2015

16

E-BUSINESS | 2014/2015. 46

Vizualni koncept mora se bazirati na sadržaju koji prezentira

!

Sadržaj je kralj

Google Analytics (1)

• Pružanje detaljnih statističkih podataka o posjetiteljima promatranog web-sjedišta – lokacija posjetitelja, odabir stranica, dužina posjeta, izvor posjeta,

lojalnost i niz drugih

• Optimiziranje Google-ovog AdWords oglašavanja i marketinških kampanja pomoću statističkih informacija

• Kako dobiti te podatke?

E-BUSINESS | 2014/2015. 47

E-BUSINESS | 2014/2015. 48

Google-ova usluga skrojena je na temeljima analitičkog sustava Urchin on demand

Google je kupio spomenutu korporaciju 2005. godine.

Potpuno besplatna usluga * * *

Google Analytics (2)

4/9/2015

17

Google Analytics (www.google.com/analytics/) 49

Jednostavna pravila web dizajna (1)

• Jednostavno je lijepo – Čitljivi fontovi

– Sadržaj mora disati

– Strukturiran sadržaj (kratke stranice)

• Vodite posjetitelja navigacijom – Jasna navigacija s poveznicama

– Lako pretraživane

– Pravilo 3 klika

E-BUSINESS | 2014/2015. 50

Jednostavna pravila web dizajna (2)

• Budite svjesni okruženja – Specifične ključne riječi

– Relevantan sadržaj

– Povezivanje sa okruženjem

• Prilagodba za sve platforme – Svi preglednici

– Mobilne verzije

• Mislite vizualno – Slikovni sadržaji

– Video dodaci

E-BUSINESS | 2014/2015. 51

http://www.google.com/analytics/http://www.google.com/analytics/

4/9/2015

18

“Stara”, ali aktualna pravila

• Pravilo F – stranica se čita/skenira u obliku slova F, stoga bi najvažnije

informacije trebalo postaviti na vrhu i na lijevoj stranici ekrana

• Pravilo 3 klika – maksimalan broj klikova do potrebne informacije

• Pravilo 5 sekundi – maksimalno vrijeme potrebno za učitavanje web stranice ili sadržaja

• Pravilo obrnute piramide – potrebno je započeti tekstove sa zaključkom ili najvažnijim

informacijama jer posjetitelj često nema strpljenja detaljno iščitati cijeli tekst

E-BUSINESS | 2014/2015. 52

53

Upotrebljivost web-sjedišta (1)

1. Identifikaciju poslovnog subjekta, odnosno logotip treba biti na svakoj web-stranici

2. Ako web-sjedište ima više od 100 web-stranica, treba omogućiti pretraživanje

3. Naslovi web-stranica trebaju biti jednostavni i očigledni tako da jasno objašnjavaju

svrhu web-stranice i da imaju smisla kada se pojave u rezultatima pretraživanja tražilica

4. Struktura web-stranice treba biti takva da olakšava brzo pregledavanje (grupiranjem i

korištenjem poglavlja dugačak sadržaj dijeli se u nekoliko manjih cjelina)

5. Umjesto širokog objašnjavanja neke teme ili proizvoda na jednoj stranici, treba

strukturirati sadržaj kroz kratak pregled karakteristika na osnovnoj stranici, web-

sjedište a na nekoliko sekundarnih stranica detaljno razraditi određenu podtemu

54 E-BUSINESS | 2014/2015.

4/9/2015

19

Upotrebljivost web-sjedišta (2)

6. Poželjno je koristiti fotografije proizvoda, ali treba izbjegavati stranice s mnogo

fotografija iste grupe proizvoda (umanjeni prikaz)

7. Kod priprema umanjenih prikaza slika ograničiti se na neki važan detalj na slici, umjesto

da se samo smanje velike slike jer će tako objekti na njoj postati neprepoznatljivi

8. Treba koristiti jasne i kratke nazive poveznica tako da posjetitelji znaju kuda će ih

poveznica odvesti prije nego kliknu na nju

9. Poželjno je osigurati da su sve važnije web-stranice pristupačne ljudima s invaliditetom,

naročito slabovidnim i slijepim osobama

10. Koristiti najbolja rješenja iz okoline (ako se nešto koristi na određeni način na većini

web-sjedišta, posjetitelji će isto očekivati na svakome)

55 E-BUSINESS | 2014/2015.

E-BUSINESS | 2014/2015. 56

Facebook Insights

E-BUSINESS | 2014/2015. 57

Mit prosječnog korisnika

4/9/2015

20

Zaključno o evaluaciji

• Sam sadržaj i svrha stranice određuju najbitnije parametre evaluacije – Što se prezentira

– Kako se prezentira

– Kome je namjenjeno

– Što se želi postići

E-BUSINESS | 2014/2015. 58

Q&A

59

Korištena literatura

• Ružić, D., Biloš, A., Turkalj, D. (2014) E-marketing - III. izmijenjeno i prošireno izdanje, Osijek: Ekonomski fakultet u Osijeku

• Chaffey, D., Smith, P.R. (2008) eMarketing eXellence. 3. izdanje, Burlington: Butterworth-Heinemann

• Chaffey, D., Ellis-Chadwick, F., Johnston, K., Mayer, R. (2009) Internet Marketing: Stategy, Implementation and Practice. 4. Izdanje. New Jersey: Prentice Hall

• Chaffey, D., Smith, P.R. (2013) eMarketing eXcellence. 4. Izdanje. Abingdon: Routledge

• Nielsen, J., Loranger, H. (2006) Prioritizing Web Usability. Berkley: New Riders.

• Jones, B. (2012) Understanding the F-Layout in Web Design. Tuts+. Dostupno na http://webdesign.tutsplus.com/articles/understanding-the-f-layout-in-web-design--webdesign-687. [03.04.2014.]

• Bradley, S. (2010) The Inverted Pyramid Of Visual Design. Vanseo Design. Dostupno na http://www.vanseodesign.com/web-design/inverted-pyramid-design/. [03.04.2014.]

• Krug, S. (2013) Don’t Make Me Think, Revisited: A Common Sense Approach to Web and Mobile Usability. 3. Izdanje. Berkley: New Riders.

+ Izvori

E-BUSINESS | 2014/2015. 60

4/9/2015

21

Hvala na pažnji!

E-BUSINESS | 2014/2015. 61

Doc. dr. sc. Antun Biloš

Doc. dr. sc. Davorin Turkalj

Katedra za marketing

Ekonomski fakultet u Osijeku Sveučilište J.J. Strossmayera u Osijeku

www.efos.unios.hr/abilos

abilos@efos.hr