Při tvorbě webu se bohužel řada lidí řídí pouze hlediskem jeho vzhledu. Vybere se šablona, přidají se stránky a obsah se doplňuje průběžně. Výsledek je pak ale v řadě případů velmi chaotický. Strukturu webu je přitom výrazně snazší naplánovat předem na papíře než přestavovat hotový web, na který už odkazují jiné stránky a který lidé začali používat.

 

Proč struktura webu rozhoduje o všem ostatním

Struktura webu je základ, na kterém stojí SEO, uživatelský zážitek i budoucí rozšiřitelnost. Web se špatnou strukturou může mít skvělý obsah a přesto rankovat špatně, protože Google nedokáže pochopit hierarchii témat a jejich vzájemné vztahy. Návštěvník se na takovém webu ztrácí a odchází, aniž by našel to, co hledal.

Díky dobré struktuře je naopak web předvídatelný. Uživatel ví, kde co najde a Google rozumí, které stránky jsou důležité a jak spolu tematicky souvisejí. A vývojář nebo obsahový editor přidávají nové stránky do systému, který dává smysl, místo aby improvizovali.

 

Začněte u cílů, ne u stránek

Než sepíšete seznam stránek, odpovězte na otázku, co má web pro návštěvníka udělat. Prodat produkt, vygenerovat poptávku, vzdělávat nebo budovat důvěru? Každý z těchto cílů vede k jiné struktuře.

Web, jehož cílem je generovat poptávky pro stavební firmu, potřebuje jiné uspořádání než e-shop s oblečením. Na stavebním webu jsou nejdůležitějšími stránkami konkrétní služby, reference a kontakt, e-shop zase staví na kategoriích, produktech a filtraci.

Cíl webu určí, které stránky jsou nejdůležitější a kam má návštěvník přirozeně mířit. To ovlivní navigaci, interní prolinkování i to, co bude prominentně zobrazeno na homepage.

 

Jak sestavit sitemapu?

Sitemap jako plánovací nástroj je vizuální nebo textový přehled všech stránek webu a jejich hierarchického uspořádání. Je to plán, podle kterého se web staví.

Začněte od homepage a jděte postupně dolů. Homepage je na vrcholu hierarchie, z ní vedou cesty do hlavních sekcí a z těch do podsekcí a konkrétních stránek. Pro firemní web to může vypadat takto: homepage odkazuje do sekcí Služby, Reference, O nás a Kontakt. Sekce Služby pak obsahuje podsekce pro každou konkrétní službu.

Sitemapu sestavujte ve spolupráci s lidmi, kteří web budou používat. Klient nebo majitel firmy ví, jak zákazníci přemýšlejí o jejich produktech. Vývojář nebo SEO specialista ví, jak Google hierarchii čte. Kombinace obou pohledů dá výsledek, který funguje pro lidi i pro vyhledávače.

Sitemapa může sloužit jako orientační pomůcka pro lidské uživatele. Abyste ale provedli vaším webem i roboty vyhledávačů, potřebujete ještě sitemapu ve formátu xml, která říká, jaké stránky chcete, aby vyhledávače nalezly prioritně. Více o souboru sitemap.xml se dočtete tady.

 

Wireframe jako most mezi plánem a designem

Sitemap říká, jaké stránky web má. Wireframe model říká, jak konkrétní stránka vypadá a co na ní najdete. Nejde o grafický design, ale o rozložení prvků, tedy kde je navigace, kde je hlavní nadpis, kde jsou výzvy k akci a kde je obsah.

“Drátěný model” kreslíte bez barev, bez fotografií a bez finálních textů. Výsledek vypadá jednoduše, ale přesně ukazuje, co se na stránce bude dít a v jakém pořadí. Změnit rozvržení na drátěném modelu trvá minuty. Přestavět hotovou stránku v kódu trvá hodiny.

 

Navigace jako páteř struktury

Hlavní navigace webu přenáší strukturu do viditelné podoby. Je to první věc, které si návštěvník všimne, a zároveň nástroj, přes který se Google pohybuje po celém webu.

Navigace by měla odrážet priority, ne abecední pořadí nebo historický vývoj vaší nabídky. Nejdůležitější sekce patří na první místo, kontakt na konec. Více než sedm položek v hlavním menu je zpravidla příliš. Příliš dlouhé menu zákazníka zahltí místo toho, aby ho nasměrovalo.

Breadcrumbs, tedy drobečková navigace ve stylu Homepage > Kategorie > Stránka, jsou zvláště důležité pro e-shopy a větší informační weby. Ukazují, kde se uživatel nachází, a nabídnou rychlou cestu zpět bez nutnosti klikat tlačítko Zpět v prohlížeči.

 

URL struktura je součást plánování

URL adresy stránek by se neměly vymýšlet za pochodu. Jednou nastavené URL se mění těžko, protože každá změna vyžaduje přesměrování a může narušit zpětné odkazy.

Dobrá URL je čitelná, popisná a odráží hierarchii webu. Adresa vasefirma.cz/sluzby/webdesign jasně říká, kde se stránka v hierarchii nachází. Adresa vasefirma.cz/page?id=47 to neříká. Při plánování struktury proto rovnou navrhněte URL schéma a zvolené schéma dodržujte konzistentně napříč celým webem.

 

Strukturu plánujte s výhledem, ne jen pro teď

Web, který spustíte, za rok poroste. Přibude nová kategorie produktů, nová sekce nebo nový jazyk. Struktura navržená bez myšlenky na budoucí rozšíření pak vyžaduje přestavbu v okamžiku, kdy web začíná fungovat.

Ptejte se proto hned na začátku: co by se na webu mohlo za dva roky přidat? Naplánujte strukturu tak, aby tato rozšíření šla implementovat přirozeně bez přejmenování sekcí nebo přesměrování stávajících stránek.

 

Papír a hodina přemýšlení ušetří měsíce práce

Plánování struktury webu nevyžaduje speciální nástroje ani technické znalosti. Potřebujete papír, tužku a ochotu odpovědět na základní otázky ještě předtím, než vývojář otevře editor kódu. Kdo tohle přeskočí, staví na nestabilním základu. Kdo si udělá čas na pořádný plán, zjistí, že samotná tvorba webu pak probíhá rychleji, levněji a s méně překvapeními.

Martin Lorenc
Latest posts by Martin Lorenc (see all)

Související příspěvky:

Víte, jak důležitý je při tvorbě webu JavaScript? Kuriozity Chrám Panny Marie Virtuální sídlo – pro koho je vhodné?