Modul 7 · 7.1

Čeština

Nederlands English Deutsch Français Español Italiano Polski Čeština Hrvatski

Jak zajistit, aby byly produkty vyhledatelné

Modul 7: Vyhledatelnost a hosting · Doba čtení: 10 minut

Cíl lekce: Po této lekci budete umět vytvářet produktové stránky, kterým vyhledávače rozumějí, kontrolovat, jaká strukturovaná data WooCommerce posílá, a vyhnout se úskalím vyprodaných produktů, filtrů a duplicitního obsahu.

Klíčové pojmy: produktová stránka, název produktu, popis produktu, stránka kategorie jako vstupní stránka, strukturovaná data, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, vyprodáno, filtry a parametry, canonical, sitemapa produktů, bezplatné zápisy produktů

Čím se e-shop liší

Základy vyhledatelnosti najdete v kurzu WordPress, lekce 9.2: titulky, meta popisy, nadpisy, sitemapa, noindex, Search Console a přesměrování při změně adres. To vše platí i pro e-shop. E-shop má navíc tři vlastní výzvy:

Mnoho stránek, které si jsou podobné. Deset čajových konvic s téměř stejným textem, varianty, filtry podle barvy a ceny: vyhledávač musí vybrat, která stránka je důležitá.
Stránky, které přicházejí a odcházejí. Produkty se vyprodají, vyřadí se ze sortimentu nebo se do něj vrátí.
Vyhledávače zobrazují údaje o produktech samy. Cena, dostupnost a hodnocení se mohou objevit přímo ve výsledku vyhledávání, pokud je vyhledávač dokáže z Vaší stránky přečíst.

Tato lekce se věnuje právě těmto třem bodům. Více o klíčových slovech, psaní textů a místní vyhledatelnosti najdete v kurzu Online vyhledatelnost (připravujeme).

Produktová stránka, která něco říká

Vyhledávač i zákazník chtějí vědět totéž: co to je, proč právě tohle a ne něco jiného a kolik to stojí. U Theehuis Example vypadá slabá produktová stránka takto:

název "Čajová konvice 3";
popis převzatý od dodavatele, stejný jako u dvaceti dalších obchodů;
jedna fotografie bez alternativního textu.

Silná verze:

název obsahující to, co lidé hledají: "Litinová čajová konvice 0,8 litru, černá";
krátký popis o dvou až třech větách s tím nejdůležitějším (objem, materiál, pro koho je);
dlouhý popis vlastními slovy: jak se konvice používá, údržba, co k ní patří, rozměry a otázky, které zákazníci skutečně kladou;
více fotografií s popisným alternativním textem (kurz WordPress, lekce 4.4);
vyplněné SKU a, pokud ho máte, GTIN (kód EAN) (lekce 3.1).

Texty od dodavatelů jsou lákavé, jenže pak je stejný text na mnoha webech. Vyhledávač obvykle zobrazí jen jeden z nich. Napište proto alespoň první odstavec sami.

Stránky kategorií bývají důležitější, než si myslíte. Kdo hledá "litinová čajová konvice", chce vidět výběr, ne jeden produkt. Dejte proto svým kategoriím krátký úvodní text a jasný název a udržujte strukturu jednoduchou (Čajové konvice > Litina, ne pět úrovní do hloubky).

Strukturovaná data: co WooCommerce posílá

Strukturovaná data jsou kus kódu ve Vaší stránce, který v pevné podobě sděluje, co na stránce je. WooCommerce k tomu používá JSON-LD: blok <script type="application/ld+json">, který vkládá na konec produktové stránky (do patičky HTML). Obsahuje objekt typu Product s těmito údaji:

name, url, description (krátký popis, případně dlouhý) a image;
sku (nebo ID produktu, pokud jste SKU nevyplnili) a gtin, pokud jste vyplnili platný GTIN;
offers: Offer s cenou (v priceSpecification), priceCurrency, availability a prodávajícím (název Vašeho obchodu). U variabilního produktu s různými cenami jde o AggregateOffer s nejnižší a nejvyšší cenou;
availability jako adresa schema.org: https://schema.org/InStock, OutOfStock nebo BackOrder (při objednávkách zboží, které není skladem);
u hodnocení také průměrné hodnocení a recenze.

Takto vypadá zkrácený příklad:

{
  "@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"
  }]
}

Co strukturovaná data dělají: vyhledávač s jistotou ví, jaká je cena a dostupnost, a může je zobrazit. Co nedělají: nezajistí Vám lepší umístění ani nezaručí rozšířený výsledek vyhledávání. Google sám rozhoduje, zda něco zobrazí.

Tři úskalí:

Dvojité schéma. Plugin pro SEO nebo šablona přidává také Product. Pak jsou na stránce dva, někdy s různými cenami. Vyberte jeden zdroj a druhý vypněte.
Cena z mezipaměti. Po změně ceny zobrazuje stará uložená stránka původní cenu, v textu i ve schématu. Po změně cen mezipaměť vyprázdněte (lekce 6.4).
Nesprávné zobrazení DPH. Schéma přebírá cenu tak, jak ji zobrazuje Váš obchod. Pokud spotřebitelům zobrazujete cenu včetně DPH (lekce 4.1), bude i ve schématu.

Kontrolu provedete validátorem schema.org nebo testem od Google (viz Další čtení), případně úkolem této lekce.

Vyprodáno, vyřazeno ze sortimentu, opět skladem

Co s produktem, který je dočasně vyprodaný? V WooCommerce > Nastavení > Produkty > Sklad můžete vyprodané produkty v katalogu skrýt. Při dočasném vyprodání to nedělejte bez rozmyslu: stránka dál existuje, ale zmizí ze stránek kategorií, přičemž zákazníci, kteří ji najdou přes vyhledávač, ji stále uvidí. U produktu, který se vrátí, je lepší stránku ponechat s označením "vyprodáno", očekávaným datem nebo alternativou. Schéma pak uvádí OutOfStock, a to je poctivé.

Pokud produkt ze sortimentu vyřazujete natrvalo, máte tři možnosti:

stránku ponechat s jasným upozorněním a odkazy na nástupce (pokud na ni stále chodí mnoho návštěvníků);
přesměrování 301 na nástupce nebo na kategorii (pokud existuje skutečná náhrada);
stránku smazat, aby vracela 404 nebo 410 (pokud nic srovnatelného není).

Co nedělat: přesměrovat každý zmizelý produkt na domovskou stránku. Vyhledávače to považují za určitý druh chyby 404 a návštěvníci se uhledají.

Filtry, řazení a duplicitní obsah

Filtry podle barvy, velikosti a ceny a řazení podle ceny vytvářejí adresy jako /theepotten/?filter_kleur=zwart&orderby=price. Každá kombinace je nová adresa s téměř stejným obsahem. Při mnoha filtrech jich vzniknou tisíce. Vyhledávač pak tráví čas těmito variantami místo Vašimi produkty.

Co pomáhá:

canonical na každé filtrované stránce odkazující na stránku bez filtru (WordPress a většina pluginů pro SEO to u parametrů ne vždy dělá automaticky: zkontrolujte to);
žádné odkazy na filtrované adresy ve Vašem menu;
nevytvářet varianty jako samostatné produkty, pokud jde ve skutečnosti o jeden produkt (lekce 3.2);
jedna adresa na produkt, i když je ve více kategoriích. WooCommerce standardně používá /product/<naam>/ bez kategorie v adrese; nechte to tak, pokud přesně nevíte, co děláte.

Sitemapa produktů

WordPress od verze 5.5 sám vytváří sitemapu (/wp-sitemap.xml) s jednou částí pro každý typ obsahu. Produkty jsou typ obsahu, takže existuje dílčí sitemapa, například /wp-sitemap-posts-product-1.xml. Pokud používáte plugin pro SEO, často vytváří vlastní sitemapu s jinou adresou (a tu od WordPressu vypne). Zkontrolujte, že v ní jsou Vaše produkty, že v ní nejsou košík, pokladna a Můj účet (ty mají noindex, lekce 2.2), a odešlete sitemapu v Search Console.

Pokud chcete, aby se Vaše produkty zobrazovaly i na produktových kartách vyhledávačů, lze to zajistit produktovým feedem, například přes bezplatné zápisy v Google Merchant Center. To přesahuje rámec tohoto kurzu; strukturovaná data popsaná výše jsou však základem.

Shrnutí

Produktová stránka má název, který lidé hledají, vlastní popis, kvalitní fotografie s alternativním textem a vyplněné SKU a GTIN.
WooCommerce vkládá na produktovou stránku schéma Product v JSON-LD s cenou, měnou, dostupností a prodávajícím; rozšířený výsledek vyhledávání nezaručuje.
Předcházejte dvojitému schématu a starým cenám v mezipaměti.
Dočasně vyprodáno: stránku ponechat; natrvalo vyřazeno: nástupce, 301 nebo 404/410, ne přesměrování na domovskou stránku.
Filtry vytvářejí duplicitní obsah; používejte canonical a kontrolujte sitemapu produktů.

Kvíz

Úkol

Úkol A7.1: Rozumí vyhledávač Vašemu produktu? Zadejte adresu svého e-shopu a slug nebo adresu produktu (pokud pole necháte prázdné, program vezme první produkt z Vašeho Store API). Program načte produkt přes Store API, vyžádá si produktovou stránku a přečte všechny bloky application/ld+json. Poté v robots.txt nebo /wp-sitemap.xml vyhledá sitemapu s produkty. Zelená, pokud je na stránce právě jeden Product s názvem, offers s cenou a priceCurrency, availability odpovídající stavu skladu, obrázkem a SKU nebo GTIN; pokud se cena ve schématu shoduje s cenou ve Store API; pokud stránka nemá noindex a má canonical odkazující sama na sebe; a pokud je produkt v sitemapě produktů. Oranžová při dvou nebo více blocích Product, chybějícím SKU i GTIN, odlišné ceně, chybějícím canonical, chybějícím obrázku nebo pokud produkt není v sitemapě. Červená, pokud schéma Product chybí, stránka má noindex nebo chybí cena (offers).

Otázka pro Vás (nekontroluje se): vložte adresu své produktové stránky také do validátoru schema.org. Vidí totéž co program?

Další čtení

Bezplatný kurz WordPress 9.2: Dohledatelnost (SEO): základy
Bezplatný kurz WordPress 4.4: Média: obrázky a alt text
Strukturovaná data pro 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/

Cookies na webu WebOké

Nastavení cookies

Nezbytné

Marketing