Adresa je zobrazená pod URL adresou v inzeráte Google AdWords.

Adresu môžete pridať k inzerátom vo vašom Google AdWords konte na úrovni kampaní (v menu Google AdWords zvolíte možnosť Campaigns, potom Settings). Prvou možnosťou je prepojiť kampaň s vašim profilom v Lokálnom vyhľadávaní Google. Druhá možnosť je zadať adresu manuálne. Adresa sa pod inzerátom bude zobrazovať iba vtedy, keď patrí do oblasti, ktorá je zacielená kampaňou.

Inzeráty na prednostných pozíciách (s oranžovým pozadím) obsahujú okrem adresy dokonca aj mapu.

Ak chcete, aby vašu reklamnú kampaň na internete spravovali profesionáli, ozvite sa nám!

Pôvodne sme tvorili tieto odporúčania pre Twitter, ale mnohé z nich platia aj pre Facebook či sociálne siete vo všeobecnosti.

1. Na Twitteri i Facebooku môžete poskytovať podporu zákazníkom, chrániť reputáciu vašej firmy, komunikováť so zákazníkmi, blogermi a novinármi. Rozhodnite sa, čomu bude slúžiť vaše konto a udržte tón a frekvenciu, ktorú dokážu sledovať všetky cieľové skupiny. Nenapadá vám, o čom by ste mohli twittovať? Marketingová konzultantka Tara Newell ponúka výborný zoznam v časti Stuff to Tweet About článku Tweeting for Companies 101 (anglicky).

2. Twitter je o konverzácii medzi ľuďmi. Konverzácia je, keď hovoria obidve strany. Dajte vedieť, kto za firmu Twittuje. Môže to byť jednotlivec ale vo väčšej spoločnosti môžu pokojne existovať kontá/kanály, za ktoré zodpovedá celé oddelenie. Za spoločnosť môžu s využitím tzv. #hashtag-u twittovať aj viacerí s použitím TwitterFeedu (krátky návod v angličtine od Johna Haydona). Čo je hashtag vám vysvetlia vaši odborníci na komunikáciu, ak nie, viď odporúčanie v úvode.

3. Upravte si svoju Twitter stránku - pridajte grafiku a popis. Aktualizovať ju je veľmi jednoduché. Pekne spracovaných stránok je veľa, tu je pár ukážok zo Slovenska: @VillaVinoRaca alebo @Etarget.

3. Twitter je verejný kanál. Nedokážete ovládať, čo o vás hovoria ostatní, ale mali by ste to sledovať. Čo hovoria ľudia o vás a vašich službách či výrobkoch? search.twitter.com (predtým Summize) vám umožní sledovať zmienky o kľúčových slovách s RSS (toto odporúčanie sa samozrejme týka aj ostatných online kanálov - mali by ste sledovať, čo sa o vás píše na blogoch či v komentároch, na stránkach s recenziami a podobne).

4. Pre sociálne siete musíte mať jasné pravidlá a kontakty. Ľudia vo firme majú vedieť, na koho sa obrátiť so spravovaním účtu. Kto a ktoré informácie má posúvať tímu zodpovednému za sociálne siete? Veľké firmy vo svete si vytvárajú oficiálne procesy pre účasť v sociálnych médiách. Niall Cook zo špičkovej PR agentúry Hill and Knowlton pripravil výborný zoznam otázok (v angličtine), na ktoré si firma musí vedieť odpovedať, než začne oficiálne Twittovať.

5. Kto vás sleduje? Spoznajte svojich nových followerov. Vytrieďte si zo zoznamu očividný spam a sledujte, čo vaši fanúšikovia hovoria, čo ich zaujíma. Kľudne sa na Twitteri staňte ich “folowermi”. Ak v mene spoločnosti komunikuje konkrétna osoba, kľudne môže reagovať a zapojiť sa do bežných konverzácií.

6. Sledujte svojich konkurentov. Môžete sa dozvedieť o ich novinkách a stratégii. Aj s nimi môžete konverzovať na Twitteri či komunikovať na Facebooku. Zoznam slovenských twitteristov, vrátane firiem, ponúka nová služba SlovakiaTwitter.com.

7. Twitter patrí medzi vaše kontaktné údaje. Patrí na web stránku, vizitky aj hlavičkový papier, potenciálne aj na autá či do reklamy. O tom, koľko fanúšikov získate, rozhoduje aj to, ako ich oslovíte: dizajnér užívateľských rozhraní Dustin Curtis zistil (anglicky), že formulácia “You should follow me on Twitter here” ako hypertextový odkaz fungovala najlepšie, hoc u vás na webe či blogu môže fungovať niečo iné.

8. Zaregistrujte si na Twitteri váš názov a prípadné alternatívne verzie. V prípade, že vám niekto už vašu značku obsadil, obráťte sa z oficiálneho mailu na support@twitter.com. Značku je v prípade takzvaného squattingu možné získať naspäť za pár hodín. Vždy pamätajte, že Twitter je v súkromnom vlastníctve. Aj vaše konto môže nečakane zmiznúť.

9. Buďte originálni. Mnoho firiem profituje z kônt na Twitteri či Facebooku novými spôsobmi. Najväčší potenciál je v tom, že ponúknete v sociálnych sieťach niečo iné, ako ostatné firmy. Nudné kontá, ktoré len zverejňujú odkazy na PR správy, veľa priateľov či followerov nezískajú. Za pozitívne prípadové štúdie zo zahraničných firiem aktívnych na Twitteri veľa blogerov považuje predajcu obuvi @Zappos, za ktorého twittuje CEO Tony Hsieh (nedávno ich kúpil Amazon), aerolínie @SoutwestAir. Prípadové štúdie sa často venujú @kogiBBQ, ktorí si svoj biznis vybudovali práve na Twitteri alebo predajcovi výpočtovej techniky Dell, ktorý ukázal firmám, ako sa dá cez Twitter zvýšiť predaj (cez konto @DellOutlet a ďalšie kontá).

10. Participovať na Twitteri či Facebooku nie je bezplatné. Účasť v sociálnych sieťach si vyžaduje manažérsky čas, vstupy grafikov, copywriterov. V rôznej miere dopĺňa ostatné komunikačné kanály. Návratnosť investícii do participácie v sociálnych médiách môže byť ťažké vyčísliť (koľko je presne hodné, keď niekto o vás hovorí?).

Zo slovenských PR agentúr zvláda Twitter a sociálne siete možno len Neopublic (ich Embuck na blogu svojho času písal o slovenských značkách na Twitteri), hoc kontá pribúdajú aj ostatným, takže sa to môže čoskoro zmeniť. Zaujímavo nedávno o sociálnych sieťach hovorili na TA3 s Robom Žitňanským Jano Šifra a Peter Šebo. Akceptácii Twitteru na Slovensku sa na svojom blogu venoval kolega Daniel Duriš.

Pizza SEO je samozrejme na Twitteri aj Facebooku (hoc zatiaľ najmä po anglicky). Robili sme s niekoľkými klientami, ktorí riešili otázky okolo viditeľnosti v sociálnych sieťach. Radi sa na túto tému pozhovárame aj s vami.

Aktuálne je možné Google poskytnúť štrukturované informácie tohto druhu: hodnotenia (komentáre užívateľov k produktom a službám), ľudia (profilové informácie, životopisy a pod.), produkty (typ, popis), firmy a organizácie (kontaktné údaje).

Hodnotenia (mikroformát hReview alebo RDFa Review)

Tento mikroformát slúži na hodnotenie produtov a služieb a komentáre užívateľov k nim. Google rozpoznáva tieto údaje:

• itemreviewed (item) - element hodnotenia obsahujúci ostatné informácie
• name (fn) - názov hodnoteného produktu alebo služby
• rating - číslené hodnotenie od 1 (najhoršie) do 5 (najlepšie).
• reviewer - autor hodnotenia
• dtreviewed - dátum hodnotenia vo formáte YYYY-MM-DD (napr. 2009-09-09)
• description - text hodnotenia
• summary - krátky sumár hodnotenia

Zároveň je možné poskytnúť informáciu aj o agregovaných hodnoteniach - t.j. napr. počet hodnotení, priemerná číselná hodnota a pod. Viac o tomto mikroformáte sa dočítate na stránkach Google o hodnoteniach.

Ľudia (mikroformát vCard alebo RDFa Contact a sociálne prepojenia XFN)

Tento mikroformát by mal by použitý na označenie informácií o ľuďoch. Google rozpoznáva aj tieto informácie:

• name (fn) - meno človeka
• nickname - prezývka
• url - web stránka človeka (napr. blog)
• affiliation (org) - názov organizácie, s ktorou je daná osoba spojená (napr. zamestnávateľ). Ak fn a org majú rovnakú hodnotu, Google intepretuje tento záznam ako organizáciu, nie osobu.
• a ďalšie…

Kompletný zoznam štrukturovaných informácií pre popis osoby môžete nájsť na stránkach Google o osobách. Mikroformát XFN slúži na označenie vzťahov medzi osobami (napr. rodič, dieťa, kamarát). Google momentálne identifikuje iba vlastnosti friend, contact a acquaintance.

Produkty (mikroformát hProduct alebo RDFa Product a sociálne prepojenia XFN)

Tento mikroformát by mal by použitý na označenie informácií o produktoch alebo službách. Google rozpoznáva tieto informácie:

• brand - značka produktu
• category - kategória produktu (napr. Knihy, Domáce spotrebiče-Vysávače)
• description - popis produktu
• name (fn) - názov produktu
• price - cena (desatinné miesta by mali byť oddelené bodkou a môže obsahovať menu - $, EUR a pod.)
• photo - URL s fotkou produktu
• url - URL produktovej stránky

Ďalšie informácie o tomto mikroformáte nájdete na stránkach Google o produktoch.

Firmy a organizácie (mikroformát hCard alebo RDFa Organization)

Tento mikroformát by mal by použitý na označenie informácií o firmách a organizáciách. Google rozpoznáva tieto informácie:

• name (fn/org) - názov organizácie alebo firmy. Obidva atribúty fn a org by mali obsahovať rovnaký názov.
• url - stránka organizácie
• address (adr) - nadradený element pre údaje o adrese
  • street-address - ulica, podradený element adresy
  • locality - mesto, podradený element adresy
  • region - geografický región, podradený element adresy
  • postal-code - PSČ, podradený element adresy
  • country-name - štát, podradený element adresy
• tel - telefónne číslo

Ďalšie informácie o mikroformáte na označenie firiem nájdete na stránkach Google o organizáciách.

Výhody a využitie

Rozšírené popisky sa vo výsledkoch vyhľadávania aktuálne zobrazujú napr. pri vyhľadávaní ľudí pri stránkach LinkedIn a Facebook (viď obrázky).

Z dlhodobého hľadiska môžu dodatočné informácie poskytované cez rozšírené popisky zvyšovať počet užívateľov, ktorí si na daný výsledok vyhľadávania kliknú. Takto môžu aj weby, ktoré majú horšie pozície (ale zároveň sú dostatočne viditeľné) získať viac návštevníkov a poskytnúť pridanú hodnotu cez doplnkový náhľad obsahu práve v podobe rozšírených popiskov. Zároveň je pravdepodobné, že weby poskytujúce štrukturovaný obsah budú určitým spôsobom zvýhodnené.

Aj keď je momentálne zobrazovanie rozšírených popiskov iba v skúšobnej prevádzke, je pravdepodobné, že za niekoľko mesiacov sa zaradia značené štrukturované dáta medzi stabilné prvky výsledkov vyhľadávania Google. Ak chcete zabezpečiť vašej webstránke lepšiu viditeľnosť cez mikroformáty a potrebujete pomôcť s ich zavedením, ozvite sa nám.

Posledná rozlúčka s Jurajom bude v sobotu 8.8.2009 o 13:00 v Dome smútku Kolónia Hviezda v Martine.

Ak napríklad budete hľadať reštauráciu v okolí Panskej ulice v Bratislave, Google vám zobrazí niekoľko zariadení s ich webovými adresami, telefónnym číslom a tiež odkazom na ich hodnotenie. Až po zobrazení mapy a detailov nasledujú výsledky s odkazmi.

Existujú tri typy zobrazení: jediný výsledok s mapou, súbor troch výsledkov a súbor desiatich výsledkov. Desať výsledkov sa zvyčajne zobrazuje na lepšie cielené frázy s uvedením konkrétnej ulice či mesta, tri výsledky skôr na všeobecnejšie, menej lokálne hľadania a vtedy, keď Google nepozná dosť výsledkov.

Google spustil lokálne mapové výsledky pre Slovensko (a viacero ďalších krajín) v druhej polovici mája. Odvtedy sú výsledky prezentované hľadajúcim a teda je dôležité pri marketingu firiem na internete myslieť na prezentáciu v týchto výsledkoch. Navyše, lokálne výsledky sa umiestňujú vyššie ako klasické a pri mnohých hľadaniach budú oveľa dôležitejšie.

Ako si vytvoriť prezentáciu v lokálnych výsledkoch?

1. Prihláste sa cez Google konto na adrese www.google.com/local/add (ak Google konto nemáte, vytvorte si ho - zíde sa vám aj pri iných službách)
2. Do formulára zadajte všetky údaje o vašej spoločnosti - adresu, telefónne číslo, email, pridajte popis a kategórie činnosti (v prípade potreby môžete tiež opraviť presné miesto na mape)
3. Následne si zvoľte spôsob, akým bude zaradenie overené - cez SMS, telefonicky alebo poštou
4. Po obdržaní pohľadnice (SMS, automatizovaného telefonátu v angličtine) vložte autorizačný PIN kód
5. Vaša firma sa do bude jedného dňa (ale reálne oveľa skôr) zobrazovať v lokálnych výsledkoch vyhľadávania

Ak chcete využiť potenciál lokálnych výsledkov, ozvite sa nám do Pizza SEO.

Na záver malý test: zistíte, na aké hľadanie dostanete jeden výsledok, tri výsledky a desať výsledkov? Čím konkrétne sa tieto výsledky odlišujú?

Cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu mBank

• existuje zapamätateľná URL adresa “sk.mbank.eu”
• po prihlásení používateľ okamžite vidí prehľad svojich účtov
• okrem všeobecného pomocníka sa na jednotlivých stránkach nachádzajú špecifické nápovedy
• pre odhlásenie stačí jedenkrát kliknúť

Negatíva Internet bankingu mBank

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písať https v URL adrese
• odkazy nie sú odlíšené od ostatného textu
• povinné položky formulára nie sú zvýraznené
• v nesprávne vyplnenom formulári nie sú zvýraznené nesprávne vyplnené položky
• niektoré podstránky pomocníka nefungujú
• odkaz pre odhlásenie nie je zvýraznený

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Vitajte pri ďalšom videocaste spoločnosti Pizza SEO, v ktorom sa pozrieme na Internet banking banky mBank. Tento Internet banking je dostupný na adrese sk.mbank.eu, je však potrebné zadávať túto adresu s https, pretože automatické presmerovanie z http na https nefunguje. Pri samotnom http://sk.mbank.eu/ Vám stránku nenájde.

[00:30] Po prihlásení používateľ okamžite vidí zoznam svojich účtov, aj so zostatkami na týchto účtoch. V ľavej časti stránky sa nachádza navigačné menu, ktoré je rozbaľovacie. Je v ňom však zobrazená vždy položka práve zobrazovanej stránky. Na stránke Nastavenia som si všimol, že nie je celkom jasné, čo sú odkazy, pretože pre odkazy, napríklad aktivovať službu, alebo zmeniť heslo, je použitý taký istý modrý text, ako pre informáciu o tom, aký je status danej služby.

[01:07] Pre vytvorenie prevodného príkazu je potrebné zvoliť si konto a v ňom kliknúť na prevodné príkazy a napríklad jednorázový prevod. Zobrazí sa formulár, ktorý je potrebné vyplniť. V tomto formulári bohužiaľ nie sú zvýraznené povinné položky. Ak odošlem nevyplnený formulár, zobrazí sa mi vyskakovacie okno, ktoré ma informuje o tom, ktorú položku som nevyplnil, resp. vyplnil nesprávne. Vždy je to však informácia len o jednej položke, čiže keď ja ju vyplním, znovu sa mi zobrazí ďalšia položka, ktorú som nevyplnil. Takisto to nie je nikde zvýraznené v tomto formulári.

[01:56] Na stránkach sa nachádza pomocník, ktorý sa vzťahuje k danej službe. Niektoré jeho podstránky bohužiaľ nefungujú. Keď kliknem na ďalľiu pomoc, stránka sa mi nezobrazí. Takisto sa na každej stránke nachádza vpravo hore všeobecný pomocník, kde používateľ nájde informácie k jednotlivým častiam Internet bankingu, k jeho používaniu.

[02:32] Odkaz pre odhlásenie nie je vôbec zvýraznený, je však ako najvuššia položka navigačného menu a pre odhlásenie stačí jeden krát kliknúť.

Ďakujem za pozornosť.

Aké sú vaše skúsenosti s používaním Internet bankingu mBank?

Cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu Poštovej banky

• po prihlásení používateľ okamžite vidí prehľad svojich účtov
• nad formulárom sa viditeľne zobrazuje zoznam chýb pri nesprávne vyplnenom formulári
• okrem všeobecného pomocníka sa na jednotlivých stránkach nachádzajú špecifické nápovedy
• tlačidlo pre odhlásenie je farebne odlíšené
• pre odhlásenie stačí jedenkrát kliknúť

Negatíva Internet bankingu Poštovej banky

• adresa “ibpb.pabk.sk” je síce krátka, ale nie veľmi ľahko zapamätateľná
• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ sa musí prekliknúť zo stránky http://ibpb.pabk.sk, alebo písať https v URL adrese
• menu je rozbaľovacie, a teda je potrebné klikať dvakrát, kým sa používateľ dostane k požadovanej službe
• vo formulári pre prevodný príkaz chýba zoznam bánk, konštantných symbolov…
• povinné položky formulára nie sú zvýraznené
• v nesprávne vyplnenom formulári nie sú zvýraznené nesprávne vyplnené položky
• “užívateľské príručky” sú na stránke v skomprimovanom .zip formáte, ktorý prehliadač nezobrazí

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Vitajte pri ďalšom videocaste spoločnosti Pizza SEO, v ktorom si priblížime Internet banking Poštovej banky. Túto službu nájdete na adrese ibpb.pabk.sk, čo síce nie je dlhá adresa, ale taktiež nie je veľmi zapamätateľná. Pre https stránku je potrebné sa prekliknúť cez odkaz “Prihlásenie”. Potom sa zobrazí prihlasovací formulár, ktorý treba vyplniť pre prihlásenie.

[00:34] Po prihlásení má používateľ k dispozícii prehľad svojich účtov, kde si môže kliknúť na detail jednotlivých účtov, vidí disponibilný zostatok atď.

[00:46] V ľavej časti stránky sa nachádza navigačné menu. Toto menu je rozbaľovacie a jeho nevýhodou je, že vždy po vybratí istej položky sa toto menu “zbalí”, a teda pre každú akciu je potrebné klikať dvakrát.

[01:05] Ak mám záujem o vyplnenie prevodného príkazu, kliknem na príkazy na úhradu. Zobrazí sa mi formulár, ktorý je podľa mňa až príliš jednoduchý, pretože sú tu iba textové polia pre predčíslie, číslo účtu, kód banky, konštantný symbol atď. Chýba tu napríklad zoznam konštantných symbolov, zoznam rôznych bánk atď. Ak potvrdím prázdny formulár, správne sa mi zobrazí nad týmto formulárom zvýraznený zoznam chýb, čo som zle vyplnil, čo som nevyplnil. Ešte by bolo vhodné, keby tieto chyby boli zvýraznené aj priamo v tomto formulári. Je tu zvýraznená len položka “Úhrnná suma prevodných príkazov”, ale ostatné polia nie sú zvýraznené, aj keď sú nesprávne vyplnené.

[02:07] Na jednotlivých stránkach sa nachádza nápoveda, akýsi skrátený pomocník, ktorý súvisí s práve zobrazovanou stránkou a je to veľmi užitočná vec. Takisto sa na stránke nachádzajú tzv. Návody a príručky, kde používateľ nájde dokumentáciu k tomuto systému. Väčšinou sa však jedná o dokumenty, ktoré sú skomprimované vo formáte .zip.

[02:41] Pre odhlásenie z Internet bankingu Poštovej banky slúži tlačidlo/odkaz v ľavom menu, ktorý je farebne odlíšený a pre odhlásenie sa stačí jedenkrát kliknúť.

Ďakujem za pozornosť.

Aj Vy používate Internet banking Poštovej banky? Čo si o ňom myslíte?

Prístupná webstránka je taká, ktorú si môže prezerať každý používateľ - bez ohľadu na to, či je zrakovo postihnutý, trpí motorickými poruchami alebo používa na prezeranie stránok mobilný telefón alebo čítacie zariadenie. Prístupnosť teda nie je len o plnení zákona ale aj o tom, aby si informácie na webovej stránke ministerstva, úradu, mesta, obce alebo školy vedeli nájsť všetci občania používajúci internet bez ohľadu na postihnutie či použité zariadenie.

Zákon o prístupnosti

Zákon č. 275/2006 Z.z. nariaďuje, aby od 1. júna 2008 všetky informačné systémy verejnej správy vyhovovali štandardom - bezpečnosti, otvorenosti, prístupnosti. Medzi ne samozrejme patria aj webové stránky verejnej správy.

Verejná správa však často nemá kapacitu alebo vôľu urobiť svoje webstránky prístupnými a porušuje zákon. Neprístupné weby mali viaceré subjekty verejnej správy ešte aj v septembri 2008. Ministerstvo financií zatiaľ nikoho nepokutovalo, aj keď pokuty sľubovalo.

Najčastejšie problémy v prístupnosti

Povinné a odporúčané požiadavky s presne zadefinovanými štandardmi prístupnosti, ktoré musia spĺňať weby verejnej správy sa nachádzajú vo Výnose č. MF/013261/2008-132 (pôvodne Výnos č. 1706/M-2006) o štandardoch pre informačné systémy verejnej správy. Z našich skúseností mali (a majú) weby verejnej správy najčastejšie problémy v týchto oblastiach:

1. Kombinácia farieb popredia (textu) a pozadia má byť dostatočne kontrastná.

Ak nie sú farby popredia a pozadia dostatočne kontrastné, splývajú používateľom, ktorí trpia farbosleposťou alebo poruchami zraku. Okrem toho môžu splývať pri čiernobielom zobrazení. Riešenie tohto problému je často veľmi jednoduché.

Problematické časti stránky môžeme zistiť pomocou rôznych testov, existuje dokonca rozšírenie pre Firefox. Náprava väčšinou spočíva v úprave farieb príslušných elementov v CSS.

Na obrázku môžeme vidieť miesta na webe mesta Šaľa so slabým kontrastom farieb (orámované červeným obdĺžnikom):

2. Nadpisy na webe majú vyjadrovať štruktúru a byť v kóde správne označené (hierarchicky tagmi H1 – H6).

Obsah na webe (texty, články…) je často rozdelený pomocou nadpisov. Nadpisy tvoria štruktúru dokumentov. Niekedy však bývajú označené ako nadpisy len vizuálne (veľkým písmom, hrubým fontom, inou farbou), je nevyhnutné ich však označiť aj formálne (hierarchicky pomocou HTML tagov H1 až H6). Nemali by byť tvorené napr. pomocou normálneho textu (element SPAN) a naštýlované tak, aby vyzerali ako nadpisy. Každá stránka by mala mať práve jeden hlavný nadpis (H1), ktorý vystihuje jej obsah. Časti nižšej úrovne by mali mať podnadpisy druhej úrovne H2 atď. Štruktúra nadpisov dokumentu by mala byť správne logicky usporiadaná (H3 môže byť použitý až ako podnadpis H2, nie ako podnadpis H1; H2 musí nasledovať až za H1, nesmie byť použitý skôr a podobne).

Pre ľudí, ktorí používajú čítačky obrazovky sú nadpisy dôležitým prvkom pri navigácii. Pri výskume konzorcia WebAIM, v ktorom odpovedalo viac ako 1000 používateľov s čítačkami, až 76 % opýtaných používa nadpisy na navigáciu často alebo vždy keď sa dá.

Pozrieť sa na štruktúru (nadpisov) stránky umožňuje napríklad rozšírenie pre Firefox s názvom Web Developer (Information -> View Document Outline). Pre mesto Banská Bystrica nám tento nástroj prezradil, že na úvodnej stránke sa nachádza iba jeden nadpis, a to až štvrtej úrovne (H4). Nehovoriac o tom, že znie „Príspevky občanov“.

Ak stránka používa CMS systém, náprava označenia nadpisov by nemala byť veľmi náročná.

3. Zoznamy (číslované a nečíslované zoznamy, navigácia) majú byť v kóde správne označené (tagmi UL, OL).

Ako zoznamy môžu byť (a mali by byť) interpretované napríklad navigačné menu, zoznam možností s odrážkami, akékoľvek značenie poradia v texte (číslovaný zoznam) a pod.

V prípade, že sú zoznamy správne označené tagmi UL alebo OL, používateľ s čítačkou ich vie správne interpretovať. Nestačí mu totiž napríklad rôzne odsadenie položiek zoznamu na pochopenie hierarchie (vo viacúrovňových zoznamoch). Pri navigačnom menu to znamená, že ho môže ľahko preskočiť a pokračovať na obsah.

4. Riadky a stĺpce v tabuľkách majú mať správne označené záhlavia (napr. pomocou TH). Každá tabuľka má mať zadefinované zhrnutie obsahu (SUMMARY). Tabuľky nemajú byť použité na definovanie rozloženia obsahu na stránke (definovanie vzhľadu).

Ak sú na stránke použité tabuľky slúžiace na organizáciu nejakých dát (dátové tabuľky), mali by mať ich riadky a stĺpce definované nadpisy (záhlavia) pomocou elementu TH.

Každá tabuľka by mala obsahovať aj zhrnutie obsahu v elemente SUMMARY.

Tabuľky by nemali byť používané na rozloženie obsahu na stránke.

Pri dodržaní týchto zásad budú tabuľky prístupnejšie a zrozumiteľnejšie pre zrakovo postihnutých používateľov používajúcich hlasové čítačky. Čítačka im prečíta zhrnutie obsahu, vďaka čomu ľahšie pochopia obsah tabuľky, ako keby ho mali dedukovať z obsahu buniek.

5. Webová stránka má byť čitateľná aj keď sú štýly vypnuté.

Nie všetci používatelia môžu webové dokumenty prehliadať aj s priradenými kaskádovými štýlmi (CSS). Preto by tieto dokumenty mali byť prístupné aj bez nich. Celý web má byť s vypnutými štýlmi bez problémov ovládateľný (navigácia by mala fungovať aj bez štýlov). Pre správne zobrazenie obsahu použite logické členenie na nadpisy, zoznamy a podobne.

Bez priradeného CSS si môžete pozrieť v prehliadači Firefox ktorúkoľvek stránku (View -> Page Style -> No Style).
Pozrime sa napríklad na stránku mesta Ružomberok s vypnutými (na obrázku vľavo) a zapnutými štýlmi (na obrázku vpravo):

Hlavný nadpis na stránke znie „Vyhľadávanie“, hneď za ním nasleduje vyhľadávací formulár. Človek by si myslel, že je na stránke nejakého vyhľadávača, no je to stránka mesta Ružomberok. Pripomíname, že nadpis „Mesto Ružomberok“ je bez CSS umiestnený až na samom konci stránky.

Upraviť stránku tak, aby bola správne čitateľná a štrukturovaná aj bez CSS, väčšinou zaberie viac času. Vyžaduje totiž presúvanie rôznych častí obsahu, zmenu použitých HTML tagov a pod.

6. Formulárové políčka majú byť prepojené s príslušnými popiskami.

V HTML môžeme popis (LABEL) prepojiť s formulárovým prvkom pomocou atribútu FOR. Popis formulárových prvkov umožní ľahšie vyplnenie formulára pre všetkých používateľov. Čítačky obrazovky správne priradia popis k zodpovedajúcemu políčku formulára.

Náprava je jednoduchá:

<label for=”name”>Meno:</label><input type=”text” id=”name”>.

7. Označenie hypertextového odkazu má byť výstižné bez ohľadu na kontext (teda nie „kliknite sem“, alebo „zobraziť dokument“ a pod.). Použite výstižný titulok odkazu.

Z označenia každého odkazu by malo byť jasné, kam odkaz smeruje, a to nezávisle na tom, aká je doterajšia používateľova skúsenosť s daným webom alebo aký je obsah okolitého kontextu. Označením odkazu máme na mysli kombináciu textu odkazu (t.j. text umiestený medzi párovým tagom <a></a>) a atribútu TITLE tagu A. Ak je to možné, mala by byť táto informácia zreteľná zo samotného textu odkazu. V prípade, kedy je výpovedná schopnosť samotného textu odkazu z nejakého dôvodu obmedzená, použite atribút TITLE so spresneným popisom.

Napríklad:

<a href=”muzeum.html” title=”Viac informácií o Slovenskom národnom múzeu”>SNM – kontakt a otváracie hodiny</a>
<a href=”muzeum.html” title=”Viac informácií o Slovenskom národnom múzeu”>viac informácií</a>

8. Kód webovej stránky by mal zodpovedať niektorej špecifikácii, najlepšie najmodernejšej (teda napr. XHTML 1.0 Strict).

Kód stránky by mal byť spĺňať štandardy W3C. Validný kód (taký, ktorý spĺňa štandardy W3C) je čitateľnejší pre vyhľadávače, prehliadače ho vedia jednoduchšie spracovať a zobraziť a má menšiu veľkosť, čo znamená, že prehliadače ho vedia rýchlejšie stiahnuť. Niektoré pomocné technológie (napr. hlasové čítačky) môžu mať so sprístupnením nevalidných stránok problémy.

Validita kódu sa dá jednoducho skontrolovať nástrojom http://validator.w3.org (prípadne českým http://validator.w3.cz). Tieto nástroje okrem upozornenia na chyby navrhnú aj spôsob nápravy.

9. Majú byť používané META-informácie na pridanie sémantických informácií jednotlivým stránkam (titulok (TITLE), popis (DESCRIPTION)…).

Pri stránkach so správne zadefinovaným titulkom, prípadne popisom je používateľovi hneď jasný aj ich obsah. Horšie je to vtedy, keď všetky stránky webu majú rovnaký (prípadne žiadny) titulok.

Stránky na webe mesta Bardejov majú všetky rovnaký titulok – „.: Mesto Bardejov :.“ (nezmyselne doplnený bodkami a dvojbodkami), ktorý o obsahu nehovorí nič (keďže sa nachádzame na podstránke Primátor mesta):

Na stránkach, ktoré bežia na CMS sa väčšinou titulky podobne ako nadpisy dajú jednoducho generovať.

Užitočné odkazy k prístupnosti

• http://www.w3.org/TR/WCAG10/ - zásady prístupnosti verzie 1.0 od W3C (z tých vychádza slovenský zákon)
• http://www.w3.org/TR/WCAG20/ - zásady prístupnosti verzie 2.0 od W3C (najnovšia verzia zásad prístupnosti)
• http://www.blindfriendly.cz/wcag20/ - český preklad WCAG 2.0
• http://www.informatizacia.sk – stránky Ministerstva financií SR venované informatizácii a e-governmentu
• http://www.blindfriendly.sk – web s tipmi pre prístupnosť stránok
• http://validator.w3.org – validátor (hodnotiaci robot) upozorňujúci na chyby v kóde stránok (v angličtine)
• http://validator.w3.cz/ - validátor (hodnotiaci robot) upozorňujúci na chyby v kóde stránok (v češtine)
• http://wave.webaim.org – validátor (hodnotiaci robot) upozorňujúci na chyby prístupnosti (v angličtine)
• http://spravodaj.madaj.net/view.php/2009/02-je-ten-web-nejaky-divny-nebude-nepristupny - článok o prístupnosti s aktuálnymi zdrojmi a detailnými odporúčaniami
• http://blog.pizzaseo.com/sk – blog spoločnosti Pizza SEO o efektívnych webových stránkach

Pizza SEO a prístupnosť webov verejnej správy

Spoločnosť Pizza SEO ponúka konzultácie v oblasti prístupnosti a venuje sa jej aj vo svojej vstupnej službe - Effective Web Audit. Stránka PizzaSEO.com bola Ministerstvom financií v roku 2007 vyhodnotená ako jediná stránka súkromného subjektu spĺňajúca všetky štandardy prístupnosti.  Audit prístupnosti sme vypracovali napríklad aj pre mesto Malacky.

Poznámka: článok bol aktualizovaný s uvedením nového Výnosu č. MF/013261/2008-132, ktorý nahradil pôvodný výnos z roku 2006.

Cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu Istrobanky

• existuje zapamätateľná adresa “ibssl.istrobanka.sk” (príp. “ibanking.istrobanka.sk”, z ktorej je ale nutné sa ďalej prekliknúť na ibssl.istrobanka.sk)
• po prihlásení používateľ okamžite vidí stav svojho účtu
• z úvodnej stránky sa dá jedným kliknutím dostať na prevodný príkaz
• v nesprávne vyplnenom formulári je zvýraznená nesprávne vyplnená položky (žiaľ, vždy len jedna)
• nad formulárom sa viditeľne zobrazuje informácia o nesprávne vyplnenej povinnej položke formulára (takisto, vždy len o jednej)
• okrem všeobecného pomocníka existujú aj nápovedy k niektorým položkám

Negatíva Internet bankingu Istrobanky

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písať https v URL adrese
• v menu nie je zvýraznená položka, ktorá predstavuje práve zobrazovanú stránku
• menu je rozbaľovacie, a teda je potrebné klikať dvakrát, kým sa používateľ dostane k požadovanej službe
• povinné položky formulára nie sú zvýraznené
• informácie o zle vyplnených položkách formulára a ich zvýraznenie je riešené vždy len po jednej položke
• odhlásenie je nutné ešte potvrdiť

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis tohto videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Zdravím Vás pri ďalšom videocaste spoločnosti Pizza SEO, ktorý bude o Internet bankingu Istrobanky. Pre Internet banking Istrobanky existuje stránka ibanking.istrobanka.sk. Toto je však len akási prechodná stránka, z ktorej je ešte potrebné sa ďalej prekliknúť na ďalšiu stránku ibssl.istrobanka.sk. Tu však je potrebné, ak by ste to chceli zadávať priamo do adresového riadku prehliadača, zadať https, bez ktorého Vám stránku nenájde.

[00:41] Po prihlásení sa používateľovi zobrazia informácie o jeho účtoch a o zostatkoch na týchto účtoch. Nad týmito informáciami sa nachádzajú užitočné informácie napríklad o tom, ako často sú zostatky aktualizované a ktoré informácie nemusia obsahovať. Je správne, že takéto informácie sa nachádzajú nad samotnými informáciami o účtoch, aby ich používateľ neprehliadol.

[01:10] V ľavej časti sa nachádza navigačné menu k účtom, ktoré je rozdelené na aktívne operácie, pasívne operácie a nastavenia hlásenia zostatkov. Je to rozbaľovacie menu, čiže je potrebné klikať dvakrát, keď sa používateľ chce dostať na niektorú z týchto položiek. Dobré je, že (odkaz) “Prevodný príkaz” je medzi aktívnymi operáciami hneď na prvom mieste. Taktiež na úvodnej stránke, kde bol prehľad účtov, sa dá prekliknúť na prevodný príkaz.

[01:49] Tu sa nachádza formulár, ktorý je potrebné vyplniť pre zadanie príkazu na platbu. V tomto formulári však nie sú zvýraznené povinné položky. Až keď odošle používateľ nesprávne vyplnený formulár, dozvie sa, že niektorá položka bola nesprávne vyplnená povinná :). Bohužiaľ, informácie o nesprávne vyplnených položkách sú zobrazované vždy len po jednej. Ja som nevyplnil ani čiastku, ktorá musí byť viac ako 0, ale dostal som hlásenie že som nevyplnil len číslo účtu. Až keď by som toto číslo vyplnil, až potom sa mi zobrazí ďalšia chyba, že som nedal napr. kód banky a pod. Pri niektorých položkách sa nachádza nápoveda, ktorá môže byť pre používateľov užitočná v tom, že im bližšie priblíži, čo tieto položky znamenajú.

[02:49] Taktiež sa tu nachádza pomocník, ktorý je všeobecný a ktorý popisuje jednotlivé časti Internet bankingu.

[03:02] Pre odhlásenie slúži tlačidlo vpravo hore. Je potrebné naň kliknúť a potom ešte potvrdiť dotaz, či sa používateľ naozaj chce odhlásiť z Internet bankingu.

Ďakujem za pozornosť.

Podeľte sa o Vaše skúsenosti s používaním Internet bankingu Istrobanky prostredníctvom komentárov nižšie!

Už tradične opakujeme, že cieľom videocastu nie je prejsť všetky aspekty, ktoré sme pri hodnotení použiteľnosti Internet bankingu brali do úvahy, ale len vypichnúť a názorne ukázať niektoré z nich. Kompletný zoznam 60 ukazovateľov, prostredníctvom ktorého testujeme aplikácie jednotlivých bánk bude zverejnený až na konci tejto série videocastov spolu s rebríčkom nášho hodnotenia použiteľnosti Internet bankingu týchto bánk.

Pozitíva Internet bankingu Dexia banky

• existuje zapamätateľná adresa “eb.dexia.sk”
• po prihlásení používateľ okamžite vidí stav svojho účtu
• v nesprávne vyplnenom formulári sú zvýraznené nesprávne vyplnené položky
• pri jednotlivých položkách formulára sa nachádza nápoveda
• odhlásenie je dostupné na jedno kliknutie a je viditeľne zvýraznené

Negatíva Internet bankingu Dexia banky

• neexistuje presmerovanie z http na https (adresu so zvýšenou bezpečnosťou) - používateľ musí písat https v URL adrese
• v menu nie je zvýraznená položka, ktorá predstavuje práve zobrazovanú stránku
• menu je rozbaľovacie, a teda je v mnohých prípadoch potrebné klikať dva krát, kým sa používateľ dostane k požadovanej službe
• povinné položky formulára nie sú vôbec zvýraznené
• informácia o nesprávne vyplnených povinných položkách formulára sa zobrazuje až pod formulárom
• nefunguje odkaz na pomocník
• pri odkazoch na stránke “Príručky” nie je uvedené, že smerujú na súbory .doc a .pdf

Pre tých, ktorí z technických, či akýchkoľvek iných príčin nemôžu, resp. nechcú spúšťať nasledujúce video, sme pripravili textový prepis videocastu, ktorý nájdete nižšie.

Textový prepis videocastu:

Vitajte pri prvom videocaste spoločnosti Pizza SEO v roku 2009, v ktorom sa pozrieme na Internet banking Dexia banky. Tento Internet banking je dostupný na adrese eb.dexia.sk. Nesmiete však zabudnúť zadať najskôr https. Ak by ste zadali len http, prípadne len eb.dexia.sk, dostali by ste chybovú stránku. Pre prihlásenie slúži prihlasovací formulár, ktorý je na úvodnej stránke celkom dobre viditeľný.

[00:38] Po prihlásení sa používateľovi zobrazí zoznam jeho účtov, aj s jeho zostatkami (disponibilný, účtovný, aktuálny). V ľavej časti sa nachádza navigačné menu. Toto má pomerne veľa položiek, preto je toto menu rozbaľovacie a škoda je, že sa v tomto navigačnom menu nezvýrazňujú položky, ktoré sú práve vybrané. Keďže je menu rozbaľovacie, tak pre prechod na tuzemský platobný príkaz je potrebné klikať dva krát z úvodnej stránky. Tiež si myslím, že samotný odkaz “Tuzemský príkaz” mohol byť v časti “Platby” posunutý úplne hore, pretože predpokladám, že je to položka častejšie používaná, ako “Import súboru príkazov”.

[01:31] Pre zadanie platby je potrebné vyplniť formulár, v ktorom nie sú zvýraznené povinné polia. Ak odošlem prázdny formulár, až vtedy sa zvýraznia tie polia, kroré sú nesprávne vyplnené, resp. nevyplnené. Taktiež sa zobrazí informácia o tom, kroré polia sú nevyplnené, alebo zle vyplnené. Táto informácia mohla byť skôr posunutá nad formulár a nie až pod tento formulár. Celkom užitočné je, že pri výbere účtu platiteľa sa zobrazuje tiež zostatok na tomto účte. Pri jednotlivých položkách sa taktiež nachádza nápoveda, kde je bližšie určené, ako má vyzerať zadaná položka.

[02:28] Všeobecný pomocník (odkaz “Pomoc”), sa nachádza v hornom menu, odkaz však nefunguje, bohužiaľ. Funguje odkaz na “Príručky”, kde sú odkazy na dva súbory, pričom jeden je súbor formátu .doc a druhý je súbor s príponou .pdf. To však nie je nikde pri týchto odkazoch spomenuté.

[03:02] Odhlásiť sa je možné kliknutím na tlačidlo pod ľavým navigačným menu, ktoré je dosť viditeľné a pre odhlásenie stačí jeden krát kliknúť. Netreba už nič viac potvrdzovať.

Ďakujem za pozornosť.

Používate Internet banking Dexia banky? Napíšte nám do komentárov, čo na ňom vyhovuje, či nevyhovuje práve Vám!