Å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 kan du styre 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. Den 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 - Innholdstypen. For produktsider bruker du "product", ellers "website".
- and:site_name - Navnet på nettbutikken din.
- and:locale - Språket (f.eks. "da_DK" for dansk).
Produktspesifikke OG-tagger
For produktsider kan du legge til ekstra tagger som gir sosiale medier mer informasjon:
- product:price:amount - Produktpris
- product:price:currency - Valuta (f.eks. "DKK")
- product:original_price - Opprinnelig pris (hvis på tilbud)
- product:sale_price - Tilbudspris
- product:shipping_cost - Fraktkostnad
Open Graph i Shoporama
Shoporama genererer automatisk Open Graph-tagger for alle sider:
- Produktsider: and:title, and:description, and:image (primært produktbilde i 1200×630 px), and:type="product", pris-, tilbuds- og fraktdata.
- 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.
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.