Lekce 5 - SEO - Optimalizace struktury webu

V předchozím kvízu, Kvíz - Úvod do SEO, vyhledávače a linkbuilding, jsme si ověřili nabyté zkušenosti z předchozích lekcí.

V tomto SEO tutoriálu se zaměříme na optimalizaci struktury webu. Ukážeme si, jak stránky uspořádat tak, aby se na webu dobře orientovali návštěvníci i roboti vyhledávačů.

Struktura webu

Struktura webu určuje, jak jsou stránky uspořádané a propojené. Dobrá struktura má jasný cíl: důležitý obsah má být snadno dostupný a každá stránka má mít jasné místo v celku.

Struktura webu funguje podobně jako plán budovy. Návštěvník potřebuje vědět, kudy se dostane do správného patra a místnosti. Vyhledávač zase potřebuje pochopit, které stránky jsou hlavní, které jsou podrobnější a jak spolu souvisejí.

U malého webu se chyby často ztratí. U většího e-shopu, magazínu nebo firemního webu ale špatná struktura rychle začne komplikovat správu, orientaci i indexaci. Na webu se pak snadno objeví osiřelé stránky, příliš hluboko schovaný obsah nebo mnoho podobných URL adres bez jasné hodnoty.

Špatná struktura často vzniká postupně. Na web přibývají nové články, produkty nebo služby, ale nikdo nehlídá celek.

Hierarchie a navigace

Základem struktury je hierarchie webu. Říká, které stránky jsou obecné a které jsou podrobnější. Typicky začínáme úvodní stránkou, pokračujeme hlavními kategoriemi a pod nimi máme konkrétní články, produkty nebo služby.

Například e-shop se sportovním vybavením může mít tuto strukturu:

Takové uspořádání je přirozené. Uživatel vidí, že produkt patří do podkategorie a ta patří do širší kategorie. Vyhledávač díky tomu lépe chápe význam stránky i její místo v celém webu.

Důležité stránky by neměly být schované příliš hluboko. Pokud se k zásadní kategorii nebo službě dostaneme až po mnoha kliknutích, zhoršujeme orientaci uživateli i vyhledávači.

Hlavní navigace

Hlavní navigace by měla obsahovat hlavní sekce, ne každou jednotlivou stránku. U firemního webu do ní typicky patří služby, reference, blog a kontakt. U e-shopu hlavní produktové kategorie.

Názvy položek volíme podle toho, co lidé skutečně hledají. Nejasné marketingové názvy mohou působit zajímavě, ale uživateli často nepomohou. Místo obecného názvu Řešení může být lepší konkrétnější označení Tvorba e-shopů.

Drobečková navigace

Drobečková navigace ukazuje cestu od obecnější části webu ke konkrétní stránce. Typicky vypadá například takto:

Domů > Notebooky > Herní notebooky > Konkrétní produkt

Drobečky pomáhají hlavně u větších webů. Uživatel díky nim pozná, kde se nachází, a může se rychle vrátit do vyšší kategorie. Zároveň podporují interní prolinkování mezi detailem, podkategorií a kategorií.

Drobečkovou navigaci můžeme doplnit strukturovanými daty typu BreadcrumbList. Jde o HTML zápis pro vyhledávače, obvykle vložený jako skript ve formátu JSON-LD. Vyhledávači říká, jaké položky drobečková cesta obsahuje a v jakém jsou pořadí. Drobečky ale musí odpovídat skutečnému členění webu.

Kategorie a filtry

U rozsáhlejších webů řešíme, které stránky mají být samostatné kategorie a které vzniknou jen jako výsledek filtru. Kategorie by měla mít vlastní hodnotu pro uživatele i vyhledávání. Například stránka Herní notebooky může být plnohodnotná vstupní stránka.

Naopak kombinace několika úzkých filtrů, například konkrétní barvy, velikosti disku a dočasné akce, už samostatnou hodnotu mít nemusí. Pokud necháme indexovat každou kombinaci filtrů, můžeme vytvořit velké množství slabých URL adres

U filtrování proto předem rozhodujeme, které kombinace filtrů mají být samostatné stránky pro vyhledávače a které mají sloužit jen návštěvníkům při procházení webu. Toto rozhodnutí děláme už při návrhu struktury, ne až dodatečně při technickém nastavení indexace.

URL a podoba webu

URL adresa je konkrétní adresa stránky. Dobrá URL je čitelná, stabilní a odpovídá struktuře webu. Nemusí být přehnaně dlouhá ani přeplněná klíčovými slovy.

Méně přehledná URL vypadá například takto:

http://www.hardwareshop.cz/produkt.php?id=1234&kategorie=11

Tato adresa používá parametry id a kategorie. Vyhledávač ji dokáže zpracovat, ale uživatel z ní nepozná, o jaký produkt jde ani kam stránka v e-shopu patří.

Pro uživatele i správu webu je proto obvykle vhodnější jednoduchá adresa:

https://www.hardwareshop.cz/notebooky/herni-notebook-lenovo-legion-5

Z adresy hned vidíme, kam stránka patří a čeho se týká. Slova v URL oddělujeme pomlčkami, nepoužíváme mezery, diakritiku ani zbytečná velká písmena.

URL má být stabilní, protože časté změny komplikují odkazy, měření i indexaci.

HTTPS a doména

Web má být dostupný přes zabezpečený protokol HTTPS. Moderní prohlížeče nezabezpečené weby označují jako rizikové a uživatelé jsou na bezpečné připojení zvyklí.

Důležitá je také jednotná podoba domény. Web může technicky fungovat například ve variantě s www i bez www:

https://www.hardwareshop.cz
https://hardwareshop.cz

Pro uživatele může jít o stejný web, ale vyhledávač pracuje s konkrétními URL adresami. Proto si zvolíme jednu hlavní variantu a ostatní varianty na ni přesměrujeme. Při trvalé změně adresy typicky použijeme serverové přesměrování 301.

Mapa stránek

Mapa stránek, anglicky sitemap, pomáhá vyhledávačům najít důležité URL adresy na webu. Nejčastěji používáme XML mapu stránek, která je umístěná v kořeni webu například na adrese /sitemap.xml.

Ukažme si jednoduchou XML mapu stránek:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    <url>
        <loc>https://www.hardwareshop.cz/notebooky</loc>
    </url>
    <url>
        <loc>https://www.hardwareshop.cz/tablety</loc>
    </url>
    <url>
        <loc>https://www.hardwareshop.cz/kontakt</loc>
    </url>
</urlset>

Do souboru sitemap.xml nevkládáme každou technickou URL adresu. Patří do něj hlavně stránky, které chceme mít ve vyhledávání a které mají pro uživatele hodnotu.

U větších webů může být map stránek více. V kořeni webu se pak použije hlavní XML soubor jako jejich index, který vyhledávači ukáže, kde jednotlivé mapy najde.

Duplicitní URL

Při návrhu struktury webu řešíme také to, které URL adresy mají být pro vyhledávače důležité. Problém vzniká ve chvíli, kdy web nabízí mnoho podobných adres bez jasné hodnoty pro uživatele.

Kanonická URL

Duplicitní obsah vzniká tehdy, když se stejný nebo velmi podobný obsah nachází na více URL adresách. Typicky k tomu dochází u parametrů v URL, filtrování produktů, tiskových verzí stránek nebo podobných textů napříč webem.

Každá důležitá stránka by měla mít jasný účel a vlastní obsah. Pokud existuje více verzí stejné stránky, určíme preferovanou adresu. Podle situace použijeme přesměrování, kanonickou URL nebo úpravu struktury webu.

Kanonická URL pomáhá vyhledávači pochopit, kterou verzi stránky preferujeme. Nejde o zákaz indexace, ale o doporučení hlavní verze obsahu. Kanonickou adresu můžeme naznačit prvkem rel="canonical", přesměrováním nebo tím, že do mapy stránek vložíme preferované URL.

Kanibalizace

Kanibalizace obsahu nastává, když více stránek stejného webu cílí na velmi podobný dotaz a navzájem si konkurují. Vyhledávač pak nemusí vědět, kterou stránku má pro daný dotaz zobrazit.

Řešením bývá sloučení obsahu, jasné rozdělení záměru nebo úprava interních odkazů. Jedna stránka může řešit obecný výběr notebooku, jiná herní notebooky a další notebooky pro studenty. Každá pak má vlastní téma.

Závěr

Dobrá struktura webu pomáhá návštěvníkům najít důležitý obsah a vyhledávačům pochopit vztahy mezi stránkami. Opírá se o jasnou hierarchii, srozumitelnou navigaci, stabilní URL adresy a jednotnou podobu domény. Mapa stránek usnadňuje nalezení důležitých URL, ale nenahrazuje kvalitní strukturu webu. U duplicitních a podobných stránek vždy určujeme, která adresa má být hlavní.

V příští lekci, SEO - Optimalizace HTML struktury, si ukážeme, jak HTML struktura a on-page optimalizace pomáhají lépe popsat obsah stránky pro uživatele i vyhledávače.