N edávno sme pracovali na redizajne webu najlacnejsiemeradla.sk. Naša spoločnosť mala na starosti tvorbu nového internetového obchodu a dohliadnutie na to, že zmena webu nebude mať negatívny dopad na SEO – ako sa často pri redizajne stáva. Náš klient zároveň spolupracoval aj s Rolandom Vojkovským a jeho SEO agentúrou Vojkovsky.sk. Ich úlohou bolo urobiť SEO audit nového webu a dať klientovi odporúčania na vylepšenia, ktoré bolo následne našou úlohou zapracovať.
Počas našej niekoľkotýždňovej spolupráce s Vojkovsky.sk sme intenzívne komunikovali a spoločne sa zamýšľali nad tým, aké sú naše možnosti, ktoré riešenia by sme chceli zapracovať a či je technicky možné tieto riešenia uskutočniť.
Ja som sa v minulosti mnohokrát zamýšľal nad optimalizáciou WooCommerce eshopov. Vždy som sa pritom dostal k jednému WooCommerce problému, ktorý mi už dlho vŕtal v hlave a nevedel som, ako ho vyriešiť. Až teraz, vďaka práci na projekte Najlacnejších meradiel a vďaka inšpiratívnej komunikácii s Rolom, sa mi to podarilo. Tento článok je zhrnutím tohto riešenia.
Popis problému – Čo sa mi na WooCommerce nepáči
Hlavná stránka WooCommerce obchodu má vždy rovnaký názov
Každý WooCommerce obchod má hlavnú stránku, na ktorej sa zobrazujú všetky produkty z daného eshopu. Zvyčajne sa tá podstránka volá „Obchod“, alebo „Shop“ a má nastavený aj rovnaký URL slug. Na ukážku:
- Názov hlavnej podstránky obchodu: Obchod
- URL slug hlavnej podstránky obchodu: /obchod/
- Celá URL hlavnej podstránky obchodu: https://ukazka.sk/obchod/
To je v poriadku. Problémom je, že nadpis tejto podstránky sa nikdy nemení. Nikdy. Keď užívateľ prejde na druhú podstránku s produktami, názov danej podstránky ostane rovnaký – „Obchod“. Keď užívateľ zmení zoradenie produktov na najlacnejšie prvé, názov podstránky ostane rovnaký – „Obchod“. A tých zoradení je vo WooCommerce až šesť, pričom každá z týchto podstránok má rovnaký, nič nehovoriaci názov – „Obchod“.
Hlavný nadpis akejkoľvek podstránky na webe je (spolu s meta názvom podstránky) jedným z tých najdôležitejších elementov, na základe ktorých Google hodnotí danú podstránku a zobrazuje ju (alebo nezobrazuje) vo výsledkoch hľadania v Google pre relevantné vyhľadávané výrazy.
Podstránka s hlavným nadpisom a meta názvom „Obchod“ nemá pre Google veľkú hodnotu a nemá veľkú výpovednú hodnotu ani pre samotných používateľov webu. To platí hlavne v prípade, že potenciálny zákazník zmení radenie produktov na podstránke, pričom táto zmena sa na webe neprejaví ničím iným než zmeneným usporiadaním produktov. Toto je málo a nevytvára to dobrú užívateľskú skúsenosť s používaním daného internetového obchodu.
Podstránky kategórií produktov majú vo WooCommerce rovnaký nadpis pre každé radenie produktov, aj pre stránkovanie
To isté, čo som vyššie popísal pre hlavnú stránku obchodu, platí aj pre všetky podstránky kategórií produktov. Každá kategória má vlastný nadpis, čím je názov danej kategórie, ale daný nadpis (a ani meta názov stránky) sa nemení, keď zákazník prejde na druhú stránku danej kategórie, alebo keď zmení zoradenie produktov v danej kategórii. To je opäť mätúce pre zákazníkov a neumožňuje to danému WooCommerce eshopu zobraziť sa vo výsledkoch hľadania v Google pre rôzne frázy, vytvorené spojením názvu danej kategórie a spôsobu, akým sú produkty v danej kategórii zoradené.
Meta názvy WooCommerce podstránok sa taktiež nemenia
Už som to párkrát spomenul vyššie v texte. Rovnako, ako sa nemení hlavný nadpis kategórií produktov a nadpis hlavnej stránky obchodu, tak sa nemení ani meta názov týchto podstránok.
Meta názov podstránky je názov podstránky, ktorý vidíte v záložke vášho prehliadača. Ak máte v prehliadači otvorených viac záložiek, tento meta názov podstránky (plus ikonka podstránky) sú jedinými indikátormi toho, akú web stránku a akú konkrétnu podstránku máte v danej záložke otvorenú.
Meta názov podstránky je nesmierne dôležitý aj pri SEO optimalizácií web stránky. Chcete predsa, aby sa vaša web stránka zobrazovala vyššie vo výsledkoch hľadania v Google. Chcete získať z Google viac návštevníkov, a nakoniec aj zákazníkov. Keď si totiž niekto vyhľadá v Google názov vašej web stránky, alebo názov produktu, ktorý predávate, daný užívateľ v Google uvidí práve meta názov podstránky vášho webu, ktorú mu Google zobrazí. Uvidí tiež meta popis danej podstránky, plus URL adresu danej podstránky, ale tomu sa v tomto článku nebudeme venovať. Dôležité je vám vedieť, že pre váš eshop je nesmierne dôležité mať dobre nastavené hlavné nadpisy a meta názvy všetkých podstránok, ktoré chcete, aby sa zobrazovali v Google.
Riešenie – Ako sme automatizovali optimalizáciu WooCommerce podstránok a zlepšili SEO, aj prehľadnosť webu
Potom, ako som mal zadefinovaný problém, som sa vrhol do googlenia – zisťovania a hľadania rôznych potenciálnych riešení. Prišiel som na to, že žiadne jednoduché, vhodné riešenie neexistuje a tak budem musieť naprogramovať vlastné. Vytvoril som teda nový plugin, ktorý som nazval Bonsai Woo SEO. Cez tento plugin sa na eshope nášho klienta zmenilo niekoľko vecí.
Nadpisy a meta názvy podstránok sa automaticky menia
Plugin, ktorý som vytvoril, nám umožnil nastaviť šablónu nadpisov podľa spôsobu radenia produktov, prípadne aj podľa stránkovania. Vďaka tomu sa hlavné nadpisy a meta názvy podstránok kategórií a hlavnej stránky obchodu automaticky menia. Výsledok môžete vidieť v tabuľke nižšie.
Tabuľka: Porovnanie nadpisov podstránok pre niektoré URL adresy
| URL | Nadpis predtým | Nadpis teraz |
|---|---|---|
| /obchod/ | Obchod | Populárne meracie prístroje |
| /obchod/?orderby=rating | Obchod | Kvalitné meracie prístroje |
| /obchod/?orderby=price | Obchod | Najlacnejšie meracie prístroje |
| /obchod/?orderby=price-desc | Obchod | Prémiové meracie prístroje |
| /obchod/?orderby=popularity | Obchod | Zmenené na prednastavené zoradenie |
| /obchod/?orderby=menu_order | Obchod | Zoradenie zrušené a presmerované |
| /obchod/?orderby=date | Obchod | Zoradenie zrušené a presmerované |
| /k/obchodne-vahy/ | Obchodné váhy | Obchodné váhy |
| /k/obchodne-vahy/?orderby=rating | Obchodné váhy | Kvalitné obchodné váhy |
| /k/obchodne-vahy/?orderby=price | Obchodné váhy | Najlacnejšie obchodné váhy |
| /k/obchodne-vahy/?orderby=price-desc | Obchodné váhy | Prémiové obchodné váhy |
Porovnanie: Výzor hlavnej WooCommerce stránky s výpisom produktov pred a po SEO optimalizácii
Zrušili sme niektoré spôsoby radenia produktov
Ako ste si mohli všimnúť v tabuľke, niektoré spôsoby radenia, ktoré WooCommerce automaticky zobrazuje na každej podstránke s výpisom produktov, sme zámerne zrušili. V prípade projektu Najlacnejších meradiel nám totiž nedávalo význam radiť produkty podľa dátumu pridania, keďže zákazníkom nakupujúcim meracie prístroje – hlavne profesionálne váhy a teplomery, až tak nezáleží na tom, či je daný produkt v eshope týždeň, mesiac, alebo rok.
Zobrazenie produktov podľa manuálneho radenia, nazývané aj „Vlastné radenie“ (?orderby=menu_order), je v prípade eshopu so stovkami produktov taktiež nepotrebné. Zákazníkov zbytočne toto radenie mätie.
Na eshope najlacnejsiemeradla.sk tak teraz zoradíte produkty iba podľa štyroch radení – podľa predajnosti, podľa hodnotenia zákazníkmi a podľa ceny (od najlacnejších, od najdrahších). S myšlienkou optimalizácie spôsobov radenia prišiel tím Vojkovsky.sk, my sme ju úspešne zapracovali do WooCommerce.
Porovnanie: Výzor WooCommerce stránky s výpisom produktov z kategórie pred a po SEO optimalizácii
Nastavili sme správne „kanonické“ url adresy
Na záver sme na základe odporúčania agentúry Vojkovsky.sk nastavili jedinečné kanonické url adresy pre všetky spôsoby radenia produktov. Tým sme Google jednoznačne povedali, že každé radenie produktov v každej kategórii má jedinečný obsah, a dané podstránky by preto Google mal indexovať a zobrazovať vo výsledkoch hľadaní. Bez tohto nastavenia by sa Google mohol rozhodnúť, že bude rôzne radenie produktov ignorovať a vo výsledkoch hľadaní cez Google by zobrazil iba jednu radenie produktov – podľa všetkého to prednastavené.
Záver
Nad problémom SEO optimalizácie WooCommerce podstránok s výpisom produktov som sa zamýšľal už viackrát. Vedel som, že nejaké vhodné riešenie musí existovať. Vďaka skvelej spolupráci s klientom najlacnejsiemeradla.sk a SEO agentúrou Vojkovsky.sk sa nám v Brandbonsai podarilo vytvoriť elegantné riešenie, ktoré je aplikovateľné na všetky WooCommerce eshopy.
