Tipikus hibák és orvoslásuk profi portálokon

Méret: px

Mutatás kezdődik a ... oldaltól:

Download "Tipikus hibák és orvoslásuk profi portálokon"

Kornélia Tamás
7 évvel ezelőtt
Látták:

1 Tipikus hibák és orvoslásuk profi portálokon Dunder Krisztián A jövő médiája Budapest, SYMA csarnok

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

3 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

4 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

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

6 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!

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

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

9 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?

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

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

12 Kereső amikor keresni kell A deluxe.hu-n az oldal legalján található a keresés. Miért?

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

14 Kényelmetlen intro oldal Mediaasz.hu Mediaasz.hu Ilyen nincs és mégis van: intro oldal 2010-ben. Új intro oldal 2010-ben!

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

16 Hibásan elhelyezett hirdetések Hirdetés kitakarja a linkeket Flash hirdetés ben A hirdetések hibás layeres kezelése gyakori probléma.

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.

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.

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

19 Alapvető SEO hiányosságok Mire figyeljünk: Üres vs. Kitöltött adatok a forráskódban i_county_id=1 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

20 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!

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

22 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!

23 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?

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

25 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?

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

27 És végül No Comment

28 Köszönöm a figyelmet! krisztian@dunder.hu

Hasonló dokumentumok

Sütik (cookie) kezelése

Sütik (cookie) kezelése A Magyar Telekom Nyrt. weboldala sütiket használ a weboldal működtetése, használatának megkönnyítése, a weboldalon végzett tevékenység nyomon követése és releváns ajánlatok megjelenítése