Ako zviditeľniť produkty vo vyhľadávačoch

Modul 7: Vyhľadateľnosť a hosting · Čas čítania: 10 min.

Cieľ lekcie: Po tejto lekcii dokážete vytvárať produktové stránky, ktorým vyhľadávače rozumejú, skontrolovať, aké štruktúrované údaje WooCommerce posiela, a vyhnúť sa nástrahám vypredaných produktov, filtrov a duplicitného obsahu.

Kľúčové pojmy: produktová stránka, názov produktu, popis produktu, stránka kategórie ako vstupná stránka, štruktúrované údaje, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, vypredané, filtre a parametre, canonical, mapa stránok produktov, bezplatné zápisy produktov

Čím je e-shop iný

Základy vyhľadateľnosti nájdete v kurze WordPress, v lekcii 9.2: názvy, metapopisy, nadpisy, mapa stránok, noindex, Search Console a presmerovanie pri zmenených adresách. To všetko platí aj pre e-shop. E-shop má okrem toho tri vlastné výzvy:

1. Veľa stránok, ktoré sa na seba podobajú. Desať čajníkov s takmer rovnakým textom, varianty, filtre podľa farby a ceny: vyhľadávač musí vybrať, na ktorej stránke záleží.
2. Stránky, ktoré pribúdajú a miznú. Produkty sa vypredajú, vyradia zo sortimentu alebo sa vrátia.
3. Vyhľadávače samy zobrazujú údaje o produktoch. Cena, dostupnosť a hodnotenia sa môžu objaviť priamo vo výsledku vyhľadávania, ak ich vyhľadávač dokáže z vašej stránky prečítať.

Táto lekcia sa venuje týmto trom témam. Viac o kľúčových slovách, písaní textov a lokálnej vyhľadateľnosti prinesie kurz Vyhľadateľnosť online.

Produktová stránka, ktorá niečo hovorí

Vyhľadávač aj zákazník chcú vedieť to isté: čo to je, prečo práve tento produkt a nie iný a koľko stojí. V Čajovni Example, e-shope v Utrechte (Holandsko), vyzerá slabá produktová stránka takto:

• názov "Theepot 3";
• popis prevzatý od dodávateľa, rovnaký ako v dvadsiatich iných obchodoch;
• jedna fotografia bez alternatívneho textu.

Silná verzia:

• názov obsahuje to, čo ľudia hľadajú: "Liatinový čajník 0,8 litra, čierny";
• krátky popis s dvoma alebo tromi vetami s tým najdôležitejším (objem, materiál, pre koho je určený);
• dlhý popis vlastnými slovami: ako sa používa, údržba, čo k nemu patrí, rozmery a otázky, ktoré zákazníci naozaj kladú;
• viac fotografií s výstižným alternatívnym textom (kurz WordPress, lekcia 4.4);
• vyplnený kód SKU a, ak ho máte, aj GTIN (kód EAN) (lekcia 3.1).

Texty od dodávateľa sú lákavé, ale potom je rovnaký text na mnohých stránkach. Vyhľadávač zvyčajne zobrazí len jednu z nich. Napíšte aspoň prvý odsek sami.

Stránky kategórií sú často dôležitejšie, než si myslíte. Kto hľadá "liatinový čajník", chce vidieť výber, nie jediný produkt. Dajte preto kategóriám krátky úvodný text a jasný názov a štruktúru udržujte jednoduchú (Čajníky > Liatina, nie päť úrovní do hĺbky).

Štruktúrované údaje: čo WooCommerce posiela

Štruktúrované údaje sú kúsok kódu na vašej stránke, ktorý v pevne danej podobe opisuje, čo na stránke je. WooCommerce na to používa JSON-LD: blok <script type="application/ld+json">, ktorý umiestňuje na spodok produktovej stránky (do päty HTML). Obsahuje objekt typu Product s týmito údajmi:

• name, url, description (krátky popis, prípadne dlhý) a image;
• sku (alebo ID produktu, ak ste SKU nevyplnili) a gtin, ak ste vyplnili platný GTIN;
• offers: Offer s cenou (v priceSpecification), priceCurrency, availability a predávajúcim (názov vášho obchodu). Pri variabilnom produkte s rôznymi cenami ide o AggregateOffer s najnižšou a najvyššou cenou;
• availability ako adresa schema.org: https://schema.org/InStock, OutOfStock alebo BackOrder (pri dodatočných objednávkach);
• pri hodnoteniach aj priemerné skóre a recenzie.

Skrátený príklad vyzerá takto:

{
  "@type": "Product",
  "name": "Gietijzeren theepot 0,8 liter, zwart",
  "sku": "TP-GIJ-08",
  "offers": [{
    "@type": "Offer",
    "price": "39.95",
    "priceCurrency": "EUR",
    "availability": "https://schema.org/InStock"
  }]
}

Čo štruktúrované údaje robia: vyhľadávač s istotou vie, aká je cena a dostupnosť, a môže ich zobraziť. Čo nerobia: nezabezpečia vám vyššie umiestnenie ani nezaručia rozšírený výsledok vyhľadávania. Google sám rozhoduje, či niečo zobrazí.

Tri nástrahy:

• Duplicitná schéma. Plugin na SEO alebo téma pridáva tiež Product. Potom sú na stránke dva, niekedy s rôznymi cenami. Vyberte jeden zdroj a druhý vypnite.
• Cena z cache. Po zmene ceny zobrazuje stará uložená stránka pôvodnú cenu, v texte aj v schéme. Po zmenách cien vyprázdnite cache (lekcia 6.4).
• Nesprávne zobrazenie DPH. Schéma preberá cenu tak, ako ju zobrazuje váš obchod. Ak spotrebiteľom zobrazujete cenu vrátane DPH (lekcia 4.1), bude aj v schéme.

Kontrolu urobíte validátorom schema.org alebo testom od Google (pozri Ďalšie čítanie), prípadne úlohou k tejto lekcii.

Vypredané, vyradené zo sortimentu, opäť na sklade

Čo robiť s produktom, ktorý sa dočasne minul? V WooCommerce > Nastavenia > Produkty > Sklad môžete vypredané produkty v katalógu skryť. Pri dočasnom vypredaní to nerobte bez rozmyslu: stránka zostane existovať, ale vypadne zo stránok kategórií, a zákazníci, ktorí ju nájdu cez vyhľadávač, ju stále uvidia. Pri produkte, ktorý sa vráti, je lepšie stránku ponechať s označením "vypredané", očakávaným dátumom alebo alternatívou. Schéma potom uvádza OutOfStock, čo je pravdivé.

Ak produkt natrvalo vyradíte zo sortimentu, máte tri možnosti:

1. ponechať stránku s jasným oznámením a odkazmi na nástupcov (ak na ňu stále chodí veľa návštevníkov);
2. presmerovanie 301 na nástupcu alebo na kategóriu (ak existuje skutočná náhrada);
3. stránku odstrániť, aby vracala 404 alebo 410 (ak nie je nič porovnateľné).

Čo nerobiť: presmerovať každý zmiznutý produkt na domovskú stránku. Vyhľadávače to vnímajú ako istý druh chyby 404 a návštevníci márne hľadajú.

Filtre, triedenie a duplicitný obsah

Filtre podľa farby, veľkosti a ceny a triedenie podľa ceny vytvárajú adresy ako /theepotten/?filter_kleur=zwart&orderby=price. Každá kombinácia je nová adresa s takmer rovnakým obsahom. Pri mnohých filtroch ich vzniknú tisíce. Vyhľadávač potom venuje čas týmto variantom namiesto vašich produktov.

Čo pomáha:

• canonical na každej filtrovanej stránke smerujúci na stránku bez filtra (WordPress a väčšina pluginov na SEO to pri parametroch nie vždy robí automaticky: skontrolujte to);
• žiadne odkazy na filtrované adresy v menu;
• nevytvárať varianty ako samostatné produkty, ak ide v skutočnosti o jeden produkt (lekcia 3.2);
• jedna adresa na produkt, aj keď patrí do viacerých kategórií. WooCommerce štandardne používa /product/<naam>/ bez kategórie v adrese; nechajte to tak, pokiaľ presne neviete, čo robíte.

Mapa stránok produktov

WordPress od verzie 5.5 sám vytvára mapu stránok (/wp-sitemap.xml) s časťou pre každý typ príspevku. Produkty sú typ príspevku, takže existuje čiastková mapa stránok, napríklad /wp-sitemap-posts-product-1.xml. Ak používate plugin na SEO, často vytvorí vlastnú mapu stránok s inou adresou (a mapu WordPress vypne). Skontrolujte, či sú v nej vaše produkty, či v nej nie sú košík, pokladňa a Môj účet (tie majú noindex, lekcia 2.2), a mapu stránok odošlite v Search Console.

Ak chcete, aby sa vaše produkty zobrazovali aj na produktových kartách vyhľadávačov, dá sa to cez produktový feed, napríklad pomocou bezplatných zápisov v Google Merchant Center. To presahuje rámec tohto kurzu; štruktúrované údaje uvedené vyššie sú však základom.

Zhrnutie

• Produktová stránka má názov, ktorý ľudia hľadajú, vlastný popis, kvalitné fotografie s alternatívnym textom a vyplnené SKU a GTIN.
• WooCommerce vkladá na produktovú stránku schému Product v JSON-LD s cenou, menou, dostupnosťou a predávajúcim; rozšírený výsledok vyhľadávania nezaručuje.
• Predchádzajte duplicitnej schéme a starým cenám v cache.
• Dočasne vypredané: stránku ponechať; natrvalo vyradené: nástupca, 301 alebo 404/410, nie presmerovanie na domovskú stránku.
• Filtre vytvárajú duplicitný obsah; používajte canonical a kontrolujte mapu stránok produktov.

Kvíz

Úloha

Úloha A7.1: Rozumie vyhľadávač vášmu produktu? Zadajte adresu svojho e-shopu a slug alebo adresu produktu (ak pole necháte prázdne, program použije prvý produkt z vášho Store API). Program načíta produkt cez Store API, vyžiada si produktovú stránku a prečíta všetky bloky application/ld+json. Potom v robots.txt alebo v /wp-sitemap.xml vyhľadá mapu stránok s produktmi. Zelená, ak je na stránke práve jeden Product s názvom, offers s cenou a priceCurrency, availability zodpovedajúcou stavu skladu, obrázkom a SKU alebo GTIN; ak sa cena v schéme zhoduje s cenou v Store API; ak stránka nemá noindex a má canonical na seba samu; a ak je produkt v mape stránok produktov. Oranžová pri dvoch alebo viacerých blokoch Product, chýbajúcom SKU aj GTIN, odlišnej cene, chýbajúcom canonical, chýbajúcom obrázku alebo ak produkt nie je v mape stránok. Červená, ak schéma Product chýba, stránka má noindex alebo chýba cena (offers).

Otázka pre vás (nekontroluje sa): vložte adresu svojej produktovej stránky aj do validátora schema.org. Vidí to isté ako program?

Ďalšie čítanie

• Bezplatný kurz WordPress 9.2: Vyhľadateľnosť: základy
• Bezplatný kurz WordPress 4.4: Multimédiá: obrázky a alternatívny text
• Štruktúrované údaje pre produkty (Google Search Central, anglicky): https://developers.google.com/search/docs/appearance/structured-data/product
• Schema Markup Validator (schema.org, anglicky): https://validator.schema.org/
• Managing products (woocommerce.com, anglicky): https://woocommerce.com/document/managing-products/
• Bezplatný kurz Viditeľnosť na internete 3.1: Titulok a meta popis
• Bezplatný kurz Viditeľnosť na internete 5.1: Štruktúrované údaje a rozšírené výsledky
• Bezplatný kurz Viditeľnosť na internete 7.1: Zámer vyhľadávania: čo človek naozaj hľadá?