Chyby, ktoré nás na weboch rozčuľujú 2017

Pri práci nám v Pizza SEO prejde pod kurzormi mnoho webov. Nefunkčný detail nám neunikne a niektoré časté riešenia nás hnevajú. Čo najviac rozhádže našich najskúsenejších kolegov?

Martina Hatňanková – Špecialistka na obsah

Maťa je špecialistkou na obsah. Rozumie si so sociálnymi sieťami, článkami, ale najradšej tvorí texty na weby. Po práci recenzuje knihy a robí rozhovory pre Meet the Heroes. Čo ju na weboch privádza do vývrtky?

Zbytočné texty na webe

Prelúskavať sa tonami obsahu, ktorý nikomu nepomáha a zbytočne zdržuje, nebaví nikoho ani Martinu. Dlhé „tapetové“ texty sa ťažko čítajú, nedá sa v nich orientovať a dôležité informácie unikajú v balaste.

Rada pre vás? Pracujte s tým, aké množstvo textu si daná podstránka vyžaduje. Hlavná stránka alebo kategória nepotrebuje mať toľko textu a vysvetľovania ako napríklad vstupná stránka služby či detail produktu. Pri tvorbe textov a webov nezabúdajte ani na CTA – Call To Action buttony (tlačidlá na výzvu k akcii), ktoré nasmerujú návštevníka k akcii, ktorú má na stránke vykonať – nákup, registrácia alebo odoslanie formulára.

Umiestniť kvalitný obsah na vstupných stránkach sa vždy oplatí. Často počuť, že sú na nich len „SEO texty“, teda zhluky kľúčových slov. Práve tomu sa snažte vyhýbať. Nájdite kompromis medzi SEO odporúčaniami a užitočnosťou obsahu, a píšte texty, ktoré návštevníkovi pomáhajú pri výbere a rozhodovaní, a čo najviac mu uľahčia cestu k vytúženej konverzii.

Keď facebooková stránka nahrádza web

Martinu irituje, keď hľadá menu novej reštaurácie, zadáva adresu webu do vyhľadávača a tá je presmerovaná na Facebook page. Na Facebooku potom scrolluje v množstve obsahu, statusov a fotiek, a márne sa snaží nájsť informácie, ktoré hľadá a potrebuje.

Pre malé firmy a projekty môže stránka na Facebooku v začiatkoch nahradiť web. Facebook stránka je zadarmo a jednoducho sa na nej komunikuje vaša značka. Neskôr je ale používanie Facebook page príliš limitujúce. Stále existuje množstvo ľudí, ktorí nie sú na Facebooku. Zákazníci vás nevedia nájsť cez vyhľadávače (okrem značky). Taktiež na stránke neviete pracovať s grafickým dizajnom ani používateľskou skúsenosťou.

Nestavte preto všetko na facebookovú kartu, na ktorej nemáte všetko pod kontrolou. Investujte aspoň do jednoduchého webu, ktorý bude z dlhodobého hľadiska oveľa hodnotnejší.

Nefunkčné časti webu

Každá vaša snaha dostať sa k informácii, ktorú hľadáte, končí na chybovej stránke 404. Majiteľ webu pravdepodobne pri spustení webu počítal s blogom, ale zatiaľ sa mu ho nepodarilo spustiť. Na webe má odkaz na Instagram, ale už dva mesiace si neúspešne plánuje založiť účet. Zrušil sekciu na webe, ale nevyhodil ju z menu.

Čo by ste mali urobiť, aby ste svojich návštevníkov nehnevali? Časti webu, ktoré ešte nemáte dokončené alebo ste ich zrušili, vždy odstráňte z obsahu, aby nemýlili návštevníkov. Nefunkčné URL adresy alebo nedostupné produkty vždy presmerujte na náhradný produkt, prípadne o kategóriu vyššie. Množstvo chybových stránok je pre vyhľadávač signálom, že sa o web nikto nestará a neudržiava ho. Pri presmerovaní si zachováte aj „link juice“, ktorý cez stránku na váš web smeruje.

Web si nepamätá, kde som bol pred prihlásením

Poznáte to. Prezeráte si produkt, chcete si ho uložiť na neskôr do obľúbených produktov alebo sa chystáte vykonať akciu, pred ktorou je ale nutné sa prihlásiť. Po prihlásení vás systém vráti na hlavnú stránku a nie tam, kde ste naposledy skončili svoju púť za vysneným produktom. Začnete od začiatku alebo odídete na iný web?

Riešenie je pomerne jednoduché. Stačí povedať vášmu programátorovi, aby v kóde stránky uložil pozíciu (napríklad do cookies), z ktorej sa prihlasujete. Po prihlásení vás potom automaticky systém vráti na pôvodnú stránku.

Tomáš Koleň – konzultant

Tomáš kormidluje náš SEO tím v rozbúrených vodách vyhľadávačov. Okrem práce na klientských weboch sa venuje niekoľkým svojim e-shopom. Čo ho na webovej a hlavne e-shopovej scéne rozčuľuje?

Nekvalitné produktové stránky

Pri e-shopoch sú alfou a omegou produktové stránky. Tomáša dokáže vytočiť, ak neslúžia svojmu účelu kvôli okopírovaným neinformatívnym textom a nevýpovedným fotografiám.

Dajte si preto na nich záležať. Vždy sa snažte textami pomôcť zákazníkom pri výbere a ponúknite im niečo viac. Vyhýbajte sa okopírovaným textom z produktových katalógov, tie použili už desiatky e-shopov pred vami, a Google vás za to neodmení.

Rovnako si dajte záležať aj na fotkách. Vyhýbajte sa amatérskym fotkám v nízkej kvalite, určite nepoužívajte fotky z mobilu. Viaceré výskumy odporúčajú mať fotky produktov v prirodzenom prostredí. Ak predávate záhradný nábytok, odfotografujte ho v záhrade. Ak fotíte oblečenie alebo šperky, využite modelov a modelky, a ukážte, ako oblečenie vyzerá priamo na ľuďoch.

Chýbajúci alebo zle nastavený live chat na webe

Tomáša hnevá, ak naňho v e-shope vyskočí okienko chatu ešte skôr, než sa stihol rozhliadnuť.

Potrebujete si overiť, či vám bude tovar dodaný naozaj do 24 hodín? Nie ste si istí, či produkt spĺňa vaše požiadavky?

Priama interakcia zákazníka s predajcom je jedným z hlavných bodov, ktorý odlišuje kamenné predajne od e-shopov. Je preto neoceniteľné, keď máme predajcu prítomného aj v e-shope, a to vieme dosiahnuť práve prostredníctvom live chatu. Správne nastavený live chat a spoľahlivá podpora na strane e-shopu majú viaceré výhody. Štúdie uvádzajú, že používatelia pomoc od reálnej podpory veľmi vítajú. Vracajú sa na stránky, ktoré ho používajú a na takýchto weboch aj častejšie nakupujú.

Pridanie chatu na stránku ale nestačí. Aby chat fungoval, ako má, treba si ho správne nastaviť. Mali by na neho platiť podobné pravidlá ako pre pop-up okná, čiže v prvom rade nesmie byť otravný. Chat by sa mal otvoriť v pravú chvíľu. Po určitej dobe strávenej na stránke, po niekoľkých preklikaných podstránkach alebo pri kliknutí na detail produktov. Ideálne ak chat hneď po otvorení obsahuje personalizovanú správu a akciu na výzvu.

Netransparentná cenotvorba a informácie o doručení

Nepríjemné prekvapenie v podobe vysokej ceny za poštovné dokáže nahnevať a väčšinou sa informáciu o cene za dopravu dozviete až v poslednom kroku objednávky. Skrývanie ceny za dopravu býva taktikou obchodníkov, ktorí sa snažia zarábať aj na poštovnom. (Oficiálne ceny Slovenskej pošty za poštovné sú dostupné.)

Buďte k svojim zákazníkom transparentní. Ak máte e-shop, komunikujte zákazníkovi cenu za dopravu včas. Vedzte, že ich potešia aj informácie o sledovaní zásielky. Ak zásielky posielate Slovenskou poštou a doručenie môže trvať dlhšie, ukážte zákazníkom, kde sa ich zásielka práve nachádza. Rovnako môžete postupovať aj pri kuriéroch.

Zuzana Konečníková – UX Špecialistka

Zuzka vymenila navrhovanie budov za navrhovanie webov. Dnes vedie UX a web tím. Po práci rada cestuje do zahraničia a učí sa cudzie jazyky. Čo ju na weboch dokáže vytočiť?

Nejasné a nič vraviace texty vo formulároch a tlačidlách na výzvu (CTA button)

Zuzku rozčuľuje, keď musí lúštiť šifry vo formulároch a na tlačidlách. Nebaví ju hádať, čo skratky na tlačidle znamenajú.

Pri tvorbe textov na web najčastejšie bojujeme s obmedzeným priestorom pre texty, špecifickým jazykom cieľovej skupiny alebo komplikovanými informáciami, ktoré potrebujeme zjednodušiť. Pri riešení týchto problémov sa potom uchyľujeme k používaniu skratiek alebo špeciálnych výrazov, ktoré cieľová skupina nepozná. Preto ak tvoríte texty, vždy sa ich snažte robiť s dôrazom na cieľovú skupinu a vždy ich testujte s niekým, pre koho sú určené.

Taktiež zvoľte správne aj farby tlačidiel. Ak web využíva rôzne farebnosti a vyberáte si z dvoch možností, niekedy môže byť problém rozlíšiť, ktoré tlačidlo je označené, a ktoré nie.

Príklad nejasného formulára sme našli u istého vlakového prepravcu. Podarilo sa vám rozlúštiť tlačidlo Pr. Dol/Str. /Hor?

Pripájame taktiež vhodné riešenie. Formulár na obrázku nižšie je zrozumiteľne popísaný, používa výrazné farby aj nápovedu. Navyše zlepšuje celkový dojem z vypĺňania vďaka textu „Nevadí. Stáva sa aj najlepším. :)“, ktorý navodzuje iný tón komunikácie, aký by sme v podobnom prípade očakávali.

Vstupné stránky bez výzvy na akciu

„Dokáže ma nahnevať, keď sa na webe dostanem do slepej uličky a z podstránky sa nedá nikam posunúť ďalej, na nič sa nedá klikať,“ sťažuje sa Zuzka.

Pri eshopoch a produktových stránkach je cieľ jednoduchý a je ním nákup. Zjednodušene môžeme povedať, že nám stačí tlačidlo „kúpiť“ alebo „pridať do košíka“. Komplikovanejšie môžu byť prezentačné weby a ich podstránky. Ak nie je web navrhnutý správne, môžete sa na ňom dostať do slepej uličky (podstránky), odkiaľ nebudete vedieť prirodzene pokračovať ďalej.

Majte vždy na pamäti, že web by mal zákazníka navádzať k určitej akcii. Ak prišiel na stránku „O nás“, okrem informácií o firme a vašich zamestnancoch ho smerujte aj k vašim službám. Či už je to cez vnútorné prelinkovanie alebo tlačidlá na výzvu.

Na stránku referencií pokojne pridajte odkazy na služby, ktoré ste pre klienta robili a nezabudnite ani na tlačidlá na výzvu, ktoré budú nabádať k cenovej ponuke alebo k zanechaniu kontaktu. So stránkou, ktorá nesleduje žiaden cieľ a nevedie k akcii, vyhadzujete svoje peniaze do vzduchu.

Hamburgerové menu

Skrývanie navigácie na webe za tri prúžky už Zuzku prestalo baviť. Okrem nej už došla trpezlivosť aj iným, ktorí hamburgerovú navigáciu jednoducho radi nemajú.

Navigácia je dôležitou súčasťou každého webu. Najčastejšie sa na mobilnej verzii (a niekedy už aj na desktope) používa menu vo forme hamburgeru. Že neviete, čo hamburgerové menu je? Sú to zaužívané tri vodorovné čiarky (pripomínajúce hamburger), ktoré v sebe skrývajú časť navigácie (alebo celú) a kvôli tomu používatelia menej klikajú na web a odchádzajú z neho. Ak sa dá, robte položky menu viditeľné ihneď. Ukážete používateľom možnosti, ktoré by bežne neobjavili.

Michal Majerník – Senior PPC Špecialista

Michal pôsobil v Pizza SEO do januára 2017. Je človek mierumilovný, ale pri weboch ho vytáčajú:

Scrollovacie jednostránkové (Single page) weby

Pri peknom dizajne často zabúdame na použiteľnosť a marketingový potenciál. Jedna stránka pre viaceré služby alebo produkty nestačí. Potrebujete sa službám venovať podrobne, mať na stránke dostatok relevantného obsahu, ktorý majú vyhľadávače rady. Ak nie je váš príbeh jednoduchý a vypovedateľný lineárne, zvoľte radšej hlbšiu štruktúru webu. Viaceré vstupné stránky vám pomôžu pri SEO a PPC. Ak potrebujete odpromovať jeden produkt, akciu alebo vytvoriť microsite, jednostránkový web môže byť vhodná voľba. Pre všetko ostatné radšej zvoľte viaceré podstránky.

Zbytočné funkcionality

Na webe hrá hudba, ktorú neviete vypnúť. S prstom na koliesku myši musíte prejsť 4 metre, aby ste odsunuli všetkých usmiatych zamestnancov a dostali sa k vytúženej informácii. Neustále sa niečo na webe točí, skáče a rozptyľuje vašu snahu vykonať konverziu. Zlaté pravidlo, niekedy je menej viac, platí aj pri weboch. Sústreďte sa na navedenie návštevníka ku kontaktom, k registrácii do newslettra alebo k nákupu – k cieľu, pre ktorý bol web vytvorený.

Zle spracovaná menu navigácia

Neskrývajte zbytočne položky v menu navigácii do roletového menu. Ak máte v hlavnej navigácii dostatok miesta, využite ho. Nefunkčná roleta na mobile spôsobí, že návštevník z webu rýchlo odíde. Čo je ešte horšie, je zle nastavená niekoľkoúrovňová roleta na desktope. Pri diagonálnom pohybe z jednej úrovne menu na druhú vám zmizne celé menu a môžete začať znovu. Koľkokrát to vydržíte? Riešením je správne zvolený čas reakcie menu, keď aj po odchode kurzora zostane menu aspoň pol sekundy aktívne.

Daniel Duriš – senior konzultant

Dano sa venuje online marketingu od roku 2003. Špecializuje sa na SEO – optimalizáciu pre vyhľadávače a digitálnu analytiku. Keď sa nepremáva na bicykli po Bratislave, premáva sa na bicykli po inom svetovom meste. Čo na weboch nemá rád?

Zlá responzivita

Responzívne weby často trpia niektorými neduhmi. Napríklad prvky tretích strán, z ktorých sa pri zlom dizajne neviete dostať. Stáva sa to hlavne pri dynamických mapách, ktoré sa dajú zväčšovať a viete po nich „cestovať“. Ak mapa pokrýva celú plochu mobilu, neviete sa z nej dostať von a pokračovať ďalej na webe. Riešenie môže byť v statickej mape, ktorá sa v mobile otvorí v externej aplikácii. Mapou nikdy nevyplňte celý priestor obrazovky, ale zachovajte priestory okolo, cez ktoré sa bude návštevník môcť prescrollovať nižšie a neuviazne v nej.

Povinná registrácia na e-shopoch

Nechajte zákazníkov, aby sa rozhodli, či sa chcú na vašom e-shope registrovať. Dajte im možnosť dokončiť objednávku bez toho, aby si museli pamätať ďalšie heslo a celý proces nákupu sa zbytočne predlžoval. Jedným z argumentov používateľov proti registrácii je, že ani v kamennej predajni sa pred nákupom nemusia registrovať. Boja sa tiež zaobchádzania s ich údajmi. Ak na registrácii trváte, presuňte ju z prvého kroku objednávky medzi posledné, ako voliteľnú možnosť. A doplňte ju benefitmi, ktoré registrácia poskytuje, napríklad zrýchlený proces objednávky, história nákupov, špeciálna ponuka pre verných zákazníkov.

Web bez kontaktov

Ešte stále sa objavujú „tajomné“ weby, ktoré nemáte možnosť kontaktovať. Prípadne sa v pätičke nachádza podozrivý – v lepšom prípade gmailový – kontakt. Dajte si záležať, ako vyzerá vaša stránka kontaktov a ako ľahko je na webe dohľadateľná. Zbytočne neexperimentujte s pozíciou kontaktu. Kontakt by mal byť vždy poslednou položkou v menu. Dajte zákazníkovi čo najviac možností, ako vás môže zastihnúť. Hlavne ak poskytujete služby. Protokol mailto:, ktorý vytvorí z vášho e-mailu odkaz, je samozrejmosťou, ale nespoliehajte sa na nenápadný link. Využite kontaktný formulár, pokojne aj na viacerých podstránkach.

Patrik Barták – konzultant

Patrik začínal ako špecialista na sociálne siete. Dnes konzultuje UX webov a stratégie. Okrem práce ho môžete stretnúť na kultúre. Na webe ho iritujú:

Zle nastavené popupy (vyskakovacie okná)

Nemá ich rád Paťo a nemá ich rád ani Google, lebo obom záleží na weboch poskytujúcich dobrý používateľský zážitok. Otravné vyskakujúce „popupy” alebo, ako ich nazval Google, „intrusive interstitials“ sú prvky, ktoré vizuálne obťažujú používateľov a bránia im dostať sa k obsahu. Ak budete používať vyskakovacie okná, ktoré treba odkliknúť, aby ste sa dostali k obsahu, alebo navrchu stránky budete mať obťažujúci obsah, ktorý treba prescrollovať, Google zníži pozíciu vašich stránok v mobilnom vyhľadávaní. Platia tu výnimky pre cookies, potvrdenie veku a platobné brány. Zhrnul ich aj Pavel Ungr na svojom blogu.

Správne nastavené popupy sú účinným spôsobom, ako získavať kontakty od svojich zákazníkov, ale nechajte ich „vyskočiť“ v pravú chvíľu. Neobťažujte v prvej sekunde návštevy, ale ponúknite registráciu po skúsenosti s vaším obsahom. Možno po prekliknutí 2 – 3 stránok, prescrollovaní sa do určitej úrovne článku alebo pri pokuse o zatvorenie webu. Tieto pravidlá sa snažte dodržať aj pri oslovení cez live chat.

Rýchle a preplnené pohyblivé slidery

Ak na webe používate pohyblivé bannery, či už ako titulný obrázok na hlavnej stránke, alebo ako súčasť referencií, spomaľte. Aj keď sú bannery informačne hodnotné, pri veľkej rýchlosti si ich nestihnete prečítať a môže vám uniknúť dôležitý detail. Na druhej strane príliš pomalý slider návštevník prescrolluje. Zlatou strednou cestou je používanie primeraného množstva textu s označeným časovačom, prípadne úplné vynechanie automatického posúvania. O efektívnom použití sliderov sa dočítate aj na webe Nielsen Norman Group.

Zle optimalizované weby na mobily

Môže sa stať, že veľké a komplikované webstránky a e-shopy s hlbokou štruktúrou a množstvom informácií si vyžadujú aj komplikované responzívne verzie. Zvážte, či je nutné mať na mobile všetky informácie, ktoré obsahuje aj plná verzia stránky. Kvôli rôznej kvalite pripojenia by ste sa mali sústrediť na rýchlu mobilnú verziu s optimalizovanými obrázkami, bez zbytočných javascriptov. Ak si to váš produkt vyžaduje, je vhodné uvažovať aj nad vytvorením aplikácie. Dnes už existujú viaceré možnosti.

Ak sa vám naše konštruktívne hejty páčili, podeľte sa o svoje. Čo vás dokáže na webe popudiť?