Tuotteet löydettäviksi

Moduuli 7: Löydettävyys ja webhotelli · Lukuaika: 10 minuuttia

Oppimistavoite: Tämän oppitunnin jälkeen osaat tehdä tuotesivuja, jotka hakukoneet ymmärtävät, tarkistaa, mitä rakenteisia tietoja WooCommerce lähettää mukana, ja välttää loppuunmyytyjen tuotteiden, suodattimien ja kaksoissisällön sudenkuopat.

Keskeiset käsitteet: tuotesivu, tuotteen otsikko, tuotekuvaus, kategoriasivu laskeutumissivuna, rakenteiset tiedot, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, loppuunmyyty, suodattimet ja parametrit, canonical, tuotteiden sivukartta, maksuttomat tuotelistaukset

Mikä verkkokaupassa on erilaista

Löydettävyyden perusteet käydään läpi WordPress-kurssin oppitunnilla 9.2: otsikot, metakuvaukset, väliotsikot, sivukartta, noindex, Search Console ja uudelleenohjaukset, kun osoitteet muuttuvat. Kaikki tämä pätee myös verkkokauppaan. Lisäksi verkkokaupalla on kolme omaa haastetta:

Paljon toistensa kaltaisia sivuja. Kymmenen teekannua lähes samalla tekstillä, muunnelmia, suodattimia värin ja hinnan mukaan: hakukoneen on valittava, mikä sivu on merkityksellinen.
Sivuja, jotka tulevat ja menevät. Tuotteet myydään loppuun, poistuvat valikoimasta tai palaavat.
Hakukoneet näyttävät tuotetietoja itse. Hinta, varastotilanne ja arviot voivat näkyä hakutuloksessa, jos hakukone pystyy lukemaan ne sivultasi.

Tämä oppitunti käsittelee näitä kolmea. Hakusanoista, tekstien kirjoittamisesta ja paikallisesta löydettävyydestä kerrotaan lisää kurssilla Löydettävyys verkossa (kehitteillä).

Tuotesivu, joka kertoo jotain

Hakukone ja asiakas haluavat tietää saman: mikä tämä on, miksi juuri tämä eikä jokin muu, ja mitä se maksaa. Theehuis Examplessa heikko tuotesivu näyttää tältä:

otsikko "Teekannu 3";
kuvaus kopioitu toimittajalta, sama kuin kahdessakymmenessä muussa kaupassa;
yksi kuva ilman alt-tekstiä.

Vahva versio:

otsikossa on se, mitä ihmiset hakevat: "Valurautainen teekannu 0,8 litraa, musta";
lyhyt kuvaus, kaksi tai kolme virkettä tärkeimmästä (tilavuus, materiaali, kenelle);
pitkä kuvaus omin sanoin: miten kannua käytetään, hoito, mitä mukana tulee, mitat ja kysymykset, joita asiakkaat oikeasti kysyvät;
useita kuvia kuvaavalla alt-tekstillä (WordPress-kurssin oppitunti 4.4);
SKU ja, jos sinulla on se, GTIN (EAN-koodi) täytettyinä (oppitunti 3.1).

Toimittajien tekstit houkuttelevat, mutta silloin sama teksti on monella sivustolla. Hakukone näyttää niistä yleensä vain yhden. Kirjoita ainakin ensimmäinen kappale itse.

Kategoriasivut ovat usein tärkeämpiä kuin luulet. Kun joku hakee "valurautainen teekannu", hän haluaa nähdä vaihtoehtoja eikä yhtä tuotetta. Anna siksi kategorioillesi lyhyt johdantoteksti ja selkeä nimi, ja pidä rakenne yksinkertaisena (Teekannut > Valurauta, ei viittä tasoa syvälle).

Rakenteiset tiedot: mitä WooCommerce lähettää mukana

Rakenteiset tiedot ovat sivulla olevaa koodia, joka kertoo vakiomuodossa, mitä sivulla on. WooCommerce käyttää tähän JSON-LD:tä: lohkoa <script type="application/ld+json">, jonka se lisää tuotesivun loppuun (HTML:n alatunnisteeseen). Siinä on Product-tyyppinen objekti, jossa on:

name, url, description (lyhyt kuvaus, tai muuten pitkä) ja image;
sku (tai tuotteen ID, jos et täyttänyt SKU:ta) ja gtin, jos täytit kelvollisen GTIN:n;
offers: Offer, jossa on hinta (priceSpecification-kentässä), priceCurrency, availability ja myyjä (kauppasi nimi). Muunnelmallisessa tuotteessa, jossa on eri hintoja, siitä tulee AggregateOffer, jossa on alin ja ylin hinta;
availability schema.org-osoitteena: https://schema.org/InStock, OutOfStock tai BackOrder (jälkitilauksissa);
arvioiden yhteydessä myös keskiarvosana ja arviot.

Lyhennetty esimerkki näyttää tältä:

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

Mitä rakenteiset tiedot tekevät: hakukone tietää varmasti hinnan ja varastotilanteen ja voi näyttää ne. Mitä ne eivät tee: ne eivät nosta sijoitustasi eivätkä takaa laajennettua hakutulosta. Google päättää itse, näyttääkö se jotain.

Kolme sudenkuoppaa:

Kaksinkertainen schema. Myös SEO-lisäosa tai teema lisää Productin. Silloin niitä on kaksi, joskus eri hinnoilla. Valitse yksi lähde ja poista toinen käytöstä.
Hinta välimuistista. Hinnanmuutoksen jälkeen vanha, tallennettu sivu näyttää vanhan hinnan sekä tekstissä että schemassa. Tyhjennä välimuisti hinnanmuutosten jälkeen (oppitunti 6.4).
Väärä arvonlisäveron näyttötapa. Schema käyttää hintaa sellaisena kuin kauppasi sen näyttää. Jos näytät kuluttajille hinnan arvonlisäveroineen (oppitunti 4.1), se on myös schemassa.

Tarkistuksen voit tehdä schema.orgin validaattorilla tai Googlen testillä (katso Lue lisää) tai tämän oppitunnin tehtävällä.

Loppuunmyyty, poistunut valikoimasta, taas varastossa

Mitä teet tuotteelle, joka on hetkellisesti loppu? Kohdassa WooCommerce > Asetukset > Tuotteet > Varasto voit piilottaa loppuunmyydyt tuotteet luettelosta. Älä tee sitä kevyin perustein tilapäisen loppuunmyynnin vuoksi: sivu on edelleen olemassa, mutta se putoaa kategoriasivuiltasi, ja hakukoneen kautta sen löytävät asiakkaat näkevät sen silti. Palaavalle tuotteelle on parempi jättää sivu paikalleen merkinnällä "loppuunmyyty", arvioidulla päivämäärällä tai vaihtoehdolla. Schemassa lukee silloin OutOfStock, ja se on rehellistä.

Jos tuote poistuu valikoimasta pysyvästi, sinulla on kolme vaihtoehtoa:

jätä sivu paikalleen selkeällä ilmoituksella ja linkeillä seuraajatuotteisiin (jos kävijöitä tulee vielä paljon);
301-uudelleenohjaus seuraajatuotteeseen tai kategoriaan (jos on todellinen korvaava tuote);
poista sivu, jolloin se palauttaa 404:n tai 410:n (jos vastaavaa ei ole).

Mitä et tee: ohjaa jokaista poistunutta tuotetta etusivulle. Hakukoneet pitävät sitä eräänlaisena 404:nä, ja kävijät etsivät turhaan.

Suodattimet, lajittelu ja kaksoissisältö

Suodattimet värin, koon ja hinnan mukaan sekä lajittelu hinnan mukaan luovat osoitteita kuten /theepotten/?filter_kleur=zwart&orderby=price. Jokainen yhdistelmä on uusi osoite lähes samalla sisällöllä. Kun suodattimia on paljon, niitä syntyy tuhansia. Hakukone käyttää silloin aikaa näihin muunnelmiin tuotteidesi sijaan.

Mikä auttaa:

canonical jokaisella suodatetulla sivulla suodattamattomaan sivuun (WordPress ja useimmat SEO-lisäosat eivät aina tee tätä itsestään parametrien kanssa: tarkista se);
ei linkkejä suodatettuihin osoitteisiin valikossasi;
älä luo muunnelmia erillisiksi tuotteiksi, jos kyse on oikeastaan yhdestä tuotteesta (oppitunti 3.2);
yksi osoite tuotetta kohden, vaikka se olisi useammassa kategoriassa. WooCommerce käyttää oletuksena muotoa /product/<naam>/ ilman kategoriaa osoitteessa; pidä se niin, ellet tiedä, mitä teet.

Tuotteiden sivukartta

WordPress luo versiosta 5.5 lähtien itse sivukartan (/wp-sitemap.xml), jossa on oma osa kullekin artikkelityypille. Tuotteet ovat artikkelityyppi, joten on olemassa osasivukartta, kuten /wp-sitemap-posts-product-1.xml. Jos käytät SEO-lisäosaa, se tekee usein oman sivukarttansa eri osoitteeseen (ja poistaa WordPressin oman käytöstä). Tarkista, että tuotteesi ovat siinä, että Ostoskori, Kassa ja Oma tili eivät ole siinä (niillä on noindex, oppitunti 2.2), ja lähetä sivukartta Search Consoleen.

Jos haluat tuotteidesi näkyvän myös hakukoneiden tuotevälilehdillä, se onnistuu tuotesyötteellä, esimerkiksi Google Merchant Centerin maksuttomien listausten kautta. Se jää tämän kurssin ulkopuolelle, mutta yllä kuvatut rakenteiset tiedot ovat sen perusta.

Yhteenveto

Tuotesivulla on otsikko, jolla ihmiset hakevat, oma kuvaus, hyvät kuvat alt-teksteineen sekä täytetty SKU ja GTIN.
WooCommerce lisää tuotesivulle JSON-LD-muotoisen Product-scheman, jossa on hinta, valuutta, varastotilanne ja myyjä; se ei takaa laajennettua hakutulosta.
Vältä kaksinkertainen schema ja vanhat hinnat välimuistissa.
Tilapäisesti loppuunmyyty: jätä sivu paikalleen; pysyvästi poistunut: seuraajatuote, 301 tai 404/410, ei ohjausta etusivulle.
Suodattimet luovat kaksoissisältöä; käytä canonical-tageja ja tarkista tuotteiden sivukartta.

Tietovisa (quiz)

Tehtävä

Tehtävä A7.1: Ymmärtääkö hakukone tuotteesi? Syötä verkkokauppasi osoite sekä tuotteen slug tai osoite (jos jätät kentän tyhjäksi, ohjelma ottaa ensimmäisen tuotteen Store API:stasi). Ohjelma hakee tuotteen Store API:n kautta, pyytää tuotesivun ja lukee kaikki application/ld+json-lohkot. Sen jälkeen se etsii robots.txt-tiedostosta tai osoitteesta /wp-sitemap.xml sivukartan, jossa on tuotteita. Vihreä, jos sivulla on täsmälleen yksi Product, jossa on nimi, offers hinnalla ja priceCurrency-arvolla, varastotilannetta vastaava availability, kuva ja SKU tai GTIN; jos scheman hinta on sama kuin Store API:ssa; jos sivulla ei ole noindexiä ja sillä on canonical itseensä; ja jos tuote on tuotteiden sivukartassa. Oranssi, jos Product-lohkoja on kaksi tai enemmän, ei ole SKU:ta eikä GTIN:ää, hinta poikkeaa, canonical puuttuu, kuva puuttuu tai tuote ei ole sivukartassa. Punainen, jos Product-schemaa ei ole, sivulla on noindex tai hinta (offers) puuttuu.

Kysymys itsellesi (ei tarkisteta): liitä tuotesivusi osoite myös schema.orgin validaattoriin. Näkeekö se saman kuin ohjelma?

Lue lisää

Ilmainen WordPress-kurssi 9.2: Löydettävyys: perusteet
Ilmainen WordPress-kurssi 4.4: Media: kuvat ja alt-teksti
Tuotteiden rakenteiset tiedot (Google Search Central, englanniksi): https://developers.google.com/search/docs/appearance/structured-data/product
Schema Markup Validator (schema.org, englanniksi): https://validator.schema.org/
Managing products (woocommerce.com, englanniksi): https://woocommerce.com/document/managing-products/

Evästeet WebOkén sivustolla

Evästeasetukset

Välttämättömät

Markkinointi