Gør dine produkter nemme at finde

Modul 7: Synlighed og hosting · Læsetid: 10 minutter

Læringsmål: Efter denne lektion kan du lave produktsider, som søgemaskiner forstår, tjekke hvilke strukturerede data WooCommerce sender med, og undgå fælderne ved udsolgte produkter, filtre og dobbelt indhold.

Centrale begreber: produktside, produkttitel, produktbeskrivelse, kategoriside som landingsside, strukturerede data, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, udsolgt, filtre og parametre, canonical, produkt-sitemap, gratis produktvisninger

Hvad der er anderledes ved en shop

Grundlaget for synlighed står i WordPress-kurset, lektion 9.2: titler, metabeskrivelser, overskrifter, sitemap, noindex, Search Console og viderestilling, når adresser ændres. Alt det gælder også for en shop. En shop har desuden tre udfordringer af sin egen:

1. Mange sider, der ligner hinanden. Ti tekander med næsten samme tekst, varianter, filtre på farve og pris: en søgemaskine skal vælge, hvilken side der betyder noget.
2. Sider, der kommer og går. Produkter bliver udsolgt, udgår af sortimentet eller kommer tilbage.
3. Søgemaskiner viser selv produktdata. Pris, lagerstatus og bedømmelser kan stå i søgeresultatet, hvis søgemaskinen kan læse dem fra din side.

Denne lektion handler om de tre. Mere om søgeord, tekstskrivning og lokal synlighed kommer i kurset Bliv fundet online.

En produktside, der siger noget

En søgemaskine og en kunde vil vide det samme: hvad er det, hvorfor dette og ikke et andet, og hvad koster det. Hos Theehuis Example ser en svag produktside sådan ud:

• titlen "Tekande 3";
• beskrivelse kopieret fra leverandøren, den samme som hos tyve andre butikker;
• ét foto uden alt-tekst.

En stærk version:

• en titel med det, folk søger efter: "Tekande i støbejern 0,8 liter, sort";
• en kort beskrivelse på to eller tre sætninger med det vigtigste (indhold, materiale, hvem den er til);
• en lang beskrivelse med dine egne ord: hvordan du bruger den, vedligeholdelse, hvad der hører til, mål og de spørgsmål, kunderne faktisk stiller;
• flere fotos med en beskrivende alt-tekst (WordPress-kurset, lektion 4.4);
• SKU og, hvis du har det, GTIN (EAN-kode) udfyldt (lektion 3.1).

Leverandørtekster er fristende, men så står den samme tekst på mange websteder. En søgemaskine viser som regel kun én af dem. Skriv i hvert fald selv det første afsnit.

Kategorisider er ofte vigtigere, end du tror. En, der søger på "tekande i støbejern", vil se et udvalg, ikke et enkelt produkt. Giv derfor dine kategorier en kort indledende tekst og et tydeligt navn, og hold strukturen enkel (Tekander > Støbejern, ikke fem niveauer dybt).

Strukturerede data: hvad WooCommerce sender med

Strukturerede data er et stykke kode på din side, der i en fast form fortæller, hvad der står på siden. WooCommerce bruger JSON-LD til det: en blok <script type="application/ld+json">, som den sætter nederst på produktsiden (i HTML'ens sidefod). Den indeholder et objekt af typen Product med:

• name, url, description (den korte beskrivelse eller ellers den lange) og image;
• sku (eller produkt-ID'et, hvis du ikke har udfyldt et SKU) og gtin, hvis du har udfyldt et gyldigt GTIN;
• offers: et Offer med prisen (i en priceSpecification), priceCurrency, availability og sælgeren (dit butiksnavn). Ved et variabelt produkt med forskellige priser bliver det et AggregateOffer med den laveste og den højeste pris;
• availability som schema.org-adresse: https://schema.org/InStock, OutOfStock eller BackOrder (ved restordrer);
• ved bedømmelser også gennemsnitsscoren og anmeldelserne.

Sådan ser et forkortet eksempel ud:

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

Hvad strukturerede data gør: søgemaskinen ved med sikkerhed, hvad prisen og lagerstatus er, og kan vise dem. Hvad de ikke gør: give dig en højere placering eller garantere et udvidet søgeresultat. Google bestemmer selv, om noget bliver vist.

Tre fælder:

• Dobbelt schema. Et SEO-plugin eller et tema tilføjer også et Product. Så står der to, nogle gange med forskellige priser. Vælg én kilde, og slå den anden fra.
• Pris fra cachen. Efter en prisændring viser en gammel, gemt side den gamle pris, både i teksten og i schemaet. Tøm cachen efter prisændringer (lektion 6.4).
• Forkert visning af moms. Schemaet tager prisen, som din butik viser den. Viser du forbrugere prisen inklusive moms (lektion 4.1), står den også sådan i schemaet.

Du tjekker det med schema.org's validator eller Googles test (se Læs videre) eller med opgaven i denne lektion.

Udsolgt, udgået af sortimentet, tilbage på lager

Hvad gør du med et produkt, der er midlertidigt udsolgt? Under WooCommerce > Indstillinger > Varer > Lagerantal kan du skjule udsolgte produkter i kataloget. Gør det ikke bare ved midlertidigt udsalg: siden findes stadig, men forsvinder fra dine kategorisider, og kunder, der finder den via en søgemaskine, ser den stadig. For et produkt, der kommer tilbage, er det bedre at lade siden stå med "udsolgt", en forventet dato eller et alternativ. Schemaet siger så OutOfStock, og det er ærligt.

Udgår et produkt endeligt af sortimentet, har du tre valg:

1. lade siden stå med en tydelig besked og links til efterfølgere (hvis der stadig kommer mange besøgende);
2. en 301-viderestilling til efterfølgeren eller kategorien (hvis der findes en reel erstatning);
3. slette siden, så den giver en 404 eller 410 (hvis der ikke findes noget sammenligneligt).

Hvad du ikke gør: sende hvert forsvundet produkt til forsiden. Søgemaskiner ser det som en slags 404, og de besøgende leder forgæves.

Filtre, sortering og dobbelt indhold

Filtre på farve, størrelse og pris og sortering efter pris skaber adresser som /theepotten/?filter_kleur=zwart&orderby=price. Hver kombination er en ny adresse med næsten samme indhold. Med mange filtre opstår der tusindvis. En søgemaskine bruger så tid på disse varianter i stedet for på dine produkter.

Det hjælper:

• en canonical på hver filtreret side, der peger på siden uden filter (WordPress og de fleste SEO-plugins gør det ikke altid automatisk ved parametre: tjek det);
• ingen links til filtrerede adresser i din menu;
• ikke at oprette varianter som separate produkter, når det i virkeligheden er ét produkt (lektion 3.2);
• én adresse pr. produkt, også når det ligger i flere kategorier. WooCommerce bruger som standard /product/<naam>/ uden kategori i adressen; lad det være sådan, medmindre du ved, hvad du gør.

Produkt-sitemappet

WordPress laver siden version 5.5 selv et sitemap (/wp-sitemap.xml) med en del pr. indholdstype. Produkter er en indholdstype, så der er et delsitemap som /wp-sitemap-posts-product-1.xml. Bruger du et SEO-plugin, laver det ofte sit eget sitemap med en anden adresse (og slår WordPress' fra). Tjek, at dine produkter står i det, at kurv, kasse og Min konto ikke står i det (de har noindex, lektion 2.2), og indsend sitemappet i Search Console.

Vil du have, at dine produkter også vises på søgemaskinernes produktfaner, kan det ske med et produktfeed, for eksempel via de gratis produktvisninger i Google Merchant Center. Det ligger uden for dette kursus, men de strukturerede data ovenfor er grundlaget.

Opsummering

• En produktside har en titel, som folk søger på, en egen beskrivelse, gode fotos med alt-tekst og et udfyldt SKU og GTIN.
• WooCommerce sætter et Product-schema i JSON-LD på produktsiden med pris, valuta, lagerstatus og sælger; det garanterer ikke et udvidet søgeresultat.
• Undgå dobbelt schema og gamle priser i cachen.
• Midlertidigt udsolgt: lad siden stå; endeligt væk: efterfølger, 301 eller 404/410, ikke til forsiden.
• Filtre skaber dobbelt indhold; brug canonicals, og tjek dit produkt-sitemap.

Quiz

Opgave

Opgave A7.1: Forstår en søgemaskine dit produkt? Indtast adressen på din shop og slug'en eller adressen på et produkt (lad feltet stå tomt: programmet tager det første produkt fra din Store API). Programmet henter produktet via Store API, henter produktsiden og læser alle blokke af typen application/ld+json. Derefter kigger det i robots.txt eller /wp-sitemap.xml efter sitemappet med produkter. Grøn, hvis der står præcis ét Product med et navn, et offers med pris og priceCurrency, en availability, der passer til lagerstatus, et billede og et SKU eller GTIN; hvis prisen i schemaet er den samme som i Store API; hvis siden ikke har noindex og har en canonical til sig selv; og hvis produktet står i et produkt-sitemap. Orange ved to eller flere Product-blokke, intet SKU og intet GTIN, en afvigende pris, ingen canonical, intet billede, eller hvis produktet ikke står i sitemappet. Rød, hvis der ikke er noget Product-schema, siden har noindex, eller prisen (offers) mangler.

Spørgsmål til dig selv (rettes ikke): indsæt også adressen på din produktside i schema.org's validator. Ser den det samme som programmet?

Læs videre

• Gratis WordPress-kursus 9.2: Synlighed i søgemaskiner: det grundlæggende
• Gratis WordPress-kursus 4.4: Medier: billeder og alt-tekst
• Strukturerede 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/
• Gratis kursus Bliv fundet online 3.1: Titlen og metabeskrivelsen
• Gratis kursus Bliv fundet online 5.1: Strukturerede data og rich results
• Gratis kursus Bliv fundet online 7.1: Søgehensigt: hvad leder folk egentlig efter?