Eagle Media

Open Graph data

Kaldes også: Open Graph tags, OG tags, Social meta tags

Open Graph data er meta-tags i din webshops HTML-kode, der fortæller sociale medier som Facebook, LinkedIn og iMessage, hvordan et link skal vises. Korrekte Open Graph tags sikrer et flot billede, en præcis overskrift og en attraktiv beskrivelse, når dit indhold deles.

Tag styringen over hvordan din webshop ser ud ved deling

Når en tilfreds kunde deler et af dine produkter i en besked på iMessage eller slår et blogindlæg op på Facebook, opretter det sociale medie automatisk et preview-kort. Hvis din webshop mangler Open Graph data, gætter mediet sig til indholdet.

Det resulterer hyppigt i slørede billeder, beskårne logoer eller helt tilfældig overskriftstekst hentet fra din menubars kode. Ved at konfigurere Open Graph koden korrekt sikrer du, at alle delte links præsenteres professionelt og fængende hver eneste gang.

Hvilke Open Graph koder skal din webshop indeholde?

Open Graph blev oprindeligt udviklet af Facebook, men er i dag den globale standard på tværs af alle platforme. Koderne placeres i sidens usynlige hovedsektion (<head>) og indeholder typisk følgende oplysninger:

  • og:title: Titel på produktet eller siden (f.eks. “Klassisk Læderjakke – Sort”).
  • og:description: Kort, fængende tekst på 1-2 sætninger, der skaber lyst til at klikke.
  • og:image: Direkte link til et billede med høj opløsning (anbefalet størrelse er 1200 x 630 pixels).
  • og:type: Angiver en understøttet type, eksempelvis website eller article. Kontrollér kravene hos den platform, der skal vise linket.

Hvorfor manglende OG-tags koster dig værdifuld trafik

Når links vises professionelt på sociale platforme, stiger klikraten (CTR) markant. Et produktlink med et flot, skarpt miljøbillede fanger opmærksomheden langt bedre end et bart tekstlink.

Open Graph styrer især præsentationen af delte links og erstatter ikke arbejdet med sidetitler, indhold og søgemaskineoptimering. Hvis du opdaterer et produktbillede eller en overskrift, men Facebook stadig viser det gamle indhold, kan du gennemtvinge en opdatering via platformens genindlæsningsværktøjer. Vil du sikre dig at alle tekniske tags på din hjemmeside overholder retningslinjerne, er en grundig gennemgang af kildekoden en god investering.

Ofte stillede spørgsmål

Spørgsmål om Open Graph data

Hvilke Open Graph tags er de vigtigste for en webshop?

De fire vigtigste er og:title, og:description, og:image og og:url. For webshops er og:image særligt afgørende, da et flot produktbillede øger klikraten markant.

Hvorfor vises det forkerte billede, når mit link deles på Facebook?

Det skyldes ofte, at og:image tagget mangler, billedstørrelsen er for lille, eller Facebook har gemt en gammel version i deres cache. Du kan opdatere visningen med Facebook Sharing Debugger.

Er din webshop let at købe fra?

Vi gennemgår navigation, produktsider og købsforløb og peger på konkrete forbedringer af kundeoplevelsen.

Få et webshop-audit
  • Nielsens
  • Molly&My
  • WATERY
  • FirstGrade

Webshop

Lad os tage en snak

Udfyld formularen. Vi vender tilbage inden for 48 timer.

Tilmeld

Få tips til din webshop

Ingen spam, kun konkret indhold om webshops og teknik. Afmeld dig når som helst.

Ved at tilmelde dig accepterer du vores privatlivspolitik.