Gjøre produktene lette å finne

Modul 7: Bli funnet og hosting · Lesetid: 10 minutter

Læringsmål: Etter denne leksjonen kan du lage produktsider som søkemotorer forstår, sjekke hvilke strukturerte data WooCommerce sender med, og unngå fellene med utsolgte produkter, filtre og duplisert innhold.

Nøkkelbegreper: produktside, produkttittel, produktbeskrivelse, kategoriside som landingsside, strukturerte data, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, utsolgt, filtre og parametere, canonical, produktnettstedskart, gratis produktoppføringer

Hva som er annerledes med en nettbutikk

Grunnlaget for å bli funnet står i WordPress-kurset, leksjon 9.2: titler, metabeskrivelser, overskrifter, nettstedskartet, noindex, Search Console og videresending når adresser endres. Alt dette gjelder også for en nettbutikk. I tillegg har en nettbutikk tre egne utfordringer:

1. Mange sider som ligner på hverandre. Ti tekanner med nesten samme tekst, varianter, filtre på farge og pris: en søkemotor må velge hvilken side som betyr noe.
2. Sider som kommer og går. Produkter blir utsolgt, går ut av sortimentet eller kommer tilbake.
3. Søkemotorer viser produktdata selv. Pris, lagerstatus og vurderinger kan stå i søkeresultatet, hvis søkemotoren kan lese dem fra siden din.

Denne leksjonen handler om disse tre. Mer om søkeord, tekstskriving og lokal synlighet kommer i kurset Bli funnet på nett (under utvikling).

En produktside som sier noe

En søkemotor og en kunde vil vite det samme: hva er det, hvorfor dette og ikke et annet, og hva koster det. Hos Theehuis Example ser en svak produktside slik ut:

• tittel "Tekanne 3";
• beskrivelse kopiert fra leverandøren, den samme som hos tjue andre butikker;
• ett bilde uten alt-tekst.

En sterk versjon:

• tittel med det folk søker etter: "Tekanne i støpejern 0,8 liter, svart";
• en kort beskrivelse på to eller tre setninger med det viktigste (volum, materiale, for hvem);
• en lang beskrivelse med dine egne ord: hvordan du bruker den, vedlikehold, hva som følger med, mål, og spørsmålene kundene faktisk stiller;
• flere bilder med beskrivende alt-tekst (WordPress-kurset, leksjon 4.4);
• SKU og, hvis du har den, GTIN (EAN-kode) fylt ut (leksjon 3.1).

Leverandørtekster er fristende, men da står den samme teksten på mange nettsteder. En søkemotor viser som regel bare én av dem. Skriv i hvert fall det første avsnittet selv.

Kategorisider er ofte viktigere enn du tror. Den som søker på "tekanne i støpejern", vil se et utvalg, ikke ett enkelt produkt. Gi derfor kategoriene dine en kort innledende tekst og et tydelig navn, og hold strukturen enkel (Tekanner > Støpejern, ikke fem nivåer dypt).

Strukturerte data: hva WooCommerce sender med

Strukturerte data er en liten bit kode på siden din som forteller i en fast form hva som står på siden. WooCommerce bruker JSON-LD til dette: en blokk <script type="application/ld+json"> som legges nederst på produktsiden (i bunnteksten i HTML-koden). Der står et objekt av typen Product med:

• name, url, description (den korte beskrivelsen, ellers den lange) og image;
• sku (eller produkt-ID-en hvis du ikke fylte ut SKU) og gtin hvis du fylte ut en gyldig GTIN;
• offers: et Offer med prisen (i en priceSpecification), priceCurrency, availability og selgeren (butikknavnet ditt). For et variabelt produkt med ulike priser blir det et AggregateOffer med laveste og høyeste pris;
• availability som schema.org-adresse: https://schema.org/InStock, OutOfStock eller BackOrder (ved restordre);
• ved vurderinger også gjennomsnittsscore og anmeldelser.

Slik ser et forkortet eksempel ut:

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

Hva strukturerte data gjør: søkemotoren vet sikkert hva pris og lagerstatus er, og kan vise dem. Hva de ikke gjør: gi deg høyere rangering eller garantere et utvidet søkeresultat. Google bestemmer selv om noe vises.

Tre feller:

• Dobbelt schema. En SEO-utvidelse eller et tema legger også til et Product. Da står det to, noen ganger med ulike priser. Velg én kilde og slå av den andre.
• Pris fra hurtigbufferen. Etter en prisendring viser en gammel, lagret side den gamle prisen, både i teksten og i schemaet. Tøm hurtigbufferen etter prisendringer (leksjon 6.4).
• Feil mva.-visning. Schemaet tar prisen slik butikken din viser den. Viser du forbrukere prisen inkludert merverdiavgift (mva.) (leksjon 4.1), står den også slik i schemaet.

Du sjekker dette med validatoren til schema.org eller testen til Google (se Les mer), eller med oppgaven i denne leksjonen.

Utsolgt, ute av sortimentet, tilbake på lager

Hva gjør du med et produkt som er midlertidig tomt? Under WooCommerce > Innstillinger > Produkter > Lager kan du skjule utsolgte produkter i katalogen. Ikke gjør det uten videre ved midlertidig utsalg: siden finnes fortsatt, men faller ut av kategorisidene dine, mens kunder som finner den via en søkemotor, fortsatt ser den. For et produkt som kommer tilbake, er det bedre å la siden stå med "utsolgt", en forventet dato eller et alternativ. Schemaet sier da OutOfStock, og det er ærlig.

Går et produkt permanent ut av sortimentet, har du tre valg:

1. la siden stå med en tydelig melding og lenker til etterfølgere (hvis det fortsatt kommer mange besøkende);
2. en 301-videresending til etterfølgeren eller kategorien (hvis det finnes en reell erstatning);
3. slette siden, slik at den gir 404 eller 410 (hvis det ikke finnes noe tilsvarende).

Det du ikke gjør: sende hvert forsvunnet produkt til forsiden. Søkemotorer ser det som en slags 404, og besøkende leter seg i hjel.

Filtre, sortering og duplisert innhold

Filtre på farge, størrelse og pris, og sortering etter pris, lager adresser som /theepotten/?filter_kleur=zwart&orderby=price. Hver kombinasjon er en ny adresse med nesten samme innhold. Med mange filtre blir det tusenvis. En søkemotor bruker da tid på disse variantene i stedet for på produktene dine.

Dette hjelper:

• en canonical på hver filtrerte side til siden uten filter (WordPress og de fleste SEO-utvidelser gjør ikke alltid dette av seg selv ved parametere: sjekk det);
• ingen lenker til filtrerte adresser i menyen din;
• ikke opprett varianter som egne produkter hvis det egentlig er ett produkt (leksjon 3.2);
• én adresse per produkt, også når det ligger i flere kategorier. WooCommerce bruker som standard /product/<naam>/ uten kategori i adressen; la det være slik, med mindre du vet hva du gjør.

Produktnettstedskartet

WordPress lager siden versjon 5.5 selv et nettstedskart (/wp-sitemap.xml) med én del per innleggstype. Produkter er en innleggstype, så det finnes et delkart som /wp-sitemap-posts-product-1.xml. Bruker du en SEO-utvidelse, lager den ofte et eget nettstedskart med en annen adresse (og slår av det fra WordPress). Sjekk at produktene dine står i det, at handlekurv, kasse og Min konto ikke står i det (de har noindex, leksjon 2.2), og send inn nettstedskartet i Search Console.

Vil du at produktene dine også skal vises i produktfanene til søkemotorene, kan du gjøre det med en produktfeed, for eksempel via de gratis oppføringene i Google Merchant Center. Det ligger utenfor dette kurset, men de strukturerte dataene ovenfor er grunnlaget.

Sammendrag

• En produktside har en tittel folk søker på, en egen beskrivelse, gode bilder med alt-tekst og utfylt SKU og GTIN.
• WooCommerce legger et Product-schema i JSON-LD på produktsiden med pris, valuta, lagerstatus og selger; det garanterer ikke et utvidet søkeresultat.
• Unngå dobbelt schema og gamle priser i hurtigbufferen. I en norsk nettbutikk med 25 % merverdiavgift står prisen i schemaet med mva. hvis du viser den slik.
• Midlertidig utsolgt: la siden stå; permanent borte: etterfølger, 301 eller 404/410, ikke til forsiden.
• Filtre gir duplisert innhold; bruk canonicals og sjekk produktnettstedskartet ditt.

Quiz

Oppgave

Oppgave A7.1: Forstår en søkemotor produktet ditt? Fyll inn adressen til nettbutikken din og sluggen eller adressen til et produkt (la feltet stå tomt, så tar programmet det første produktet fra Store API-et ditt). Programmet henter produktet via Store API, ber om produktsiden og leser alle blokker application/ld+json. Deretter ser det i robots.txt eller /wp-sitemap.xml etter nettstedskartet med produkter. Grønt hvis det står nøyaktig ett Product med et navn, en offers med pris og priceCurrency, en availability som passer til lagerstatusen, et bilde og en SKU eller GTIN; hvis prisen i schemaet er lik den i Store API; hvis siden ikke har noindex og har en canonical til seg selv; og hvis produktet står i et produktnettstedskart. Oransje ved to eller flere Product-blokker, ingen SKU og ingen GTIN, en avvikende pris, ingen canonical, ikke noe bilde eller hvis produktet ikke står i nettstedskartet. Rødt hvis det ikke finnes noe Product-schema, siden har noindex eller prisen (offers) mangler.

Spørsmål til deg selv (sjekkes ikke): lim også inn adressen til produktsiden din i validatoren til schema.org. Ser den det samme som programmet?

Les mer

• Gratis WordPress-kurs 9.2: Synlighet i søkemotorer: det grunnleggende
• Gratis WordPress-kurs 4.4: Media: bilder og alt-tekst
• Strukturerte data for produkter (Google Search Central, engelsk): https://developers.google.com/search/docs/appearance/structured-data/product
• Schema Markup Validator (schema.org, engelsk): https://validator.schema.org/
• Managing products (woocommerce.com, engelsk): https://woocommerce.com/document/managing-products/