Tipikus hibák és

orvoslásuk profi portálokon

Dunder Krisztián

A jövő médiája – Budapest, SYMA csarnok

2010.09.17.
 A példákról: nem szégyenfal!
Tévedni emberi dolog. Hibázni is.
 Nincs hibátlan weboldal!

 Bárki hibázhat és tanulhat

másoktól.

 A bemutatandó példák
általánosan illusztrálnak tipikus
hibákat, s nem az adott
tartalomszolgáltatót hibáztatják.

2010.09.17.
 Hibalehetőségek a munka során
Egy teljes projekt során fellépő főbb hibák
 Projekt alapon való gondolkodás hiánya
 Szervezeti ellenérdekeltségek (pl. print <-> online)
 Hiányos kompetenciák, félreértések
 Érdekeltségek, motivációk kialakításának hiánya
 Célok definiálásának hiánya
 Üzleti modell hiánya / téves üzleti modell
 Hibás másolás (best practice-ek újraértelmezése)
 Átgondolatlan tervezés, fejlesztés
 Használhatóság, Értékesítés, SEO, sebesség figyelmen kívül hagyása
 Fejlesztés után a projekt magára hagyása (kész vagyunk…)
 Időhúzás, nem döntések, kontroll és beavatkozás hiánya

2010.09.17.
 Tipikus hibák
Főbb problémák tervezés és kivitelezés során
 Nincs fókusza az oldalnak (mindenről akar szólni -> nem szól semmiről)
 Tartalom – Értékesítés aránya eltolódik -> karácsonyfa érzés
 Böngészőfüggetlenség hiánya
 Következetlen az elemek, színek használata
 Ideiglenes kód- és kiszolgálási hibák
 Nem „figyeli” a látogató szokásait (pl. űrlapok)
 Hibás portálkód
 Alapvető SEO hiányosságok
 Lassú weboldal (hardver vs. szoftver)
 Megosztott szervertől való függés

2010.09.17.
 Fókusz az oldalon
Eszközök

 80/20 szabály

 Card sorting / wireframe

 Analitikai elemzések
Átlagos fold
 Útvonalrögzítés

 Hőtérkép / szemkövetés

Ebben a példában egyértelmű a fókusz: a napi termék és a vásárlás gomb.

2010.09.17.
 Tartalom – Értékesítés aránya
Előtte Utána

Figyeljünk a tartalom/értékesített felületek arányára és elhelyezésére!

2010.09.17.
 Böngésző független működés
Internet Explorer 8 Firefox 3

IE8 alatt teljesen hibás a cikkoldal, Firefox alatt kicsivel jobb a helyzet.

2010.09.17.
 Következetlen színhasználat

A keretben levő szöveg nem link, mégis az általános linkszínt használja.

2010.09.17.
 Ideiglenes „technikai” hibák
Lejárt tanúsítvány Domain átirányítás „elfelejtése”

És ha a látogató/Google pont ekkor akarja az oldalakat pásztázni?

2010.09.17.
 Kényelmetlen kereső
Nem figyeli a visszatérő látogatók
keresési szokását.

Minden alkalommal újra ki kell

választani az opciókat.

 IP cím alapján történő város

azonosítás (nem tökéletes)

 Cookie-ban eltárolni a gépen az

utoljára kiválasztott helyszínt

 Regisztrált felhasználóként
hozzárendelni elsődleges mozit a
felhasználóhoz.

2010.09.17.
Kényelmetlen kereső találati oldal
Régi kereső Új kereső

A régi keresőben sehol nem látszott a 0 találatszám. Az újon is alig.

2010.09.17.
 Kereső – amikor keresni kell

A deluxe.hu-n az oldal legalján található a keresés. Miért?

2010.09.17.
 Agresszív regisztráltatás
Nem lehet bezárni az űrlapot a video lejátszása után

Az ilyen agresszív megoldás azonnali negligálást von maga után.

2010.09.17.
 Kényelmetlen intro oldal
Mediaasz.hu 2010.07.02. Mediaasz.hu 2010.09.14.

Ilyen nincs és mégis van: intro oldal 2010-ben. Új intro oldal 2010-ben!

2010.09.17.
 Dátum nélküli cikkoldal
Több weboldal használ dátum nélküli cikk megjelenítést. Néhány példa:

A sokkal később érkezők nem tudják, aktuális cikket olvasnak-e.

2010.09.17.
 Hibásan elhelyezett hirdetések
Hirdetés kitakarja a linkeket Flash hirdetés emailben

A hirdetések hibás layeres kezelése gyakori probléma.

2010.09.17.
 Hibásan elhelyezett hirdetések
Túl nagy méretű hirdetés elhelyezése

A hirdetés és a rendelkezésre álló méret szinergiája szükséges.

2010.09.17.
 Hibás portálkód
Napi.hu: 755 hiba, 887 figyelmeztetés HTML hibák összehasonlítása:

 Origo: 69 hiba, 50 figy.

 Index: 25 hiba, 0 figy.
 Startlap: 523 hiba, 356 figy.
 Vatera: 139 hiba, 170 figy.
 Hasznaltauto: 2 hiba, 4 figy.

 Magyarorszag.hu: 0 hiba
 Helikon.hu: 0 hiba

A külső kódhibák nem mindig orvosolhatóak. CSS- és feedellenőrzés!

2010.09.17.
 Alapvető SEO hiányosságok
Mire figyeljünk:

 Title minden oldalon egyedi

 Beszédes URL
 H1-H6 tagek használata
 Minden oldalon egyedi meta
Üres vs. Kitöltött adatok a forráskódban adatok
 Flash tartalmak kerülése
http://port.hu/pls/ci/cinema.list_days?i_days=1&i_hour=2&i_city_id=3372&
i_county_id=1  Javascript óvatos használata
http://www.mediapiac.com/karrier/MTV-uj-sales-vezeto/4348/
 Címkézés (jól)
Nem beszédes vs. beszédes URL
 A SEO nem (csak) technológia,
a tartalomra is figyelni kell!

2010.09.17.
 Betöltődési sebesség
Sebesség ellenőrzés:

A felhasználók nem szeretik a

lassú weboldalakat

A Google bünteti a lassú

weboldalakat

Ingyenes eszközökkel az
oldalak tesztelhetőek (új
weboldalak indulás előtt is)

A hardver, szoftver, tartalom egyaránt felelős az oldal sebességéért!

2010.09.17.
 Betöltődési sebesség
Adatok [Origo] Index BOON
Mht méret (Mb) 1,31 2,65 2,64
Png méret (Mb) 1,79 2,72 12,81
Betöltődés * (sec) 1,61 0,96 17,26
(Átl.) (Gyors) (Nagyon lassú)

* Alexa szerint

A három nyitóoldal 3%-os kicsinyítésű.

Hardver, szoftver, tartalom egyaránt felel a

betöltődési sebességért.

2010.09.17.
 Megosztott szerver
Megosztott szervertől való függés
 Más weboldalak spamelése minket is érint
 Más weboldalak hirtelen csúcslátogatottsága
 Háttérmunkálatok miatti ideiglenes elérhetetlenség
 Szerver szoftverei/konfiguráció változtatása érintheti a portálunkat

Kedvező ára és szolgáltatásai mellett ezekre a tényezőkre figyeljünk!

2010.09.17.
 Végül néhány kényelmetlenség
Fórum regisztrációmat csak holnaptól használhatom
Felhívjuk figyelmedet, hogy
a jelszó megváltoztatásától
(a hozzáférés aktiválásától)
számítva minimum 24 óra
múlva használhatod csak a
hozzáférésed.

Ez most komoly?

2010.09.17.
 Végül néhány kényelmetlenség
Fix vagy „fluid” oldalszélesség
Nagyfelbontású képernyőn
(pl. 1920*1200) csúnyára /
használhatatlanra nyúlik az
oldal

A fix vs. „folyékony” oldalszélesség könnyen átállítható.

2010.09.17.
 Végül néhány kényelmetlenség
Windows Media lejátszó kötelező az oldalon
2010-ben az oldal teljes
működéséhez windows
media lejátszásra van
szükség.

Miért?

2010.09.17.
 Végül néhány kényelmetlenség
Egymásra csúszó layerek
Gyakori probléma a layerek
egymásra nyílása.

Általában a hirdetés „marad

előtérben”.

Másképp kell tervezni vagy máshova helyezni valamelyiket.

2010.09.17.
 És végül… No Comment

2010.09.17.
 Köszönöm a figyelmet!

+36 30 698 39 04
krisztian@dunder.hu
2010.09.17.