web - szerkeszt és módszertana
DESCRIPTION
Web - szerkeszt és módszertana. - ELTE IK, Multimédia Sáv -. Emlékeztető. Határidők, követelmények Keresőoptimalizálási feladat feltöltési határideje: 2008. szeptember 29., Hétfő 12:00. Céges weblap/logó/arculati terv/ SEO napló feltöltési határideje: 2008. december 1., hétfő 12:00 - PowerPoint PPT PresentationTRANSCRIPT
1
Web-szerkesztés módszertana
- ELTE IK, Multimédia Sáv -
2
Emlékeztető
Határidők, követelmények Keresőoptimalizálási feladat feltöltési határideje:
2008. szeptember 29., Hétfő 12:00. Céges weblap/logó/arculati terv/ SEO napló
feltöltési határideje: 2008. december 1., hétfő 12:00
Utolsó héten mindenkinek be kell mutatnia a munkáját (ajánlott jegy és értékelés)
Aki határidőre nem tölt fel anyagot/vagy nem éri el az elégséges szintet, az nem kaphat jegyet.
Végső javítás határideje: 2008. december 19., péntek 12:00
3
Miről lesz szó a félév során?
Ergonómia, marketing, céges weboldalak specialitása
Stíluslapok használata (elmélet), tippek és trükkök
Stíluslapok használata WYSIWYG szerkesztőben
Kódszintű szerkesztőprogramok lehetőségei A Dreamweaver program használata Grafikai programok használata
arculattervezési és logó tervezési feladatokhoz
4
Ajánlott irodalom
Jakob Nielsen: Web-design http://www.webreference.com/greatsite.html http://www.usability.gov/pdfs/guidelines.htm http://www.useit.com/ http://weblabor.hu/
5
Ergonómiai elvek
Web-fejlesztés előadáson már szerepelt A prezentációk tartalma elérhető a Web-
szerkesztés portálon (PDF formátumban) Tartalma:
Oldaltervezés, platformfüggetlenség, válaszidők, linkek használata, stíluslapok használata, framek, tartalomtervezés, multimédia, metaforák, navigáció, keresési fajták, hátrányos helyzetű felhasználók, nemzetköziség, webreklám, keresőoptimalizálás
6
Ergonómia
Az ergonómiai elvek is változnak a kutatások megdöntenek/vagy
megerősítenek bizonyos állításokat http://www.usability.gov/pdfs/guidelines.html
Ingyenesen elérhető, nagyon jó kutatási anyag,rengeteg hasznos irányelvvel
7
Felhasználói élmény
8
Felhasználói élmény
Kéretlen ablakok / grafikák mellőzése A kéretlenül megjelenő felbukkanó (pop-up) ablakok
frusztrálják a felhasználókat Hitelesség
Jól használható Gyakran ismételt kérdések gyűjtemény biztosítása
A site felépítése logikus Idézetek és referenciák szerepeltetése A készítők nem névtelenek, kapcsolatba lehet velük
lépni Profi arculat A régebbi tartalmak is elérhetőek Aktuális híreket tartalmaz Hiteles oldalakra linkel, és hiteles oldalakról linkelnek
rá
Forrás: http://www.usability.gov/pdfs/guidelines.htm
9
Felhasználói élmény
Feladatmegoldások sorrendje szabványos A site egészén belül az adott feladatokat
ugyanolyan módszerrel kelljen megoldani
Rossz példa:
A dátum kiválasztása eltérő módon történik az egyes aloldalakon
Forrás: http://www.usability.gov/pdfs/guidelines.htm
10
Felhasználói élmény
A számítógépben rejlő előnyös lehetőségek kihasználása Bízzuk a számítógépre azon feladatokat,
amelyeket el tud végezni, hogy a felhasználónak csak azokra kelljen koncentrálnia, amelyeknél emberi beavatkozás szükséges.
Forrás: http://www.usability.gov/pdfs/guidelines.htm
11
Felhasználói élmény
Ne kelljen a felhasználónak emlékeznie korábbi oldalakon lévő információra Például termékek
összehasonlításánál a kiválasztott termékek leírását lehessen egymás mellett/alatt megjeleníteni
Forrás: http://www.usability.gov/pdfs/guidelines.htm
12
Felhasználói élmény
Figyelmeztetés időtúllépésre (time-out) Figyelmeztetni kell a felhasználót mielőtt lejár a
munkamenete, hogy megakadályozhassa a kiléptetést.
Forrás: http://www.usability.gov/pdfs/guidelines.htm
13
Felhasználói élmény
Adatok megjelenítése olyan formában, amelyet már nem kell konvertálni A felhasználói kör számára optimális
formátumban kell az adatokat megjeleníteni. Ha az adott oldalt eltérő nemzetiségű felhasználók látogatják, több formátumot is használni kell. (pl. C, F)
Idő megadása esetén az amerikai látogatók „nem szeretik” a 24:00-s megadást.
Forrás: http://www.usability.gov/pdfs/guidelines.htm
14
Felhasználói élmény
Olyan formában adjuk az információt, amely a felhasználói szokásoknak megfelel Képernyőn / vagy nyomtatás után olvasná el a
felhasználó az adott dokumentumot? A dokumentum mérete meghatározó
Általában az 5 oldalnál méretesebb (vagy komplexebb, jegyzetelést kívánó) dokumentumokat már kinyomtatják a felhasználók
A felhasználás módja is fontos Kutatással, prezentációval kapcsolatos
információkat inkább nyomtatunk, a szórakoztató jellegű írásokat on-line olvassuk
Forrás: http://www.usability.gov/pdfs/guidelines.htm
15
Felhasználói élmény
Jelezni kell, ha a felhasználónak várnia kell 10 mp-nél rövidebb ideig tartó várakozásnál egy
homokóra ikon is megteszi Egyébként folyamatjelzővel (progress bar)
lehetne jelezni a folyamat előrehaladtát. Ha a folyamat tovább tart, mint 1 perc, akkor
egy szolid hanghatással is lehet jelezni a felhasználónak
A hosszú letöltési időket is jelezni kell
Forrás: http://www.usability.gov/pdfs/guidelines.htm
16
Felhasználói élmény
Jól nyomtatható oldalakat kell létrehozni A nem megfelelő
design miatt a tartalom egy része lemaradhat a nyomtatott változatról
Forrás: http://www.usability.gov/pdfs/guidelines.htm
A szöveg jobb oldali része levágásra kerül
17
Felhasználói élmény
Nyomtatás felkínálása A letölthető / nyomtatható változatra mutasson
link
Forrás: http://www.usability.gov/pdfs/guidelines.htm
18
Felhasználói élmény
Ne kelljen olvasás közben mással is foglalkoznia a felhasználóknak Ha például emlékeznünk kell korábbi lapokon
látott információkra, akkor lassabban olvasunk Felhasználói segédlet biztosítása
A tapasztalatlan felhasználók, illetve a site-ra elsőként belépő felhasználók számára érdemes a site tartalmával, illetve a navigációval kapcsolatos segédleteket elhelyezni.
Forrás: http://www.usability.gov/pdfs/guidelines.htm
19
20
Hardver és szoftver
21
Hardver, szoftver
A legelterjedtebb böngészőkre kell fejleszteni, arculatot készíteni, tesztelni Mik a legelterjedtebb böngészők?
Idővel és földrajzi hellyel is változik http://www.w3schools.com/browsers/
browsers_stats.asp
Forrás: http://www.usability.gov/pdfs/guidelines.htm
22
Ugyanazon weblap különböző platformokon megtekintve
Forrás: http://www.usability.gov/pdfs/guidelines.htm
23
Hardver, szoftver
Nem feltételezhetjük, hogy minden felhasználó ugyanolyan tudású böngészőprogramot, vagy éppen alapbeállítást használt Van aki kikapcsolja a hátterek megjelenítését,
vagy az alap betűméretet felnagyítja Az operációs rendszer is számít.
Ugyanolyan típusú, verziójú böngészőprogram máshogy viselkedhet különböző operációs rendszereken
Az átlagos internetkapcsolat sebességét is figyelembe kell venni
A leggyakrabban használt felbontás 1024x768
Forrás: http://www.usability.gov/pdfs/guidelines.htm
24
Kezdőlap szerepe
25
Kezdőlap
Bármelyik aloldalról vissza lehessen jutni a kezdőlapra Bevett szokás, hogy a – minden oldalon oldalon
azonos helyen lévő - cég/szervezet logó tölti be a link szerepét
Forrás: http://www.usability.gov/pdfs/guidelines.htm
26
Kezdőlap
Minden fontos információ szerepeljen rajta Nyugodtan lehet szelektálni az elérhető
tartalmak között azok fontossága szerint
Forrás: http://www.usability.gov/pdfs/guidelines.htm
Minden fő kategória szerepel a kezdőlapon
27
Kezdőlap
Pozitív benyomást kell kelteni A kezdőlap jó fokmérője az egész site
tartalmának/minőségének Egyik kutatásban a felhasználóknak csúcs
minőségű web-siteokat kellett gyűjtenie. Az esetek felében a felhasználók csak a kezdőlapot nézték meg, ez alapján alkottak véleményt.
Közölni kell a website célját, értékeit Miben különbözik a site a konkurensektől? Mindezt röviden kell leírni. Jól csengő szlogen
(tagline)
Forrás: http://www.usability.gov/pdfs/guidelines.htm
28
Kezdőlap
Minél kevesebb prózai szöveg A felhasználó kulcsszavakat keres, címsorokat
tekint át, hogy képe legyen arról, miről szól a site.
A hosszú, folyó szöveg ezt nem segíti
Forrás: http://www.usability.gov/pdfs/guidelines.htm
29
Kezdőlap
A kezdőlap és az aloldal szerkezete / meg-jelenése ne térjen el nagyon egymástól Ez zavaró lehet a felhasználóknak
Forrás: http://www.usability.gov/pdfs/guidelines.htm
30
Kezdőlap
Lehetőleg egy képernyőoldalnyi legyen a kezdőlap Ami nem szerepel a kezdőlap látható részén, az
sok felhasználó számára örökre láthatatlan marad
Ha a felhasználók számára nem kelti fel az érdeklődést a látható rész, nem fogják legördíteni a tartalmat
Forrás: http://www.usability.gov/pdfs/guidelines.htm
31
Kezdőlap
A website-on történt változásokat jelezni kell a kezdőlapon Kerüljük, hogy a felhasználót kellemetlen
meglepetés érje a változások miatt (új design, megváltozott navigáció, stb.)
Forrás: http://www.usability.gov/pdfs/guidelines.htm
32
Kezdőlap
A kezdőlapon szereplő panelek megfelelő szélességűek legyenek A panelek szélessége nagyon fontos a site
elrendezésének megértésében
Forrás: http://www.usability.gov/pdfs/guidelines.htm
A panelek elég szélesek ahhoz, hogy a linkeket és navigációs infokat tartalmazzák, de eléggé keskenyek ahhoz, hogy ne uralják az arculatot.
33
Oldal szerkezete
34
Oldal szerkezet
Ne legyen túlzsúfolt az oldal Az
információkeresést megnehezíti a túlzsúfolt oldalszerkezet
A kulcsszavaknak szembetűnőknek kell lennie
Forrás: http://www.usability.gov/pdfs/guidelines.htm
35
Oldal szerkezet
A fontos, kattintható elemeket ugyanarra a helyre, közel az oldal tetejéhez kell elhelyezni
Forrás: http://www.usability.gov/pdfs/guidelines.htm
36
Oldal szerkezet
A legfontosabb elemek helye felül, középen van Itt kezdik az oldal áttekintését a felhasználók,
majd balról jobbra pásztáznak
Forrás: http://www.usability.gov/pdfs/guidelines.htm
37
Oldal szerkezet
Elemek könnyű összehasonlítását tegyük lehetővé A hasonlóságok/különbségek, kapcsolatok jól
láthatók legyenek
Forrás: http://www.usability.gov/pdfs/guidelines.htm
38
Oldal szerkezet
Fontosság megkülönböztetése Az elemeket fontosságuk sorrendjében kell
elhelyezni (felül a legfontosabb)
Forrás: http://www.usability.gov/pdfs/guidelines.htm
Az, hogy mi a legfonto-sabb a látogatóknak kiderülhet kérdőíves felmérésből, logok analizálásából, interjúk-ból.
39
Oldal szerkezet
Az elemeket vizuális egymáshoz kell igazítani (függőlegesen/vízszintesen) Szövegblokkok, felsoroláslisták,
választókapcsolók, űrlapelemek esetén nagyon fontos a megfelelő igazítás
Forrás: http://www.usability.gov/pdfs/guidelines.htm
Rossz példa
Jó példa
40
Oldal szerkezet
Folyékony arculat A monitor felbontásához igazodjon a design Elkerülhető, hogy a rendelkezésre álló terület
kihasználásra kerülhessen
Forrás: http://www.usability.gov/pdfs/guidelines.htm
41
Oldal szerkezet
Illuzió, hogy nem kell görgetni Ne használjunk olyan hatásokat/elemeket ,
amelyek azt az illúziót keltik, hogy az oldal tetején/alján vagyunk
Forrás: http://www.usability.gov/pdfs/guidelines.htm
Úgy tűnik, az oldal tetején vagyunk
Úgy tűnik, az oldal alján vagyunk
42
Oldal szerkezet
Megfelelő oldalhossz alkalmazása A kezdőlap, navigációs oldal, on-line olvasható
tartalom hossza rövidebb legyen Hosszabb oldalak használata javasolt:
Ha nem akarjuk az olvasást megszakítani Meg akarjuk tartani a dokumentum struktúráját Kevesebb oldalt akarunk karbantartani Nyomtatásra / letöltésre szánjuk
Forrás: http://www.usability.gov/pdfs/guidelines.htm
43
Navigáció
44
Navigáció
Ne irányítsuk a felhasználót navigáció nélküli oldalra Ha új ablakban nyitunk meg egy oldalt, a
böngésző Vissza gombja nem működik Zavaró lehet a felhasználónak, főleg ha teljes
méretben nyílik meg az ablak Ebben az esetben Ablak bezárása linket
érdemes elhelyezni
Forrás: http://www.usability.gov/pdfs/guidelines.htm
45
Navigáció
Hosszú oldalak esetén legyen megjelenítve tartalom menü is Ezzel a felhasználók a lap megfelelő részére
ugorhatnak. Fontos, hogy legyen Vissza link is
Forrás: http://www.usability.gov/pdfs/guidelines.htm
46
Navigáció
Fülecskék helyes alkalmazása A fülecskék az oldal tetején legyenek Egyértelmű legyen hogy ezek kattintható fülek
(minél jobban hasonlítsanak az igaziakhoz)
Forrás: http://www.usability.gov/pdfs/guidelines.htm
Rossz példák
Jó példa
47
Listák
48
Listák
Listák, feladatok logikus sorrendben legyenek A listák, linkek, fülek, navigációs elemek
sorrendje logikus (fontosságot követő) legyen Ha nincs kitüntetett sorrend, akkor ábécé
sorrend, vagy sorszám szerint kell megjeleníteni az elemeket
Forrás: http://www.usability.gov/pdfs/guidelines.htm
Ha U.S.A-beli látogatók vannak többségben, legyen az az első
49
Listák
Folyamatos szöveg helyett listát használjunk, ahol lehet
A pásztázást segíti a listába rendezés
Forrás: http://www.usability.gov/pdfs/guidelines.htm
50
Listák
A listák elején legyen egy bevezető címsor is Sokat segít abban, hogy a felhasználó eldöntse
mi a kapcsolat a listaelemek között
Forrás: http://www.usability.gov/pdfs/guidelines.htm
51
Listák
Felsoroláslista, számozott lista helyes alkalmazása
Egyenrangú elemeknél használjunk felsoroláslistát
Utasítások / feladatlisták jobb ha sorszámozva vannak
Forrás: http://www.usability.gov/pdfs/guidelines.htm
52
Űrlapok
53
Űrlapok
Kötelező / opcionális elemek konzekvens jelölése Egyes kutatások szerint a félkövér jelölés jobb a
felhasználóknak, mint a színnel történő megkülönböztetés
Forrás: http://www.usability.gov/pdfs/guidelines.htm
54
Űrlapok
Nyomógombok szerepét egyértelműen jelezze a feliratuk
Előző, Tovább, Elküld, Alaphelyzet, Frissít, Keres Minden oldalon ugyanazt jelentse!
Forrás: http://www.usability.gov/pdfs/guidelines.htm
55
Űrlapok
Az adatbeviteli mezőket megfelelő (beszédes) címkékkel kell ellátni
Jól kell tagolni, hogy a címke és a mező elkülönüljön
Forrás: http://www.usability.gov/pdfs/guidelines.htm
Itt túl távol van a címke
56
Űrlapok
Ugyanazt az információt ne kérjük be többször
Felesleges lassítjuk a felhasználót, ha például a lakcímét többször kell megadnia
Forrás: http://www.usability.gov/pdfs/guidelines.htm
57
Űrlapok
Látható legyen a bevitt adat Gördítés nélkül láthatóvá kell tenni a bevitt
információt
Forrás: http://www.usability.gov/pdfs/guidelines.htm
58
Űrlapok
Látható legyen a bevitt adat Gördítés nélkül láthatóvá kell tenni a bevitt
információt
Forrás: http://www.usability.gov/pdfs/guidelines.htm
59
Űrlapok
Ellenőrizzük a bevitt adatokat Elgépeléseket / tévedéseket jelezni kell a
felhasználóknak (pl. hiányzó @ jel e-mail címben, február 31, stb.)
Az összetett beviteli mezőket érdemes szétszabdalni
A mértékegységeknél is érdemes több beviteli mezőt használni
Forrás: http://www.usability.gov/pdfs/guidelines.htm
60
Űrlapok
Ne váltogassunk a beviteli módok között Vagy egér, vagy billentyűzet A váltás lassítja a folyamatot
Forrás: http://www.usability.gov/pdfs/guidelines.htm
Jó példa
Rossz példa
61
Űrlapok
Sose használjunk önállóan egy választókapcsolót Teljesen szokatlan a felhasználók számára ez a
választási mód
Forrás: http://www.usability.gov/pdfs/guidelines.htm
62
Címkék elhelyezése űrlapokban
Melyik a legjobb elrendezés az alábbiak közül?
http://www.uxmatters.com/MT/archives/000107.php
Címkék bal oldalon – balra igazítva Címkék bal oldalon – jobbra igazítva
Címkék fent
63
Címkék elhelyezése űrlapokban
Felülre igazított címkék Gyorsabb kitöltést eredményez Több függőleges helyet igényel Az üres helyeknek, kontrasztnak nagy szerepe van Lokalizációs előnyök
http://www.lukew.com/resources/articles/WebForms_LukeW.pdf
64
Címkék elhelyezése űrlapokban
Jobbra igazított címkék Tiszta a címke/mező hozzárendelés Kevesebb függőleges helyet igényel Az olvashatóság csökken, mert nem azonos
pozícióban kezdődnek a szövegek Gyors kitöltési idő
http://www.lukew.com/resources/articles/WebForms_LukeW.pdf
65
Címkék elhelyezése űrlapokban
Balra igazított címkék A címke pásztázását elősegíti Gyengül az asszociációs a címke-mező között Kevesebb függőleges helyet igényel A címke hosszúságának változása felboríthatja az
arculatot
http://www.lukew.com/resources/articles/WebForms_LukeW.pdf
66
Címkék elhelyezése űrlapokban
Szemmozgásvizsgálatok eredménye:
http://www.uxmatters.com/MT/archives/000107.php
Címkék bal oldalon – balra igazítva Címkék bal oldalon – jobbra igazítva
Címkék fent Címkék fent - félkövér
67
Címkék elhelyezése űrlapokban
Címke elhelyezése A mező feletti elhelyezés (esetek többségében)
szerencsésebb, mivel nem kell külön a címkét és a mezőt pásztázni
Ügyelni kell a vizuális elkülönítésre Címke igazítása
A balra elhelyezett, balra igazított címke kognitív túlterhelést jelent
Ha nem lehet fent a címke, inkább jobbra igazított legyen
Félkövér címkék A sima címkék jobbak Ha mégis félkövér a címke, akkor az űrlapmező
szegélye ne legyen nagyon markáns
http://www.uxmatters.com/MT/archives/000107.php
68
Címkék elhelyezése űrlapokban
Legördülő menük Vonzzák a szemet, ezért fontos(abb) adatok
elhelyezésére használjuk, vagy sorrendben helyezzük a fontosabb mezők alá
Címke és a legördülő menük A legördülő menü alap értéke lehet maga a címke
http://www.uxmatters.com/MT/archives/000107.php
69
Grafika
70
Grafika
A kattintható képeken címkéket kell elhelyezni
A tapasztalatlan felhasználók nem gondolják, hogy a kép egy részére is lehet kattintani
Forrás: http://www.usability.gov/pdfs/guidelines.htm
71
Grafika
Logo szerepeltetése A Logo szerepeltetése (ugyanazon a helyen,
minden oldalon) biztosítja a felhasználót arról, hogy nem hagyta el a site-ot.
Forrás: http://www.usability.gov/pdfs/guidelines.htm
72
Grafika
A menüt ne lehessen bannerrel összekeverni A dekorációnak, vagy hirdetésnek tűnő
grafikákról a felhasználók többsége nem vesz tudomást
Forrás: http://www.usability.gov/pdfs/guidelines.htm
73
Weblapkészítés céges környezetben
Intranet / Extranet fejlesztés
74
Intranet
más célok, felhasználók, technikai korlátok dolgozó központú szemlélet általában 10 -100 -szoros információ-
mennyiséget tartalmaz, mint a külső weboldal
platform szabványosításának lehetősége egységes op. rendszer, böngésző típus,
böngésző verzió, felbontás speciális nyelvezet
szakszavak használhatóak
75
Extranet
Intranet kiterjesztése külső felhasználók számára biztonsági kérdések, speciális jogosultság
designban is jelezni kell a különbséget Különbségek az Intranethez képest
Itt már figyelni kell a különböző platformokra kisebb a sávszélesség
76
Extranet
Extranet Internet a látogatók már valamilyen kapcsolatban állnak
a céggel speciális okokból használják itt már felesleges a marketinget erőltetni
77
Látogatottság / Sikeresség
78
Sikeres oldal
ha a felhasználók rendszeresen visszatérnek
Miért? Minőségi tartalom Gyakran frissített Gyors letöltési sebesség Egyszerű használhatóság On-line média előnyeit jól használja ki
79
Interaktivitás
az email címet tüntessük fel lehetővé tehetjük a közvetlen üzenet
küldést a felhasználók kérdéseiből és a válaszokból
állítsunk össze FAQ-t
80
TÉVHITEK és Tipikus hibák a céges honlapok esetén
http://www.marketingcommando.hu/cikkek/top-10-honlap-hiba.html
81
Tévhitek
A weboldal befejezhető 2 hét/1 hónap / 1 év / stb. alatt… egy weblap sosem készül el teljesen rendszeresen új információkat kell szerepeltetni nem elégedhetünk meg egy tájékoztató brosúra
szerepeltetésével
82
Tévhitek
A weboldal olcsó egyes céges az off-line hirdetésekre rengeteg
pénzt költenek, de az on-line megjelenésre nem szánnak elég pénzt, sokszor nem bízzák szakemberre
83
Tipikus hibák Céges honlapoknál
Stratégia nélküli honlap Miért kell?
Hogy nekünk is legyen (ROSSZ megközelítés) Üzleti célnak kell lennie mögötte (mérhető)
Új ügyfelek szerzése Régi vevőkkel folyamatos kapcsolattartás Terméket / szolgáltatást eladni a weblapon
Célközönség? Fő üzenet?
http://www.marketingcommando.hu/cikkek/top-10-honlap-hiba.html
84
Tipikus hibák Céges honlapoknál
Hivatalos honlap Internet kompatibilis szöveg kell (az internet más
médium, mint a sajtó) Közérthető, szleng- és szakkifejezés mentes
szöveg kell Darabolni kell a szöveget
Elektronikus prospektus Brossúra site Nem igazán térnek vissza a látogatók Hiányzó interaktivitás
http://www.marketingcommando.hu/cikkek/top-10-honlap-hiba.html
85
Tipikus hibák Céges honlapoknál
Arc nélküli cég Hasznos lenne tudni, kik vannak a honlap mögött
(fényképek, bemutatkozás) Bizalomépítés
Én Én Én! Én, mi, termékünk, rólunk, nálunk Ön, önnek, vevőnk, partnerünk
http://www.marketingcommando.hu/cikkek/top-10-honlap-hiba.html
86
Tipikus hibák Céges honlapoknál
Hasznos tartalom = 0 A tartalom teheti igazán sikeressé a weblapot
Túl sok a jóból Intrók, animáció hegyek, hangos oldalak Arra a platformra kell tervezni, amely a
legelterjedtebb a célközönségben Statisztikákból kiderül
Labirintus Kusza navigáció A látogató fejével kell gondolkodni
87
Tipikus hibák Céges honlapoknál
A régi vevőre ki gondol? Tud reklamálni? Ügyfélszolgálatot elérni?
Támogatást kapni? Ha kész az oldal, hátradőlhetünk
Nincs marketingterv sokszor a dolgozók névjegykártyáján sem
szerepel a honlap címe a www.cegnev.hu konvenció betartása sem
megoldás Eszközök: Banner, linkcsere, keresőre
optimalizálás, off-line marketing, direct mail (DM), szórólap, nyereményjáték
88
Hasznos Tanácsok a Keresőrobotokkal kapcsolatban
Ajánlott linkek: http://webni.innen.hu/
http://www.marketingcommando.hu/cikkek/honlap-latogatok-keresovel.html
89
Top 30 probléma
A kutatások szerint a keresési lista első 30 helyezettjét nézi át a felhasználók többsége
Egy cégnek létfontosságú lehet a Top 30-ba bekerülés (és bentmaradás)
90
Formai, tartalmi irányelvek (Google)
Szöveges linkek, minden oldal legyen elérhető link által
Oldaltérkép használata Hasznos, információkban gazdag oldal Kulcsszavak átgondolt szerepeltetése (ne képeken
legyen FLASH,Javascript szintén gondot okoz
ALT tagek megfelelően kitöltöttek Törött linkek ellenőrzése Dinamikus weboldalak esetén minél kevesebb
paraméter legyen a linkekben
91
Technikai irányelvek (Google)
Szöveges böngészővel ellenőrizni az oldalt (a keresőrobot is kb. annyit lát az oldalból)
A keresőrobot bejárhassa az oldalt session id, vagy egyéb argumentum nélkül is.
Webszerver: "If-Modified-Since" HTTP header (változott-e a tartalom)
URL-ekben kerülendő az &id= argumentum Robots.txt fájl létrehozása
Gyökérben. Ebben adjuk meg, hogy a keresőrobot mit indexelhet és mit nem. META tageket is használhatunk.
Példa:User-agent: * Disallow: /cgi-bin/ Disallow: /images/
92
Ha kész az oldal (Google)
Oldal bejelentése http://www.google.com/addurl.html
93
Ha kész az oldal (Google)
Oldaltérkép bejelentésehttp://www.google.com/webmasters/sitemaps/login?hl=en
Oldaltérkép előállítása: http://www.auditmypc.com/site-maps.asp
94
Ha kész az oldal (Google)
Partneroldalakat értesíteni, hogy on-line elérhető az oldal
Tematikus katalógusokba be kell jelenteni
95
Keresőoptimalizálás
Forrás: http://webni.innen.hu/
Jól megírt weboldal• Minden szöveges információt el lehessen érni
keresőbarát url-eken keresztül- Fájl és könyvtárnevek fontosak
Domain.hu/Oldal.php?fdskjdfkdfjhi9rejkf Domain.hu/termek/kategoria/oldal.html
Linknépszerűség növelése Minél több bejövő link legyen (kivéve, ha
„büntetett” webhelyekről jön)
96
Keresőoptimalizálás 2
Forrás: http://webni.innen.hu/
Webhely-optimalizálás Kulcsszavak megfelelő kiválasztása és
elhelyezése Fontos hely: title, heading, elérési útvonal,
nyitólap, azon oldalak, amelyekre több külső link mutat
Link optimalizálás Kimenő linkek is fontosak. Az adott webhelyet
körülvevő linkhálózat is fontos a rangsorolásnál.
97
Keresőoptimalizálás 3
Forrás: http://webni.innen.hu/
Nagyipari kereső-optimalizálás A vállalkozás nyereségessége és a weboldal
látogatottsága között egyenes összefüggés van, akkor sokszor „manipulációra” kényszerítik a webmestert.
Rosszul sülhet el
98
Keresőrobot manipuláció (illegális)
Cloaking (álcázás): a webszerver a látogató referrer-ének vizsgálata
alapján a látogatók bizonyos körének más oldalat mutat, mint egyébként
Más oldalt lát a keresőrobot, mint a látogató Web spam (kereső spam)
Keresőprogram félrevezetése Minél több, az adott oldalra mutató link létrehozása,
amelyben kulcsszó is szerepel Lejárt domainnevek megvásárlása, és újraaktiválása Visszaélés mások oldalaival :
Fórumokban, hozzászólásokban, Wiki-ben
Rejtett szövegek, tartalomhoz nem kapcsolódó szavak, aldomain (tartalom duplikálására)
99
Legális lehetőségek
Kulcsszó megvétele ha valaki rákeres az adott szóra, a keresési
eredmények előtt vagy mellett megjelenik a reklám (minden oldalon)
Keresőprogram függő, hogy ugyanazt a kulcsszót többen is megvehetik-e
Konkurens cég vagy terméknevének megvásárlása Konkurens cég esetén is a saját reklámod látszik
Megjelenésért/átkattintásért kell fizetni
100
Statisztika
Webszerver naplókból (log) sok minden kiderül (de ehhez jól kell beállítani)
A logok analízálására számos (platform függő) megoldás létezik.
Használhatunk ingyenes látogatottsági statisztikákat is
Ha fontos a megbízhatóság, auditált adatokat kell biztosítani (pl. webaudit, auditonline). pár tízezer Ft / hó
101
Statisztika 2
Rengeteg hasznos információ kinyerhető Keresztlátogatottság (ide- oda kattintás) Legnépszerűbb oldalak Honlapon belüli mozgás Hivatkozó oldalak Napi/heti/havi/éves látogatottsági adatok
Hasznos eszköz Cookie (süti)
Felhasználó számítógépén található. Számos adat eltárolható benne.
Adatvédelmi szempontból sokszor aggályos
102
Statisztika (eXtreme tracking)http://extremetracking.com
103
Vége