Při tvorbě webových stránek bývá vzhled jedním z prvních témat, která se řeší. Barvy, fotografie, animace, rozložení prvků nebo použité písmo mají samozřejmě velký vliv na první dojem návštěvníka.
Hezký web ale ještě automaticky neznamená dobrý web.
Webové stránky musí kromě vzhledu splňovat řadu dalších požadavků. Měly by být rychlé, přehledné, dobře použitelné na mobilním telefonu, přístupné různým skupinám uživatelů a zároveň technicky připravené pro vyhledávače.
Design je jen jedna část výsledku
Grafický návrh určuje, jak web působí na návštěvníka. Správně zvolený design pomáhá budovat důvěru a usnadňuje orientaci v obsahu.
Pokud ale návštěvník nepochopí, kam má kliknout, nemůže najít důležitou informaci nebo se stránka načítá několik sekund, samotný atraktivní vzhled situaci nezachrání.
Dobrý webdesign proto není jen otázkou grafiky. Měl by podporovat hlavní účel webu.
U firemní prezentace může být cílem například:
- získání nové poptávky,
- představení služeb,
- prezentace referencí,
- získání kontaktu,
- objednání služby,
- nákup produktu.
Každý prvek stránky by měl návštěvníkovi pomáhat dostat se k tomuto cíli.
Web musí být použitelný na mobilu
Velká část návštěvníků dnes přichází na webové stránky z mobilních zařízení.
Nestačí proto vytvořit desktopovou verzi a následně ji pouze zmenšit. Responzivní web musí počítat s menším displejem, dotykovým ovládáním a odlišným způsobem používání.
Na mobilu jsou obzvláště důležité:
- dostatečně velké ovládací prvky,
- čitelné písmo,
- jednoduchá navigace,
- přehledné formuláře,
- rozumné množství obsahu na obrazovce,
- rychlé načítání.
Pokud uživatel musí neustále přibližovat stránku nebo se nemůže pohodlně trefit na tlačítko, je web z pohledu použitelnosti špatně navržený bez ohledu na to, jak pěkně vypadá na monitoru.
Rychlost načítání ovlivňuje uživatele i vyhledávače
Návštěvníci nechtějí čekat.
Velké fotografie, zbytečně složité skripty nebo nevhodně zvolený hosting mohou způsobit, že se stránka načítá výrazně déle, než by měla.
To má přímý dopad na uživatelský dojem. Pokud stránka reaguje pomalu, část návštěvníků ji může opustit ještě předtím, než vůbec uvidí její obsah.
Rychlost navíc sledují také internetové vyhledávače.
Optimalizace webu proto zahrnuje například:
- správné rozměry a kompresi obrázků,
- omezení zbytečných JavaScriptů,
- vhodné ukládání souborů do cache,
- kvalitní hosting,
- optimalizaci CSS,
- rozumné množství externích služeb.
Dobře vytvořený web by měl být rychlý nejen na výkonném kancelářském počítači, ale také na běžném mobilním telefonu.
Důležitá je přístupnost
Webové stránky by měly být použitelné také pro návštěvníky se zdravotním omezením.
To znamená například dostatečný kontrast textu a pozadí, možnost ovládat stránku pomocí klávesnice nebo správně strukturovaný obsah.
Důležitou roli hrají také alternativní texty obrázků a správně používané HTML prvky.
Přístupnost přitom často nepomáhá pouze lidem se zdravotním postižením. Přehledná struktura, čitelné texty a dobře viditelné ovládací prvky zlepšují používání webu prakticky všem.
Bez obsahu nemá design co prezentovat
Další častou chybou je přílišné soustředění na vzhled a nedostatek kvalitního obsahu.
Návštěvník většinou nepřichází na web proto, aby obdivoval grafický návrh. Hledá konkrétní informaci.
Chce například zjistit:
- co firma nabízí,
- kolik služba stojí,
- jaké má firma zkušenosti,
- kde působí,
- jak ji může kontaktovat.
Pokud tyto informace nenajde rychle a jednoduše, může odejít ke konkurenci.
Textový obsah by proto měl být srozumitelný, věcný a dobře strukturovaný pomocí nadpisů a odstavců.
SEO začíná už při tvorbě webu
Optimalizaci pro vyhledávače není dobré řešit až po dokončení webových stránek.
Už při návrhu je vhodné přemýšlet nad strukturou URL adres, hierarchií obsahu, nadpisy nebo interním prolinkováním.
Technicky dobře vytvořený web usnadňuje vyhledávačům pochopení obsahu jednotlivých stránek.
Mezi základní prvky patří například:
- smysluplný TITLE každé stránky,
- vhodný META description,
- správná struktura nadpisů,
- přehledné URL adresy,
- kvalitní textový obsah,
- správné interní odkazy,
- rychlé načítání,
- mobilní použitelnost.
SEO tedy není samostatná vrstva, která se na hotový web jednoduše přidá. Je součástí jeho celkového návrhu.
Web musí být také bezpečný
Na bezpečnost není na první pohled vidět, ale přesto patří mezi nejdůležitější vlastnosti webových stránek.
Webový systém by měl být pravidelně aktualizovaný, formuláře chráněné proti zneužití a administrace zabezpečená proti neoprávněnému přístupu.
U systémů jako WordPress je důležité průběžně aktualizovat nejen samotný redakční systém, ale také používané pluginy a šablony.
Stejně důležité jsou pravidelné zálohy.
I perfektně vypadající web totiž ztrácí veškerý význam ve chvíli, kdy je napaden nebo přestane fungovat.
Dobrý web je kombinací více oborů
Kvalitní webové stránky vznikají spojením několika disciplín.
Je potřeba skloubit grafiku, programování, obsah, SEO, použitelnost, přístupnost i technickou správu.
Grafický design je důležitý, protože vytváří první dojem. Neměl by ale být cílem sám o sobě.
Nejlepší web je ten, který dobře vypadá a zároveň návštěvníkovi rychle a jednoduše umožní udělat přesně to, kvůli čemu na stránku přišel.