Tipikus Hibák És Orvoslásuk Profi Portálokon - DUNDER.HU

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:

Ü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

2010.09.17.

 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! 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 [email protected] 2010.09.17.