Pravidla úspěšného firemního webu WebTop100

1. Pravidla úspěšného firemního webuWebTop100 WebTop100 konference 2004 www.dobryweb.cz www.tuesday.cz www.ebiz.cz

2. Hlavní kategorie hodnocení • Grafikagrafické pojetí, kreativita, přehlednost • Informační hodnotabohatost, aktuálnost, kvalita obsahu • Použitelnostnavigace, struktura, vyhledávač, mapa • Technické řešení - přístupnostalternativní prohlížeče, funkčnost bez JS • Marketingové nástrojeregistrace v katalozích, optimalizace Radek Řechka, radek.rechka@vsmie.cz

3. Grafika - význam • První dojem • Pozornost • Důvěra v profesionalitu • Kvalitní design • Nabídka informací (nezahltit) • Dlouhodobá image firmy Radek Řechka, radek.rechka@vsmie.cz

4. Grafika – čitelnost textu • Velikost písma: >12px • Typ písma: bezpatkové (Verdana) • Kontrast: černý text na bílém • Délka řádku: 10 – 12 slov (450px) • Vertikální mezery: 1,5x velikosti písma • Mezislovní mezery: defaultní • Mezery mezi písmeny: defaultní • Zvýraznění (<B>, <I>): nepřesycenost Radek Řechka, radek.rechka@vsmie.cz

5. Grafika – čitelnost bloků • Délka odstavce: 5 – 7 řádků • Mezery mezi odstavci • Používat nadpisy a podnadpisy uvozující jednotlivé odstavce • Okolní rušení textu: bannery, obrázky • Možnost zvětšení a zmenšení velikosti písma klientem (velikost v relativních jednotkách) Radek Řechka, radek.rechka@vsmie.cz

6. Grafika - jednota grafiky • Celý web by měl mít jednotný styl • Úvodní stránka – zvláštní význam • Hlavní prvky (logo, vyhledávání) pořád na stejném místě • Pamatovat na to, že návštěvník může pomocí vyhledávačů vstoupit nejen na úvodní stránku. Radek Řechka, radek.rechka@vsmie.cz

7. Grafika - kreativita • Spíše než na kreativitu klást důraz na efektivitu. • Kreativita nesmí mást návštěvníka. • Záleží na cílově skupině návštěvníka. • Kreativitu použít na detaily. Radek Řechka, radek.rechka@vsmie.cz

8. Informační hodnota • Obecné posílení povědomí o značce, službě nebo produktu. • Získání zpětné vazby (ankety) • Poskytnutí všeobecných informací o firmě • Nový prodejní kanál • Nabídka vlastního produktu Radek Řechka, radek.rechka@vsmie.cz

9. Info. hodnota - kontakty • Zákazník musí mít možnost se na někoho obrátit. • Adresa pro písemnou korespondenci • Telefonní a faxové číslo • Emailové adresy • Kontaktní jména • Odkaz na mapku na webu Radek Řechka, radek.rechka@vsmie.cz

10. Info. hodnota - obsah • Informace jsou to, proč návštěvník na stránky přišel. • Stylistika: pravopis, překlepy • Informace: úplné, přesné • Fakta: ne reklamní texty • Zkracujte texty o nevýznamné části (ne na úkor srozumitelnosti) • Zbavte se poloviny slov na každé stránce a z té poloviny další poloviny. Radek Řechka, radek.rechka@vsmie.cz

11. Info. hodnota - aktuálnost • Aktualizovatelná data jsou důvodem pro návrat návštěvníka – pouto • Vyhledávací roboti: čím častěji naleznou nové informace, tím častěji se budou vracet • Nové informace jsou známkou toho, že firma žije. Radek Řechka, radek.rechka@vsmie.cz

12. Info. hodnota – novinky • Prostor, kde návštěvník najde hned nové zajímavé informace. • Filtrovat nové informace – ne vše je pro novinky vhodné (přesycenost) • Odstraňovat staré „novinky“ • Umístění: úvodní stránka, speciální stránka (pro větší množství) Radek Řechka, radek.rechka@vsmie.cz

13. Info. hodnota - vícejazyčnost • Několik jazykových mutací • Přiblížení se k zahraničnímu zákazníkovi • Pokud není přímo mutace, měly by být alespoň obecné informace v angličtině či němčině. • Přepínání mezi mutacemi: úvodní stránka, na každé stránce, cookies, IP Radek Řechka, radek.rechka@vsmie.cz

14. Použitelnost - navigace • Konzistence navigačního menu a prvků • Stálé umístění hlavní navigace • Logo jako odkaz na úvodní stránku • Drobečková navigace (Úvod -> Kurzy -> Programování -> PHP): kde jsem • Formulář pro vyhledávání Radek Řechka, radek.rechka@vsmie.cz

15. Použitelnost - architektura • Architektura webu je uložení, třídění a řazení informací za účelem rychlého a intuitivního nalezení. • Pojmenování rubrik (sekcí) musí být jasné a výstižné. • Hierarchické řazení stránek. • Prolinkování v rámci rubrik a celého webu. • Pravidlo 3 kliků při přesunu na stránku Radek Řechka, radek.rechka@vsmie.cz

16. Použitelnost – vyhledávání • Indexace: ukládání všech informací d dbf a následné vyhledávání. • Fulltextové vyhledávání: vyhledává na všech stránkách v celém obsahu, příbuzná slova a fráze, skloňování • Interní vyhledávač pomocí externího vyhledávače: google, www.jyxo.cz • Dostupné ze všech stránek ( v hlavička stránky) • Mapa webu (v zápatí stránky) Radek Řechka, radek.rechka@vsmie.cz

17. Použitelnost – velikost dat • Datová náročnost musí být přizpůsobena na pomalé připojení. • Načtení do 8 vteřin • Postupné načítání a vykreslování • Komprimace obrázků • Velikost stránky max. 100kB Radek Řechka, radek.rechka@vsmie.cz

18. Použitelnost – tisk stránky • Počítat s verzí stránky pro tisk na tiskárně. • Lze jednoduše vyřešit pomocí CSS. • Vytisknutá stránka obsahuje jen informace. Ne hlavičku, patu, reklamy. Radek Řechka, radek.rechka@vsmie.cz

19. Přístupnost (technologie) • Nezávislost na JavaScriptukontrola formulářů, dynamika stránky • Nezávislost na Flashizatraktivnění, vizuální představení výrobku, bonus (hry) • Nezávislost na obrázcíchpro textové browsery, hlasové čtečky, atribut ALT x TITLE (chyba IE) Radek Řechka, radek.rechka@vsmie.cz

20. Přístupnost - prohlížeče • Klasické PC prohlížeče • WebTV • Mobilní zařízení • Braillský řádek • Hlasová čtečka Radek Řechka, radek.rechka@vsmie.cz

21. Přístupnost – návrh • Beztabulkový layout • Informace na stránce mají sestupnou tendenci. • Tabulková data upravit pro linearizaci • Využít různá CSS pro různá zařízení (monitor, tisk, čtečka, PDA) • Testovat co v největší škále prohlížečů Radek Řechka, radek.rechka@vsmie.cz

22. Přístupnost – názvy stránek • Usnadní orientaci pro návštěvníka – co stránka obsahuje. • TITLE má význam pro vyhledávače. • Do názvu dát alespoň jedno klíčové slovo. • Název stránky shodný s hlavním nadpisem. • Název musí nalákat na kliknutí ve vyhledávačích, kde se zobrazí. Radek Řechka, radek.rechka@vsmie.cz

23. Přístupnost – názvy stránek • Příklad I.Název webu: Název aktuální stránkyVŠMIE: Rekvalifikační kurzyVysoká škola manažerské informatiky a ekonomiky: Rekvalifikační kurzy • Příklad II. Rekvalifikační kurzy | VŠMIE • Příklad III. – s názvem podsekce Rekvalifikační kurzy (PHP) | VŠMIE Radek Řechka, radek.rechka@vsmie.cz

24. Přístupnost – názvy stránek • Název na úvodní stránceNázev webu: Krátký popisekVŠMIE: Prostor pro vaše vzdělávání • Do názvu nepatří:vypisování všech klíčových slovURL adresy2 stránky nesmí mít stejný název Radek Řechka, radek.rechka@vsmie.cz

25. Přístupnost - zvýrazňování • Odkazy: podtržené a odlišnou barvou, změna barev na již použitých odkazech. • Nadpisy: používat H1 – H6, hlavní nadpis je dominantní, délka max. 8 slov • Podnadpisy: slouží k lepší orientaci a naředění dlouhého bloku textů Radek Řechka, radek.rechka@vsmie.cz

26. Marketing - katalogy • Registrace v katalozíchwww.seznam.czwww.centrum.czwww.atlas.czwww.caramba.cz (přebírá Quick)www.dmoz.org (google)regionální katalogyodborné katalogy Radek Řechka, radek.rechka@vsmie.cz

27. Marketing – info v katalogu • Adresa webu • Název webu (titulek)název firmy, 1 až 2 klíčová slova • Krátký popisekstručná nabídka Radek Řechka, radek.rechka@vsmie.cz

28. Marketing - viditelnost • Kdo není vidět, neexistuje. • 80% návštěvníků přijde na náš web skrze katalogy • Náklady jsou relativně nízké • Vyplatí se optimalizovat Radek Řechka, radek.rechka@vsmie.cz

29. Marketing -doména • Vlastnit doménu s názvem své firmy je základ.www.vsmie.cz • Doména s názvem výrobku, službywww.pocitacovaskola.czwww.itkurzy.cz Radek Řechka, radek.rechka@vsmie.cz

30. Marketing–péče o zákazníka • Důležitá je odezva na emailový dotaz.info@domena.cz • Rychlost odpovědi do 24 hodin • FAQ • Nejspokojenější zákazník je obskakovaný zákazník. Radek Řechka, radek.rechka@vsmie.cz

31. Pravidla úspěšného firemního webuWebTop100 Radek ŘECHKA radek.rechka@vsmie.cz 20.12.2004