Åpne Graph
Open Graph er metakoder i hodet på en side som styrer tittelen, beskrivelsen og bildet når lenken deles på sosiale medier og meldingstjenester.
Hva er Open Graph?
Open Graph er en protokoll introdusert av Facebook i 2010 som via metatagger i sidens <head> styrer hvordan en lenke ser ut når den deles. Tagger som og:title, og:description, og:image, og:url og og:type forteller plattformer som Facebook, LinkedIn, Messenger, WhatsApp og Slack hvilken tittel, tekst og bilde som skal vises i forhåndsvisningen. Uten dem gjetter plattformen seg selv – ofte med et tilfeldig bilde eller feil tekst.
Hvorfor er Open Graph viktig?
For en nettbutikk er delte lenker gratis eksponering og forhåndsvisningen avgjør om folk klikker. En skarp og:image og en tydelig og:title på produkt- og kategorisider gir et profesjonelt, klikkbart kort i feeder og chatter. Open Graph er ikke et direkte Google-rangeringssignal, men det påvirker gjennomklikk fra sosiale kanaler betydelig. Merk at X (Twitter) bruker sine egne Twitter-kort-tagger, men faller tilbake på Open Graph hvis de mangler.
Typiske brukssituasjoner
- Produktsider der
og:imageskal vise produktbildet, ikke butikklogoen. - Kampanje og landingssider delt i nyhetsbrev, annonser og innlegg.
- Blogginnlegg og guider, der et redaksjonelt delingsbilde øker CTR.
- Feilsøking av feil forhåndsvisning med Facebooks delingsfeilsøker eller LinkedIn Post Inspector.
- Sikre riktig størrelse: en
og:imagepå 1200×630 px unngår beskjæring.
Shopify-perspektiv
De fleste Shopify-temaer fyller automatisk inn Open Graph-tagger i theme.liquid og trekker og:image fra produktets fremhevede bilde. Problemer oppstår når apper setter inn dupliserte tagger eller når sider mangler et dedikert delingsbilde. Sjekk den gjengitte kildekoden på bestemte nettadresser og valider med en delingsfeilsøker i stedet for å anta at temaet gjør det riktig. Open Graph utfyller metabeskrivelsen og strukturerte data, men erstatter dem ikke.