Zaslúžite si webstránku, ktorú neprehliadne žiadny prehliadač. Máte ju?

Biznis bez webstránky je ako obchod bez výkladu. Webová stránka je miestom prvého kontaktu s potenciálnymi zákazníkmi. Buduje vaše meno dvadsaťštyri hodín denne, sedem dní v týždni, za každého počasia a aj počas štátnych sviatkov. To pre vás neurobí žiadny zamestnanec. Preto, ak si dávate záležať na výbere zamestnancov, mali by ste si dať záležať aj na webstránke.

Bohužiaľ, málo webov je dnes skutočne dobrých. Ako povedal ikonický dizajnér Paul Rand:

Ľudia majú viac skúseností so zlým dizajnom, než s tým dobrým. A keďže sú s ním zžití, sú náchilní uprednostňovať zlý dizajn.

Paul Rand, Design, Form, and Chaos

Ako spoznáte kvalitne nadizajnovanú webstránku? Je to jednoduché:

  1. Pri vyhľadaní kľúčovej frázy sa v Google zobrazí na prvých priečkach;
  2. Otvoríte ju a načíta sa takmer okamžite;
  3. Zobrazí sa korektne a to ako na mobile, tak aj na počítači;
  4. Je prehľadná, dôveryhodná, zaujímavá a relevantná;
  5. Je pekná.

V tomto článku vám ukážem ako rozpoznáte dobre odvedenú prácu pri tvorbe webstánky a čo by ste mali žiadať, ak si idete webstránku objednávať a chcete aby plnila účel.

Pozrieme sa spolu na rôzne aspekty webstránok: na vizuálny web dizajn – či je webstránka krásna; na technické prevedenie – či je webová stránka dobre nakódovaná, a na content (obsah), teda či webstránka obsahuje všetko, čo obsahovať má. Začneme od krásy.

Dizajn

Dizajn je vaša vizitka. Obzvlášť ak navrhujete vizitky. Nech ale robíte čokoľvek, ukazuje, že vám záleží na detailoch a máte pre ne oko. Vaša webstránka je preto miestom, kde sa rodí prvý dojem. Je výkladom vášho podniku.

Ľudia sú prirodzene náchylní uprednostňovať krásu: krásne veci vnímame ako lepšie a nehľadíme na to, či sú lepšie aj v skutočnosti. Ak sú všetky ostatné okolnosti rovnaké, vyberieme si krajší produkt a veríme, že krajšie veci fungujú lepšie. Tak ako v prírode, funkcia nasleduje formu.

S estetickými, štýlovo nadizajnovanými web stránkami je to ako s ľuďmi: máme tendenciu veriť im viac. Dobrý dizajn evokuje dôveru. Ukazuje, že vám záleží na tom, čo robíte.

Návštevník vášho webu intuitívne cíti, že ak ho neviete zaujať web stránkou, pravdepodobne ho nebudete vedieť zaujať ani produktom. Dizajn je tak cvičením v aplikovanej psychológii a sám o sebe je dobrým biznis rozhodnutím.

Fungujúci dizajn webovej stránky by mal spájať jednotlivé kúsky a časti do koherentného celku. Typografia, paleta farieb, výber obrázkov a vizuálna hierarchia sú nástrojmi, ktorými skrz webdizajn pútavo komunikujete informácie, hodnoty a dôvody, prečo by sa ľudia o vás mali zaujímať.

Typografia

Typografia je tónom, hĺbkou a farbou hlasu vašich písaných slov. Pre text znamená to isté, čo znamená hudobné vystúpenie pre skladbu: je interpretáciou, ktorá má potenciál nadchnúť a inšpirovať. Alebo uspať.

Myslím si, a som o tom skalopevne presvedčený, že základom dizajnu webovej stránky je a mala by byť typografia: správne zvolené písmo, esteticky a funkčne rozložené na stránke.

Typografický dobre zvládnutá stránka je ľahko čitateľná a pochopiteľná. Dáva slovám tón, ktorý vystihuje vašu či podnikovú osobnosť.

Ale pozor: čitateľnosť textu je vždy dôležitejšia než emocionálny dojem vychádzajúci z písma. Preto, ak sa vám páči divoké ornamentálne písmo, pravdepodobne nie je pre vašu webstránku tou správnou voľbou.

Na dobrý typografický dizajn webstránky väčšinou stačia dve dobre skombinované čitateľné písma. Ak máte šikovného dizajnéra, vystačí si aj s jedným. Ak robíte s majstrom, posadí vás na zadok aj obyčajnou Georgiou.

Veľké firmy si platia známych type dizajnérov, aby im navrhli na mieru rodinu písiem, ktoré budú jedinečné a budú vystihovať značku. Tie potom používajú všade, aj na webe. Bez toho, aby ste videli logo podľa písma isto spoznáte Apple, Google alebo Ikeu.

Ak ste malý podnik, start-up alebo jednotlivec, pravdepodobne pre vás nemá zatiaľ zmysel platiť si vlastného type dizajnéra. Na internete nájdete veľkú ponuku kvalitných web písiem na predaj a ak nechcete platiť, stále môžete zadarmo použiť písma z Google Fonts. Alebo, aby som bol prísnejší, výmenou za pokles rozpoznateľnosti značky

A ako spoznáte dobre typograficky nadizajnovanú stránku? Páči sa vám? Číta sa ľahko? Nesplývajú vám písmená? Sú viditeľné na pozadí? Nepreskakuje vám pohľad z riadku na riadok?

Naučím vás jednoduchú heuristiku: najmä pri dlhšom texte, ak nemám chuť prepnúť prehliadač do Reader View, stránka je typograficky viac-menej v poriadku.

Pri typografii na webe platí, že to najcennejšie, čo môžete ľuďom svojou webstránkou dať je jasnosť a jednoduchosť.

Layout a grid a teda rozloženie

Grid, alebo po slovensky smiešne mriežka je stelesnením vôle k štruktúre. Ak máte logicky štruktúrovaný web, ak máte premakanú informačnú architektúru, dávate vizuálne najavo, že máte usporiadané myšlienky. A návštevníkom webovej stránky uľahčujete navigáciu naprieč vašim webom.

Dizajn je rovnako proces rozmiestňovania ako proces tvorby.

Ellen Lupton, Thinking with Type

Použitie obrázkov

Obrázky pomáhajú ľuďom vytvoriť si obraz o vašom obsahu a zmýšľaní. Teda, aspoň by mali. Niektorí ľudia majú tendenciu prepchávať webstránky zbytočnými, nič nehovoriacimi ilustračnými obrázkami z fotobaniek alebo meme obrázkami s cieľom urobiť dojem, nafúknuť obsah alebo zakryť jeho slabiny.

Müller-Brockmannove mriežky z knihy Grid Systems in Graphic Design

Pamätajte, dobrý dizajn má zmysel. Neprepchávajte svoj web vatou, ktorá neplní žiaden účel. Ak chcete aby vaša webstránka komunikovala návštevníkom vašu veľkú myšlienku, dajte si záležať na tom, aby nebola popretkávaná vatou. Je to ľahké: Nemá zmysel používať obrázky, ktoré nemajú zmysel.

Ďalším argumentom pre použitie len skutočne hodnotných obrázkov je rýchlosť webstránky. Tá je kľúčová aj pre optimalizáciu pre vyhľadávače – SEO. Viac o SEO si povieme nižšie.

Ľuďom, ktorí chcú navrhovať (alebo kúpiť) pekné webstránky odporúčam len s mierou pozerať výsledky dizajnových hodnotení ako Awwwards. Prečo? Nedávno som si išiel pozrieť víťazov v kategórii web dizajn, otvoril som si v jednotlivých kartách prehliadača naraz celý rebríček – približne desať ocenených webstránok. Ventilátor môjho dobre vybaveného notebooku sa rozbehol na plné obrátky, teplota procesora sa začala prudko zvyšovať a stránky samotné ešte stále neboli načítané. Ak potrebujú návštevníci na otvorenie vašej stránky superpočítač a internet s vysokou rýchlosťou a aj tak sa im načítava pomaly, tak to nie je dizajn, ale predvádzanie sa.

Miesto toho odporúčam sústrediť sa na klasiky dizajnu ako The Elements of Typographic Style od Bringhursta, Grid Systems in Graphic Design od Mülller-Brockmanna, The Visual Display of Quantitative Information od Tufteho a nakoniec The Design of Everyday Things od Dona Normana.

Technická stránka webovej stránky alebo webstránka ako jedna báseň

Dizajn nie je len o tom, ako webstránka vyzerá, ale aj ako a či funguje. Krása by mala ísť ruka v ruke s použiteľnosťou a niekedy by ňou mala byť aj obmedzená. To je aj dôvod prečo som písal najprv o vizuálnom webdizajne a teraz okolo neho nakreslím hranice časťou o technickom prevedení webu. Grafická podoba webstránky má isté obmedzenia a tie obmedzenia sú stanovené užívateľským prostredím.

Vysvetlím na porovnaní: v poézii sú najlepšie diela obmedzené formou básne – napríklad sonet by mal obsahovať 14 veršov rozdelených do dvoch štvorveršových a dvoch trojveršových strof. Zároveň verše by sa mali medzi sebou rýmovať. Rytmus a štruktúra obmedzujú voľnú ruku básnika aj webdizajnéra. Dizajnér a developer sú technicky obmedzení rýchlosťou načítania stránky, potrebou responzívneho zobrazenia webstránky a rôznymi etickými, morálnymi a ekonomickými požiadavkami.

Rýchlosť

Rýchlosť webovej stránky je funkcia veľkosti obsahu stránky a rýchlosti internetového pripojenia. Google odporúča, aby sa webstránka načítala do 3 sekúnd. Prečo? Pretože v uponáhľanej dobe sa nikomu nechce čakať na slimačie stránky.

Ľudia nemajú radi pomalé stránky. A Google zase nemá rád stránky, ktoré nemajú radi ľudia. A stránka, ktorú nemá rád Google je pochovaná zaživa.

Prečo má Google rád rýchle stránky? Ultra rýchle načítavanie webstránok zvyšuje návštevnosť a engagement, zvyšuje konverzie a pomáha PPC kampaniam zvýšiť impresie. A z tých Google žije.

Ale máloktorý dizajnér dokáže bez mihnutia oka urobiť Sofiinu voľbu a vybrať si medzi rýchlosťou načítavania stránky a vizuálnym webdizajnom plným krásnych obrázkov. A veľkosť obrázkov rastie každým dňom s rastúcim rozlíšením displejov. Kvôli tomu sa priemerná rýchlosť načítania stránky za posledné roky zdvojnásobila.

Riešenie? Optimalizovať všetko čo sa pohne. Obrázky samotné, ich doručovanie návštevníkom a formáty. A najmä a opäť: nepoužívať obrázky zbytočne.

Responzívny web dizajn

Dobre nadizajnovaná web stránka musí byť responzívna. Musí fungovať korektne a konzistentne na zariadeniach všetkých veľkostí a tvarov. Na veľkom monitore, na tablete, na mobile, na hodinkách, na chladničke, na práčke a aj na zariadeniach, ktoré ešte neexistujú. A tiež na zariadeniach, ktoré displej nemajú – na inteligentných reproduktoroch. Však, Siri, Alexa, Cortana a Google Assistant?

Accessibility

Web bol navrhnutý tak, aby fungoval pre každého bez rozdielu. Či už má človek telefón s operačným systémom Android, alebo nemá ruku, či hovorí po čínsky, alebo je hluchý, mal by byť prístupný každému. Robiť prístupné webstránky je slušné a morálne. A ak by vám to nestačilo, Google si to tak praje.

Opäť platí, že to najcennejšie, čo môžete ľuďom svojou webstránkou dať je jasnosť a jednoduchosť.

SEO / Optimalizácia pre vyhľadávače

SEO je prax zvyšovania množstva a kvality návštev prichádzajúcich na váš web z neplatených, tzv. organických, výsledkov internetového vyhľadávania – v slovenských pomeroch prevažne z Googlu.

A takmer 91 % webstránok je pre Google neviditeľných. Vyplýva to z testu ahrefs z mája 2018, ktorý ukázal, že až 90,88 % webov má 0, slovom nula, organických návštev. To znamená, že na ne nikto zadarmo nepríde.

Ak si myslíte, že vaša webstránka nemusí byť optimalizovaná pre vyhľadávače pretože budete investovať do reklamy, pozeráte sa na vec krátkozrako. PPC reklamy a iné marketingové taktiky vám budú na web privádzať návštevníkov len kým ich budete platiť. Akonáhle prestanete, tok návštevníkov sa zastaví a studňa vyschne.

SEO / Optimalizácia pre vyhľadávače je stratégia dlhodobej udržateľnosti na webe. Ak rozhodujete o investovaní do online marketingu, stojíte na križovatke. Môžete odísť buď s dlhým nosom alebo s dlhým chvostom.

A preto každý majiteľ webstránky či podniku sníva o prvom mieste vo vyhľadávaní Google. Úspech dnešných webstránok stojí a padá na optimalizácii pre vyhľadávače a dlhodobej digitálnej stratégii.

Ak ste na prvých priečkach vo vyhľadávaní, tak ste pred konkurenciou aj v predaji.

Ak nie ste na prvých priečkach vo vyhľadávaní pre kľúčové slová relevantné pre váš biznis, môžete si byť istí, že niekto z vašej konkurencie tam je. Ak sa spoliehate na už spomínané, v krátkodobom horizonte fungujúce sociálne siete a reklamy, nechávate sa zatieniť v kritickom aspekte podnikania.

Podľa prieskumu BrightEdge až 51 % návštevnosti webových stránok prichádza z organického, neplateného, vyhľadávania. 10 % prichádza na weby z plateného vyhľadávania, 5 % zo sociálnych sietí a 34 % z iných zdrojov.

Takže smola. Sociálne siete sú síce sexy, ale účty platí vyhľadávanie. Zvládnutá optimalizácia pre vyhľadávače je 10-krát účinnejšia než sociálne siete. Tvorí 51 % návštevnosti web stránok a generuje 40 % celkových príjmov.

Z tohto dôvodu sa SEO stáva bežnou marketingovou praxou, rovnako ako sa ňou stala televízia, rádio a print. Navyše, SEO sa dá výborne kombinovať s PR. A naopak, vaše PR môže ťažiť benefity z kvalitne urobenej optimalizácie pre vyhľadávače.

Ale ak ste malý hráči, buďte realisti. Akú šancu má malé kníhkupectvo z malej obce, že sa zobrazí na prvej priečke pre frázu „Malý princ“? Malú. Nie vždy je cieľom byť na prvom mieste. Cieľom je získavať zákazníkov a tvoriť tržby cez optimalizáciu pre relevantné špecifické kľúčové slová a pre špecifické cieľové skupiny.

Varovanie: Nepreháňajte to s potrebou prehnane investovať do SEO. Niektoré spoločnosti vám budú sľubovať… čo sľubovať, garantovať! vysoké pozície vo výsledkoch vyhľadávania na Google. Poctiví SEO experti a konzultanti vám vylepšením obsahu a fungovania vašej webstránky pomôžu vykročiť správnym smerom. Iní budú v snahe oklamať vyhľadávače skúšať pochybné fígle a taktiky. Buďte preto opatrní. Ak si Google spojí vašu webstránku s podobne pochybnými praktikami, z dlhodobého hľadiska vám to pravdepodobne uškodí a môžu vás z Google indexu vymazať nadobro.

SEO/optimalizácia pre vyhľadávače nie je jednorazová záležitosť, ktorú ak urobíte raz, máte hotovo navždy. Je to cieľ, ktorý sa hýbe spolu s vami. Závisí na technických aspektoch webstránky, ktoré môžete buď vyladiť alebo si dať vytvoriť novú ale odvíja sa najmä od jej obsahu. A to ma dovádza k najdôležitejšej časti – Obsah webstránky.

Obsah webstránky / Content

Obsah je to, kvôli čomu ľudia prídu na vašu webstránku. Ak je kvalitný, budú vás mať radi, vrátia sa a/alebo ochotne za niečo zaplatia.

Kvalitný obsah je tak silný, že dokáže zvrátiť nepodarené technické aj vizuálne prevedenie webu. Neochotne sa priznávam, že mnohé z mojich najobľúbenejších stránok sú škaredé, ťažko čitateľné a niekedy sa načítavajú naozaj pomaly. Veľmi tým trpím, ale nízku rýchlosť zvládnem s vysokou trpezlivosťou (a Reader View) ak viem, že budem nakoniec odmenený kvalitným a užitočným obsahom na vysokej úrovni.

Odpad v krásne responzívnej mriežke je stále odpad.

Jeffrey Zeldman

Web stránky bez obsahu sú prázdne. Web stránky s nekvalitným obsahom a skvelým dizajnom sú plytké. Stránky so skvelým obsahom a zlým dizajnom sú ako z rozprávky o Popoluške. Čakajú na niekoho, kto rozlúskne ich oriešok. Potom si ich všimne celý svet a bude ich milovať. Dokonca aj v čítačkovom móde.

Pamätajte, Google má rád vašu webstránku len ak ju najprv majú radi iní ľudia. Preto je lepšie sústrediť sa pri tvorbe obsahu nie na kvantitu, ale na kvalitu. Netrápte sa prázdnymi slovami či clickbaitovými nadpismi.

To najlepšie, čo môžete pre svoju webstránku po obsahovej stránke urobiť je pravidelne publikovať konzistentne kvalitný content. Skúmajte, čo zaujíma ľudí vo vašej cieľovej skupine a odpovedzte im lepšie než vaša konkurencia.

Kvalitný obsah je:

  1. relevantný
  2. pútavý
  3. jedinečný
  4. aktuálny
  5. pravidelne aktualizovaný

Doplnky

Ak sa vám podarilo spojiť tieto tri hlavné aspekty kvalitnej webstránky, gratulujem. Môžete začať riešiť drobnosti:

Záver

Znie to komplikovane, však? Tvorba webstránok, ak má byť výsledný produkt kvalitný, je súbor viacerých na prvý pohľad protichodných činností.

Problém mnohých webstránok je, že ich dizajnér nevie takmer nič o optimálnom výkone, programátor chápe dizajn len intuitívne a ani jeden z nich netuší, ako vlastne funguje SEO. Ak sa náhodou odborníci na tieto tri svety stretnú (a nepobijú), bude to v agentúre a vyjde vás to draho.

Nečudo, že z toho majiteľov malých podnikov, živnostníkov či freelancerov bolí hlava. Väčšinou sú po krk ponorení vo vlastnej práci a nemajú záujem na vlastnú päsť riešiť problém z úplne cudzieho odvetvia, akým tvorba webstránok nepochybne je.

Ste jedným z nich? Práve pre vás som tu ja. Pomôžem, poradím alebo pre vás priamo vytvorím kvalitnú a krásnu webstránku na mieru. Bude technicky optimalizovaná pre vyhľadávače a, ak chcete, pomôžem vám ju plniť kvalitným obsahom relevantným pre vaše odvetvie. A to všetko bez toho, aby ste museli platiť tri rozdielne špecializované agentúry.

Ak máte stránku, pošlite mi na ňu odkaz a ja vám nezáväzne a zadarmo spíšem pár odporúčaní, ako ju urobiť ešte lepšou. Alebo, ak stránku ešte nemáte, môžeme sa nezáväzne porozprávať o tom, aké máte možnosti. Win-Win. Ste in? Napíšte mi.