5. diel - SEO - Optimalizácia štruktúry webu Nové

V predchádzajúcom kvíze, Kvíz - Úvod do SEO, vyhľadávače a linkbuilding, sme si overili nadobudnuté skúsenosti z predchádzajúcich lekcií.

V tomto SEO tutoriáli sa zameriame na optimalizáciu štruktúry webu. Ukážeme si, ako stránky usporiadať tak, aby sa na webe dobre orientovali návštevníci aj roboti vyhľadávačov.

Štruktúra webu

Štruktúra webu určuje, ako sú stránky usporiadané a prepojené. Dobrá štruktúra má jasný cieľ: dôležitý obsah má byť ľahko dostupný a každá stránka má mať jasné miesto v celku.

Štruktúra webu funguje podobne ako plán budovy. Návštevník potrebuje vedieť, kadiaľ sa dostane do správneho poschodia a miestnosti. Vyhľadávač zase potrebuje pochopiť, ktoré stránky sú hlavné, ktoré sú podrobnejšie a ako spolu súvisia.

Pri malom webe sa chyby často stratia. Pri väčšom e-shope, magazíne alebo firemnom webe však zlá štruktúra rýchlo začne komplikovať správu, orientáciu aj indexáciu. Na webe sa potom ľahko objavia osirelé stránky, príliš hlboko schovaný obsah alebo mnoho podobných URL adries bez jasnej hodnoty.

Zlá štruktúra často vzniká postupne. Na web pribúdajú nové články, produkty alebo služby, ale nikto nestráži celok.

Hierarchia a navigácia

Základom štruktúry je hierarchia webu. Hovorí, ktoré stránky sú všeobecné a ktoré sú podrobnejšie. Typicky začíname úvodnou stránkou, pokračujeme hlavnými kategóriami a pod nimi máme konkrétne články, produkty alebo služby.

Napríklad e-shop so športovým vybavením môže mať túto štruktúru:

Takéto usporiadanie je prirodzené. Používateľ vidí, že produkt patrí do podkategórie a tá patrí do širšej kategórie. Vyhľadávač vďaka tomu lepšie chápe význam stránky aj jej miesto v celom webe.

Dôležité stránky by nemali byť schované príliš hlboko. Ak sa k zásadnej kategórii alebo službe dostaneme až po mnohých kliknutiach, zhoršujeme orientáciu používateľovi aj vyhľadávaču.

Hlavná navigácia

Hlavná navigácia by mala obsahovať hlavné sekcie, nie každú jednotlivú stránku. Pri firemnom webe do nej typicky patria služby, referencie, blog a kontakt. Pri e-shope hlavné produktové kategórie.

Názvy položiek volíme podľa toho, čo ľudia skutočne hľadajú. Nejasné marketingové názvy môžu pôsobiť zaujímavo, ale používateľovi často nepomôžu. Namiesto všeobecného názvu Riešenia môže byť lepšie konkrétnejšie označenie Tvorba e-shopov.

Omrvinková navigácia

Omrvinková navigácia ukazuje cestu od všeobecnejšej časti webu ku konkrétnej stránke. Typicky vyzerá napríklad takto:

Domov > Notebooky > Herné notebooky > Konkrétny produkt

Tzv. omrvinky pomáhajú hlavne pri väčších weboch. Používateľ vďaka nim spozná, kde sa nachádza, a môže sa rýchlo vrátiť do vyššej kategórie. Zároveň podporujú interné prelinkovanie medzi detailom, podkategóriou a kategóriou.

Omrvinkovú navigáciu môžeme doplniť štruktúrovanými dátami typu BreadcrumbList. Ide o HTML zápis pre vyhľadávače, zvyčajne vložený ako skript vo formáte JSON-LD. Vyhľadávaču hovorí, aké položky omrvinková cesta obsahuje a v akom sú poradí. Omrvinky však musia zodpovedať skutočnému členeniu webu.

Kategórie a filtre

Pri rozsiahlejších weboch riešime, ktoré stránky majú byť samostatné kategórie a ktoré vzniknú len ako výsledok filtra. Kategória by mala mať vlastnú hodnotu pre používateľa aj vyhľadávanie. Napríklad stránka Herné notebooky môže byť plnohodnotná vstupná stránka.

Naopak kombinácia niekoľkých úzkych filtrov, napríklad konkrétnej farby, veľkosti disku a dočasnej akcie, už samostatnú hodnotu mať nemusí. Ak necháme indexovať každú kombináciu filtrov, môžeme vytvoriť veľké množstvo slabých URL adries.

Pri filtrovaní preto vopred rozhodujeme, ktoré kombinácie filtrov majú byť samostatné stránky pre vyhľadávače a ktoré majú slúžiť len návštevníkom pri prechádzaní webu. Toto rozhodnutie robíme už pri návrhu štruktúry, nie až dodatočne pri technickom nastavení indexácie.

URL a podoba webu

URL adresa je konkrétna adresa stránky. Dobrá URL je čitateľná, stabilná a zodpovedá štruktúre webu. Nemusí byť prehnane dlhá ani preplnená kľúčovými slovami.

Menej prehľadná URL vyzerá napríklad takto:

http://www.hardwareshop.sk/product.php?id=1234&category=11

Táto adresa používa parametre id a category. Vyhľadávač ju dokáže spracovať, ale používateľ z nej nespozná, o aký produkt ide ani kam stránka v e-shope patrí.

Pre používateľa aj správu webu je preto zvyčajne vhodnejšia jednoduchá adresa:

https://www.hardwareshop.sk/laptops/gaming-laptop-lenovo-legion-5

Z adresy hneď vidíme, kam stránka patrí a čoho sa týka. Slová v URL oddeľujeme pomlčkami, nepoužívame medzery, diakritiku ani zbytočné veľké písmená.

URL má byť stabilná, pretože časté zmeny komplikujú odkazy, meranie aj indexáciu.

HTTPS a doména

Web má byť dostupný cez zabezpečený protokol HTTPS. Moderné prehliadače nezabezpečené weby označujú ako rizikové a používatelia sú na bezpečné pripojenie zvyknutí.

Dôležitá je aj jednotná podoba domény. Web môže technicky fungovať napríklad vo variante s www aj bez www:

https://www.hardwareshop.sk
https://hardwareshop.sk

Pre používateľa môže ísť o rovnaký web, ale vyhľadávač pracuje s konkrétnymi URL adresami. Preto si zvolíme jeden hlavný variant a ostatné varianty naň presmerujeme. Pri trvalej zmene adresy typicky použijeme serverové presmerovanie 301.

Mapa stránok

Mapa stránok, po anglicky sitemap, pomáha vyhľadávačom nájsť dôležité URL adresy na webe. Najčastejšie používame XML mapu stránok, ktorá je umiestnená v koreni webu napríklad na adrese /sitemap.xml.

Ukážme si jednoduchú XML mapu stránok:

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

Do súboru sitemap.xml nevkladáme každú technickú URL adresu. Patria doň hlavne stránky, ktoré chceme mať vo vyhľadávaní a ktoré majú pre používateľa hodnotu.

Pri väčších weboch môže byť máp stránok viac. V koreni webu sa potom použije hlavný XML súbor ako ich index, ktorý vyhľadávaču ukáže, kde jednotlivé mapy nájde.

Duplicitné URL

Pri návrhu štruktúry webu riešime aj to, ktoré URL adresy majú byť pre vyhľadávače dôležité. Problém vzniká vo chvíli, keď web ponúka mnoho podobných adries bez jasnej hodnoty pre používateľa.

Kanonická URL

Duplicitný obsah vzniká vtedy, keď sa rovnaký alebo veľmi podobný obsah nachádza na viacerých URL adresách. Typicky k tomu dochádza pri parametroch v URL, filtrovaní produktov, tlačových verziách stránok alebo podobných textoch naprieč webom.

Každá dôležitá stránka by mala mať jasný účel a vlastný obsah. Ak existuje viac verzií rovnakej stránky, určíme preferovanú adresu. Podľa situácie použijeme presmerovanie, kanonickú URL alebo úpravu štruktúry webu.

Kanonická URL pomáha vyhľadávaču pochopiť, ktorú verziu stránky preferujeme. Nejde o zákaz indexácie, ale o odporúčanie hlavnej verzie obsahu. Kanonickú adresu môžeme naznačiť prvkom rel="canonical", presmerovaním alebo tým, že do mapy stránok vložíme preferované URL.

Kanibalizácia

Kanibalizácia obsahu nastáva, keď viac stránok rovnakého webu cieli na veľmi podobný dopyt a navzájom si konkurujú. Vyhľadávač potom nemusí vedieť, ktorú stránku má pre daný dopyt zobraziť.

Riešením býva zlúčenie obsahu, jasné rozdelenie zámeru alebo úprava interných odkazov. Jedna stránka môže riešiť všeobecný výber notebooku, iná herné notebooky a ďalšia notebooky pre študentov. Každá potom má vlastnú tému.

Záver

Dobrá štruktúra webu pomáha návštevníkom nájsť dôležitý obsah a vyhľadávačom pochopiť vzťahy medzi stránkami. Opiera sa o jasnú hierarchiu, zrozumiteľnú navigáciu, stabilné URL adresy a jednotnú podobu domény. Mapa stránok uľahčuje nájdenie dôležitých URL, ale nenahrádza kvalitnú štruktúru webu. Pri duplicitných a podobných stránkach vždy určujeme, ktorá adresa má byť hlavná.

V budúcej lekcii, SEO - Optimalizácia HTML štruktúry , si ukážeme, ako HTML štruktúra a on-page optimalizácia pomáhajú lepšie popísať obsah stránky pre užívateľov aj vyhľadávače.