Gör produkter lätta att hitta

Modul 7: Synlighet och webbhotell · Lästid: 10 minuter

Lärandemål: Efter den här lektionen kan du göra produktsidor som sökmotorer förstår, kontrollera vilka strukturerade data WooCommerce skickar med och undvika fallgroparna med slutsålda produkter, filter och dubblerat innehåll.

Nyckelbegrepp: produktsida, produkttitel, produktbeskrivning, kategorisida som landningssida, strukturerade data, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, slutsåld, filter och parametrar, canonical, produktsitemap, kostnadsfria produktlistningar

Vad som är annorlunda med en butik

Grunderna för synlighet finns i WordPress-kursen, lektion 9.2: titlar, metabeskrivningar, rubriker, sitemap, noindex, Search Console och omdirigering när adresser ändras. Allt det gäller även för en butik. En butik har dessutom tre egna utmaningar:

1. Många sidor som liknar varandra. Tio tekannor med nästan samma text, varianter, filter på färg och pris: en sökmotor måste välja vilken sida som spelar roll.
2. Sidor som kommer och går. Produkter tar slut, utgår ur sortimentet eller kommer tillbaka.
3. Sökmotorer visar själva produktuppgifter. Pris, lagerstatus och betyg kan synas i sökresultatet, om sökmotorn kan läsa dem från din sida.

Den här lektionen handlar om de tre. Mer om sökord, att skriva texter och lokal synlighet kommer i kursen Synas online.

En produktsida som säger något

En sökmotor och en kund vill veta samma sak: vad är det, varför just den här och inte en annan, och vad kostar den. Hos Tehus Example ser en svag produktsida ut så här:

• titeln "Tekanna 3";
• beskrivningen kopierad från leverantören, samma som hos tjugo andra butiker;
• en enda bild utan alt-text.

En stark version:

• en titel med det som folk söker på: "Tekanna i gjutjärn 0,8 liter, svart";
• en kort beskrivning på två eller tre meningar med det viktigaste (volym, material, för vem);
• en lång beskrivning med dina egna ord: hur du använder den, skötsel, vad som ingår, mått och de frågor som kunderna faktiskt ställer;
• flera bilder med beskrivande alt-text (WordPress-kursen, lektion 4.4);
• SKU och, om du har den, GTIN (EAN-kod) ifyllda (lektion 3.1).

Leverantörstexter är lockande, men då finns samma text på många webbplatser. En sökmotor visar oftast bara en av dem. Skriv åtminstone första stycket själv.

Kategorisidor är ofta viktigare än du tror. Den som söker på "tekanna i gjutjärn" vill se ett urval, inte en enda produkt. Ge därför dina kategorier en kort inledande text och ett tydligt namn, och håll strukturen enkel (Tekannor > Gjutjärn, inte fem nivåer djupt).

Strukturerade data: vad WooCommerce skickar med

Strukturerade data är en bit kod på din sida som i en fast form berättar vad sidan innehåller. WooCommerce använder JSON-LD för det: ett block <script type="application/ld+json"> som läggs längst ner på produktsidan (i sidfoten i HTML-koden). Där finns ett objekt av typen Product med:

• name, url, description (den korta beskrivningen, annars den långa) och image;
• sku (eller produkt-ID om du inte fyllde i någon SKU) och gtin om du fyllde i ett giltigt GTIN;
• offers: ett Offer med priset (i en priceSpecification), priceCurrency, availability och säljaren (ditt butiksnamn). För en variabel produkt med olika priser blir det ett AggregateOffer med lägsta och högsta pris;
• availability som schema.org-adress: https://schema.org/InStock, OutOfStock eller BackOrder (vid restorder);
• vid omdömen även medelbetyget och recensionerna.

Så här ser ett förkortat exempel 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"
  }]
}

Vad strukturerade data gör: sökmotorn vet säkert vad pris och lagerstatus är och kan visa dem. Vad de inte gör: ge dig högre ranking eller garantera ett utökat sökresultat. Google avgör själv om något visas.

Tre fallgropar:

• Dubbelt schema. Ett SEO-tillägg eller tema lägger också till en Product. Då finns det två, ibland med olika priser. Välj en källa och stäng av den andra.
• Pris från cachen. Efter en prisändring visar en gammal, sparad sida det gamla priset, både i texten och i schemat. Töm cachen efter prisändringar (lektion 6.4).
• Fel momsvisning. Schemat tar priset så som din butik visar det. Visar du konsumenter priset inklusive moms (lektion 4.1), så står det även i schemat.

Du kontrollerar det med schema.orgs validator eller Googles test (se Läs mer), eller med uppgiften i den här lektionen.

Slutsåld, utgången ur sortimentet, åter i lager

Vad gör du med en produkt som tillfälligt är slut? Under WooCommerce > Inställningar > Produkter > I lager kan du dölja slutsålda produkter i katalogen. Gör inte det i onödan när en vara bara är tillfälligt slut: sidan finns kvar men försvinner från dina kategorisidor, medan kunder som hittar den via en sökmotor fortfarande ser den. För en produkt som kommer tillbaka är det bättre att låta sidan stå kvar med "slutsåld", ett förväntat datum eller ett alternativ. Schemat säger då OutOfStock, och det är ärligt.

Om en produkt utgår ur sortimentet för gott har du tre val:

1. låta sidan stå kvar med ett tydligt meddelande och länkar till efterföljare (om den fortfarande har många besökare);
2. en 301-omdirigering till efterföljaren eller kategorin (om det finns en riktig ersättare);
3. ta bort sidan så att den ger 404 eller 410 (om det inte finns något jämförbart).

Det du inte gör: skicka varje försvunnen produkt till startsidan. Sökmotorer ser det som en sorts 404, och besökarna letar förgäves.

Filter, sortering och dubblerat innehåll

Filter på färg, storlek och pris, och sortering på pris, skapar adresser som /theepotten/?filter_kleur=zwart&orderby=price. Varje kombination är en ny adress med nästan samma innehåll. Med många filter blir det tusentals. En sökmotor lägger då tid på de varianterna i stället för på dina produkter.

Det som hjälper:

• en canonical på varje filtrerad sida som pekar på sidan utan filter (WordPress och de flesta SEO-tillägg gör inte alltid det automatiskt för parametrar: kontrollera det);
• inga länkar till filtrerade adresser i din meny;
• skapa inte varianter som separata produkter om det egentligen är en och samma produkt (lektion 3.2);
• en adress per produkt, även om den ligger i flera kategorier. WooCommerce använder som standard /product/<naam>/ utan kategori i adressen; låt det vara så, om du inte vet vad du gör.

Produktsitemapen

Sedan version 5.5 skapar WordPress själv en sitemap (/wp-sitemap.xml) med en del per inläggstyp. Produkter är en inläggstyp, så det finns en delsitemap som /wp-sitemap-posts-product-1.xml. Använder du ett SEO-tillägg skapar det ofta en egen sitemap med en annan adress (och stänger av WordPress egen). Kontrollera att dina produkter finns med, att varukorg, kassa och Mitt konto inte finns med (de har noindex, lektion 2.2), och skicka in sitemapen i Search Console.

Vill du att dina produkter också ska synas under sökmotorernas produktflikar kan du göra det med ett produktflöde, till exempel via de kostnadsfria listningarna i Google Merchant Center. Det ligger utanför den här kursen, men de strukturerade data ovan är grunden.

Sammanfattning

• En produktsida har en titel som folk söker på, en egen beskrivning, bra bilder med alt-text och ifylld SKU och GTIN.
• WooCommerce lägger ett Product-schema i JSON-LD på produktsidan med pris, valuta, lagerstatus och säljare; det garanterar inget utökat sökresultat.
• Undvik dubbelt schema och gamla priser i cachen.
• Tillfälligt slutsåld: låt sidan stå kvar; borta för gott: efterföljare, 301 eller 404/410, inte till startsidan.
• Filter skapar dubblerat innehåll; använd canonicals och kontrollera din produktsitemap.

Quiz

Uppgift

Uppgift A7.1: Förstår en sökmotor din produkt? Fyll i adressen till din butik och slugen eller adressen till en produkt (lämnar du fältet tomt tar programmet den första produkten från ditt Store API). Programmet hämtar produkten via Store API, begär produktsidan och läser alla block application/ld+json. Sedan letar det i robots.txt eller /wp-sitemap.xml efter sitemapen med produkter. Grönt om det finns exakt en Product med ett namn, ett offers med pris och priceCurrency, en availability som stämmer med lagret, en bild och en SKU eller GTIN; om priset i schemat är detsamma som i Store API; om sidan inte har noindex och har en canonical till sig själv; och om produkten finns i en produktsitemap. Orange vid två eller fler Product-block, varken SKU eller GTIN, ett avvikande pris, ingen canonical, ingen bild eller om produkten inte finns i sitemapen. Rött om det inte finns något Product-schema, sidan har noindex eller priset (offers) saknas.

Fråga till dig själv (rättas inte): klistra även in adressen till din produktsida i schema.orgs validator. Ser den samma sak som programmet?

Läs mer

• Gratis WordPress-kurs 9.2: Synlighet i sökmotorer: grunderna
• Gratis WordPress-kurs 4.4: Media: bilder och alt-text
• Strukturerade data för produkter (Google Search Central, engelska): https://developers.google.com/search/docs/appearance/structured-data/product
• Schema Markup Validator (schema.org, engelska): https://validator.schema.org/
• Managing products (woocommerce.com, engelska): https://woocommerce.com/document/managing-products/
• Gratis kurs Synas på nätet 3.1: Titeln och metabeskrivningen
• Gratis kurs Synas på nätet 5.1: Strukturerad data och utökade resultat
• Gratis kurs Synas på nätet 7.1: Sökavsikt: vad letar någon egentligen efter?