Tipikus hibák és orvoslásuk profi portálokon Dunder Krisztián A jövő médiája Budapest, SYMA csarnok
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.
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
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
Fókusz az oldalon Eszközök 80/20 szabály Card sorting / wireframe Átlagos fold Analitikai elemzések Ú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.
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!
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.
Következetlen színhasználat A keretben levő szöveg nem link, mégis az általános linkszínt használja.
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?
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.
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.
Kereső amikor keresni kell A deluxe.hu-n az oldal legalján található a keresés. Miért?
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.
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!
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.
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.
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.
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!
Alapvető SEO hiányosságok Mire figyeljünk: Üres vs. Kitöltött adatok a forráskódban http://port.hu/pls/ci/cinema.list_days?i_days=1&i_hour=2&i_city_id=3372& i_county_id=1 http://www.mediapiac.com/karrier/mtv-uj-sales-vezeto/4348/ Nem beszédes vs. beszédes URL Title minden oldalon egyedi Beszédes URL H1-H6 tagek használata Minden oldalon egyedi meta adatok Flash tartalmak kerülése Javascript óvatos használata Címkézés (jól) A SEO nem (csak) technológia, a tartalomra is figyelni kell!
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!
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 (Átl.) * Alexa szerint 0,96 (Gyors) 17,26 (Nagyon lassú) A három nyitóoldal 3%-os kicsinyítésű. Hardver, szoftver, tartalom egyaránt felel a betöltődési sebességért.
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!
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?
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ó.
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?
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.
És végül No Comment
Köszönöm a figyelmet! +36 30 698 39 04 krisztian@dunder.hu