Åpne grafdata
Open Graph (OG) er en protokoll som styrer hvordan nettbutikken din presenteres når noen deler en lenke på Facebook, LinkedIn, Twitter eller andre sosiale medier. Med de riktige OG-taggene vil lenkene dine se profesjonelle og innbydende ut.
Hva er Open Graph?
Open Graph er en protokoll som ble utviklet av Facebook (Meta) i 2010, og som lar deg bestemme hvordan innholdet ditt skal vises når det deles på sosiale medier. Uten Open Graph-tagger velger plattformene selv hvilken tittel, beskrivelse og bilde de vil vise, og resultatet blir ofte unøyaktig eller lite attraktivt.
Med de riktige OG-taggene kontrollerer du tittelen, beskrivelsen og bildet som vises i forhåndsvisningskortet når noen deler en lenke til nettbutikken din.
De viktigste OG-taggene
Her er taggene som er viktigst for nettbutikken din:
- and:title, tittelen som vises i delingen. Den bør være kort, presis og fengende (vanligvis 40-60 tegn).
- and:description, beskrivelsen under tittelen. Bør oppsummere innholdet på en overbevisende måte (vanligvis 100-160 tegn).
- and:image, bildet som vises i forhåndsvisningskortet. Den viktigste taggen, siden bilder er det første øyet fanger.
- and:url, den kanoniske URL-en for siden. Sikrer at alle delinger peker til riktig side.
- and:type, typen innhold. For produktsider bruker du "product", ellers "website".
- and:site_name, navnet på nettbutikken din.
- and:locale, språket (f.eks. "da_DK" for dansk).
Open Graph i Shoporama
Shoporama genererer automatisk de grunnleggende Open Graph-taggene for alle sider:
- Produktsider: and:title, and:description og and:image (primært produktbilde). and:type er vanligvis satt til "product".
- Kategorier og destinasjonssider: Tittel, beskrivelse og eventuelt kategoribilde.
- Statiske sider: Tittel og beskrivelse fra sidens metadata.
Du kan overstyre de automatiske verdiene ved å angi metatittel og -beskrivelse individuelt for produkter, kategorier og sider.
Produktspesifikke OG-tagger avhenger av tema
De utvidede produkttaggene (product:price:amount, product:price:currency osv.) er ikke en del av Shoporama-kjerneplattformen. De finnes i noen av de medfølgende temaene (f.eks. Delaware/DelawareDK), der de legges til via temamalene. Andre temaer distribuerer dem ikke nødvendigvis automatisk.
Hvis du trenger spesifikke produkttagger, kan du sjekke temaets mal (vanligvis i partials/schema.product.html eller lignende) eller legge dem til selv. For strukturerte data om produkter (pris, lagerbeholdning, merke osv.) bruker Shoporama også JSON-LD automatisk, som Google foretrekker fremfor OG-produkttagger.
Bilder for OG-tagger
Bildet er det viktigste elementet i en sosial deling. Her er retningslinjene:
- Størrelse: Anbefalt 1200×630 piksler (1,91:1-forhold). Bilder under 600×315 vil vises som små miniatyrbilder i stedet for store kart.
- Format: JPG eller PNG. Hold filstørrelsen under 8 MB.
- Innhold: Bruk produktbilder av god kvalitet. Unngå for mye tekst i bildet, Facebook kan skjule delinger med for mye tekst.
Test OG-taggene dine
Bruk disse verktøyene til å teste og feilsøke Open Graph-taggene dine:
- Facebook Sharing Debugger: Viser nøyaktig hvordan lenken din ser ut på Facebook, og hjelper deg med å tømme hurtigbufferen på oppdateringer.
- LinkedIn Post Inspector: Tilsvarende for LinkedIn-delinger.
- Twitter Card Validator: For forhåndsvisning av Twitter/X.
Det er viktig å teste for endringer, ettersom sosiale medier cacher OG data. Bruk feilsøkingsverktøyene til å tvinge frem en oppdatering.
Vi i Shoporama kan markedsføring på nett
Vi har selv jobbet med markedsføring på nett i flere tiår. Som det eneste butikksystemet i landet har vi flere ganger holdt foredrag på konferanser som Marketingcamp, SEOday, Shopcamp, Digital Marketing, E-commerce Manager, Ecommerce Day, Web Analytics Wednesday og mange flere.