Kako proizvode učiniti vidljivima na tražilicama

Modul 7: Vidljivost na tražilicama i hosting · Vrijeme čitanja: 10 minuta

Cilj učenja: Nakon ove lekcije moći ćete izraditi stranice proizvoda koje tražilice razumiju, provjeriti koje strukturirane podatke WooCommerce šalje te izbjeći zamke rasprodanih proizvoda, filtara i duplog sadržaja.

Ključni pojmovi: stranica proizvoda, naziv proizvoda, opis proizvoda, stranica kategorije kao odredišna stranica, strukturirani podaci, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, rasprodano, filtri i parametri, canonical, karta stranica proizvoda (sitemap), besplatni prikazi proizvoda

Po čemu se web-trgovina razlikuje

Osnove vidljivosti na tražilicama obrađene su u tečaju o WordPressu, lekcija 9.2: naslovi, meta opisi, podnaslovi, karta stranica, noindex, Search Console i preusmjeravanje kod promijenjenih adresa. Sve to vrijedi i za web-trgovinu. Uz to web-trgovina ima tri vlastita izazova:

1. Mnogo stranica koje su međusobno slične. Deset čajnika s gotovo istim tekstom, varijacije, filtri po boji i cijeni: tražilica mora odabrati koja je stranica važna.
2. Stranice koje dolaze i odlaze. Proizvodi se rasprodaju, izlaze iz ponude ili se vraćaju.
3. Tražilice same prikazuju podatke o proizvodu. Cijena, zaliha i ocjene mogu se pojaviti u rezultatu pretraživanja, ako ih tražilica može pročitati s Vaše stranice.

Ova lekcija bavi se tim trima izazovima. Više o ključnim riječima, pisanju tekstova i lokalnoj vidljivosti donosi tečaj o vidljivosti na internetu.

Stranica proizvoda koja nešto govori

Tražilica i kupac žele znati isto: što je to, zašto baš to, a ne nešto drugo, i koliko košta. U trgovini Čajana Example slaba stranica proizvoda izgleda ovako:

• naziv „Theepot 3” (Čajnik 3);
• opis preuzet od dobavljača, isti kao u dvadeset drugih trgovina;
• jedna fotografija bez alternativnog teksta.

Snažnija verzija:

• naziv s onim što ljudi traže: „Gietijzeren theepot 0,8 liter, zwart” (lijevanoželjezni čajnik od 0,8 litre, crni);
• kratak opis od dvije ili tri rečenice s onim najvažnijim (zapremnina, materijal, za koga je);
• dug opis Vašim riječima: kako se koristi, održavanje, što se dobiva uz njega, mjere i pitanja koja kupci zaista postavljaju;
• više fotografija s opisnim alternativnim tekstom (tečaj o WordPressu, lekcija 4.4);
• ispunjen SKU i, ako ga imate, GTIN (EAN kod) (lekcija 3.1).

Tekstovi dobavljača su primamljivi, ali tada se isti tekst nalazi na mnogo stranica. Tražilica obično prikaže samo jednu od njih. Barem prvi odlomak napišite sami.

Stranice kategorija često su važnije nego što mislite. Netko tko pretražuje „lijevanoželjezni čajnik” želi vidjeti izbor, a ne jedan proizvod. Zato svojim kategorijama dajte kratak uvodni tekst i jasan naziv te zadržite jednostavnu strukturu (Čajnici > Lijevano željezo, a ne pet razina u dubinu).

Strukturirani podaci: što WooCommerce šalje

Strukturirani podaci dio su koda na Vašoj stranici koji u utvrđenom obliku govori što se nalazi na stranici. WooCommerce za to koristi JSON-LD: blok <script type="application/ld+json"> koji postavlja na dno stranice proizvoda (u podnožje HTML-a). U njemu je objekt tipa Product s ovim podacima:

• name, url, description (kratki opis ili, ako ga nema, dugi) i image;
• sku (ili ID proizvoda ako niste unijeli SKU) i gtin ako ste unijeli valjan GTIN;
• offers: Offer s cijenom (u elementu priceSpecification), priceCurrency, availability i prodavateljem (naziv Vaše trgovine). Kod varijabilnog proizvoda s različitim cijenama to postaje AggregateOffer s najnižom i najvišom cijenom;
• availability kao schema.org adresa: https://schema.org/InStock, OutOfStock ili BackOrder (kod naknadnih narudžbi);
• kod ocjena i prosječna ocjena te recenzije.

Ovako izgleda skraćeni primjer:

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

Što strukturirani podaci čine: tražilica pouzdano zna kolika je cijena i kakvo je stanje zalihe te ih može prikazati. Što ne čine: ne podižu Vaš poredak i ne jamče prošireni rezultat pretraživanja. Google sam odlučuje hoće li nešto prikazati.

Tri zamke:

• Dvostruka shema. I SEO dodatak ili tema dodaje Product. Tada postoje dva, ponekad s različitim cijenama. Odaberite jedan izvor, a drugi isključite.
• Cijena iz predmemorije. Nakon promjene cijene stara, spremljena stranica prikazuje staru cijenu, u tekstu i u shemi. Nakon promjene cijena ispraznite predmemoriju (lekcija 6.4).
• Pogrešan prikaz PDV-a. Shema preuzima cijenu onako kako je prikazuje Vaša trgovina. Ako potrošačima prikazujete cijenu s uključenim PDV-om (lekcija 4.1), ta se cijena nalazi i u shemi.

Provjeru možete obaviti validatorom schema.org ili Googleovim testom (pogledajte Daljnje čitanje) ili zadatkom iz ove lekcije.

Rasprodano, izbačeno iz ponude, ponovno na zalihi

Što učiniti s proizvodom kojeg privremeno nema? U WooCommerce > Postavke > Proizvodi > Zaliha možete rasprodane proizvode sakriti u katalogu. Nemojte to činiti olako kod privremene rasprodaje: stranica i dalje postoji, ali nestaje s Vaših stranica kategorija, a kupci koji je pronađu putem tražilice i dalje je vide. Za proizvod koji se vraća bolje je ostaviti stranicu s oznakom „rasprodano”, očekivanim datumom ili alternativom. Shema tada navodi OutOfStock, i to je pošteno.

Ako proizvod trajno izlazi iz ponude, imate tri mogućnosti:

1. ostaviti stranicu s jasnom obavijesti i poveznicama na nasljednike (ako još dolazi mnogo posjetitelja);
2. preusmjeravanje 301 na nasljednika ili kategoriju (ako postoji prava zamjena);
3. izbrisati stranicu tako da vraća 404 ili 410 (ako ne postoji ništa usporedivo).

Ono što ne trebate činiti: preusmjeravati svaki nestali proizvod na početnu stranicu. Tražilice to vide kao svojevrsnu pogrešku 404, a posjetitelji uzalud traže.

Filtri, sortiranje i dupli sadržaj

Filtri po boji, veličini i cijeni te sortiranje po cijeni stvaraju adrese poput /theepotten/?filter_kleur=zwart&orderby=price. Svaka kombinacija nova je adresa s gotovo istim sadržajem. Kod mnogo filtara nastaju ih tisuće. Tražilica tada troši vrijeme na te varijante umjesto na Vaše proizvode.

Što pomaže:

• canonical na svakoj filtriranoj stranici koji upućuje na stranicu bez filtra (WordPress i većina SEO dodataka to kod parametara ne rade uvijek sami: provjerite);
• bez poveznica na filtrirane adrese u Vašem izborniku;
• varijacije ne izrađujte kao zasebne proizvode ako je zapravo riječ o jednom proizvodu (lekcija 3.2);
• jedna adresa po proizvodu, čak i ako se nalazi u više kategorija. WooCommerce prema zadanim postavkama koristi /product/<naam>/ bez kategorije u adresi; ostavite to tako, osim ako znate što radite.

Karta stranica proizvoda

WordPress od verzije 5.5 sam izrađuje kartu stranica (/wp-sitemap.xml) s po jednim dijelom za svaku vrstu objave. Proizvodi su vrsta objave, pa postoji djelomična karta stranica poput /wp-sitemap-posts-product-1.xml. Ako koristite SEO dodatak, on često izrađuje vlastitu kartu stranica s drugom adresom (i isključuje onu WordPressovu). Provjerite jesu li Vaši proizvodi u njoj, da košarica, blagajna i Moj račun u njoj nisu (one imaju noindex, lekcija 2.2), i prijavite kartu stranica u Search Consoleu.

Želite li da se Vaši proizvodi pojavljuju i na karticama proizvoda u tražilicama, to je moguće putem feeda proizvoda, na primjer putem besplatnih prikaza u Google Merchant Centeru. To izlazi iz okvira ovog tečaja; strukturirani podaci opisani iznad ipak su osnova.

Sažetak

• Stranica proizvoda ima naziv koji ljudi pretražuju, vlastiti opis, dobre fotografije s alternativnim tekstom te ispunjen SKU i GTIN.
• WooCommerce na stranicu proizvoda postavlja shemu Product u formatu JSON-LD s cijenom, valutom, zalihom i prodavateljem; ona ne jamči prošireni rezultat pretraživanja.
• Spriječite dvostruku shemu i stare cijene u predmemoriji.
• Privremeno rasprodano: ostavite stranicu; trajno izbačeno: nasljednik, 301 ili 404/410, a ne početna stranica.
• Filtri stvaraju dupli sadržaj; koristite canonical oznake i provjerite kartu stranica proizvoda.

Kviz

Zadatak

Zadatak A7.1: Razumije li tražilica Vaš proizvod? Unesite adresu svoje trgovine i slug ili adresu proizvoda (ako ostavite prazno, program uzima prvi proizvod iz Vašeg Store API-ja). Program dohvaća proizvod putem Store API-ja, otvara stranicu proizvoda i čita sve blokove application/ld+json. Zatim u datoteci robots.txt ili u /wp-sitemap.xml traži kartu stranica s proizvodima. Zeleno ako postoji točno jedan Product s nazivom, elementom offers s cijenom i priceCurrency, vrijednošću availability koja odgovara zalihi, slikom i SKU-om ili GTIN-om; ako je cijena u shemi jednaka onoj u Store API-ju; ako stranica nema noindex i ima canonical koji upućuje na nju samu; i ako je proizvod u karti stranica proizvoda. Narančasto kod dva ili više blokova Product, bez SKU-a i bez GTIN-a, kod odstupanja u cijeni, bez canonical oznake, bez slike ili ako proizvod nije u karti stranica. Crveno ako nema sheme Product, ako stranica ima noindex ili ako nedostaje cijena (offers).

Pitanje za Vas (ne provjerava se): zalijepite adresu svoje stranice proizvoda i u validator schema.org. Vidi li on isto što i program?

Daljnje čitanje

• Besplatan WordPress tečaj 9.2: Vidljivost na tražilicama: osnove
• Besplatan WordPress tečaj 4.4: Medijski zapisi: slike i alternativni tekst
• Strukturirani podaci za proizvode (Google Search Central, na engleskom): https://developers.google.com/search/docs/appearance/structured-data/product
• Schema Markup Validator (schema.org, na engleskom): https://validator.schema.org/
• Managing products (woocommerce.com, na engleskom): https://woocommerce.com/document/managing-products/
• Besplatan tečaj Vidljivost na internetu 3.1: Naslov i metaopis
• Besplatan tečaj Vidljivost na internetu 5.1: Strukturirani podaci i obogaćeni rezultati
• Besplatan tečaj Vidljivost na internetu 7.1: Namjera pretraživanja: što netko zapravo traži?