Når en side deles på sociale medier, er det ofte Open Graph tags, der bestemmer, hvordan forhåndsvisningen ser ud. Det er metatags i HTML, som placeres i sidens head, og som fortæller platforme, hvilken titel, beskrivelse og billede de skal vise.
Open Graph tags bruges til at styre et såkaldt forhåndsvisningskort, så delinger bliver mere tydelige og ensartede. Et tag kan for eksempel angive sidens titel, mens andre tags kan definere beskrivelse, billede og sidetype.
Kort sagt hjælper Open Graph tags sociale medier med at hente de rigtige oplysninger fra en side. Det giver pænere delinger og bedre kontrol over, hvordan indhold præsenteres, når en bruger eller virksomhed deler et link.
Når nogen deler en side på Facebook eller LinkedIn, forsøger platformen først at forstå, hvordan linket skal vises. Det sker ved, at platformens crawler besøger siden og læser koden i dokumentets HTML head. Her ligger sidens metatags, altså små oplysninger om indholdet, som ikke vises direkte på selve siden, men som hjælper andre systemer med at tolke den korrekt.
Open Graph-tags er en særlig type metadata i head-sektionen. De fortæller blandt andet, hvilken titel, beskrivelse, billede og URL der skal bruges i delingskortet. Hvis tags som og:title, og:description, og:image og og:url er til stede, henter platformen disse værdier og sammensætter forhåndsvisningen ud fra dem. Det giver mere kontrol, end hvis platformen selv skal gætte ud fra sidens almindelige indhold.
Når oplysningerne er læst, gemmer platformen dem ofte midlertidigt i en cache, så delingen kan vises hurtigt. Derfor slår ændringer ikke altid igennem med det samme. Uden korrekte Open Graph-tags kan sociale medier i stedet vælge egne uddrag, billeder eller adresser, og resultatet bliver ofte mindre præcist og mindre attraktivt i feedet.
Når indhold deles på sociale medier, er det især få Open Graph-tags, der afgør, hvordan visningen ser ud. De vigtigste er og:title, og:description, og:image og og:url. Tilsammen styrer de overskrift, beskrivelse, billede og den kanoniske sideadresse i forhåndsvisningen. Det er derfor disse felter, man bør prioritere først, hvis delinger skal fremstå tydelige, ensartede og klikværdige.
og:title bør være kort, præcis og skrevet til deling, ikke nødvendigvis identisk med sidens title-tag. Et eksempel kan være: “Guide til Open Graph-tags”. og:description uddyber indholdet med én til to sætninger, for eksempel: “Få styr på de vigtigste tags til sociale medier og forbedr, hvordan dine sider vises ved deling.” Sammen giver de brugeren en hurtig forståelse af sidens indhold.
og:image vælger det billede, der skal vises sammen med delingen. Her er kvalitet, format og udsnit afgørende, fordi billedet ofte er det mest iøjnefaldende element. og:url angiver den foretrukne adresse for siden og hjælper platforme med at samle delinger korrekt. Derudover kan og:type kort fortælle, om indholdet er en artikel, et produkt eller noget andet, mens og:site_name angiver navnet på websitet og styrker genkendeligheden.
Start med at placere dine Open Graph-tags i sidens head, så platforme kan læse dem hurtigt og entydigt. Tilføj som minimum titel, beskrivelse, billede, sidetype og sidens kanoniske adresse i Open Graph-format. Brug absolutte URL’er til både side og billede, ikke relative stier, da delingsplatforme ellers kan fortolke indholdet forskelligt eller slet ikke hente det korrekt.
Sørg derefter for, at hver underside har sine egne, unikke tags. Genbrug ikke den samme titel, beskrivelse eller det samme billede på tværs af mange sider, hvis indholdet er forskelligt. Det giver mere præcise forhåndsvisninger og reducerer risikoen for, at en produktside, artikel eller kategoriside vises med forkert tekst eller et misvisende billede. Hold også metadata i tråd med sidens synlige indhold, så brugere møder det samme budskab efter klik.
For at få ensartede delinger på tværs af platforme skal du arbejde konsekvent. Vælg et billede i korrekt format og tilstrækkelig størrelse, skriv en kort og dækkende beskrivelse, og undgå løbende småændringer, hvis de ikke er nødvendige. Test delingerne, når du har opdateret tags, og vær opmærksom på, at nogle platforme gemmer tidligere versioner i cache. Hvis en deling ser forkert ud, er problemet ofte enten manglende unikke tags, relative stier eller uoverensstemmelse mellem metadata og den faktiske side.
Når en side deles på sociale medier, er det ofte ikke selve koden, der fejler, men platformens gemte version af siden. Mange tjenester gemmer Open Graph-oplysninger i cache, så et nyt billede eller en rettet beskrivelse slår ikke igennem med det samme. Derfor kan delinger fortsat vise gammel tekst eller et tidligere billede, selv om siden allerede er opdateret. I praksis løses det ofte ved at få platformen til at hente siden igen og opdatere sin cache.
Fejl med billeder skyldes også tit format og tilgængelighed. Hvis og:image peger på en fil, der er for lille, beskåret uhensigtsmæssigt eller ligger bag adgangsbegrænsning, kan platformen vælge et andet billede eller slet ingen forhåndsvisning. Billedfiler skal kunne hentes direkte uden login, blokering eller ustabile omdirigeringer. Det er også en fordel at bruge et tydeligt hovedmotiv i passende størrelse, så billedet fungerer på både mobil og desktop.
En anden klassisk kilde til forvirring er adressen i delingen. og:url fortæller sociale platforme, hvilken side der skal betragtes som den delte version, mens den kanoniske URL primært bruges af søgemaskiner til at forstå den foretrukne side blandt lignende adresser. De bør som udgangspunkt stemme overens. Hvis de peger på forskellige versioner, kan delinger samle reaktioner på en uventet adresse eller vise en forkert forhåndsvisning.
Før en side deles, bør du kontrollere, om platforme faktisk læser de rigtige Open Graph-tags. Det gælder især titel, beskrivelse, billede og den kanoniske webadresse. Små fejl i kildekoden, dobbelt metadata eller cache kan få sociale medier til at vise forkert indhold, selv om tags umiddelbart ser korrekte ud.
Et praktisk sted at begynde er Facebook Sharing Debugger, som viser, hvilke metadata Facebook henter fra siden. Her kan du se fejl, advarsler og den aktuelle forhåndsvisning, og du kan tvinge platformen til at hente siden på ny efter en rettelse. En Open Graph-validator er også nyttig, fordi den kan afsløre manglende felter, ugyldige værdier og konflikter mellem flere tags.
Brug værktøjerne både før og efter publicering. Før publicering tester du opsætningen i et sikkert miljø. Efter publicering kontrollerer du, om den live side cachelagres korrekt, og om ændringer slår igennem. Det gør fejlsøgning hurtigere og mindsker risikoen for misvisende delinger.
Når en side deles på sociale medier, er det typisk Open Graph-metatags, der styrer forhåndsvisningen. De fortæller blandt andet, hvilken titel, beskrivelse og hvilket billede platformen skal bruge. Twitter Cards har samme formål, men er udviklet til X/Twitter og bruger sit eget sæt tags. De to teknologier overlapper altså i funktion: De handler om sociale preview-data, ikke om søgemaskiners forståelse af sidens indhold.
Schema.org er noget andet. Her bruges strukturerede data til at beskrive indholdet på en måde, som søgemaskiner kan tolke mere præcist. Det kan for eksempel være oplysninger om en artikel, et produkt, en opskrift eller en virksomhed. Formålet er ikke at styre, hvordan et opslag ser ud på sociale medier, men at hjælpe søgemaskiner med at forstå kontekst, relationer og egenskaber.
Der kan være et vist overlap i de oplysninger, man angiver, såsom titel, billede og beskrivelse. Men de bruges i forskellige systemer og til forskellige formål. Open Graph og Twitter Cards er til delinger og visninger på sociale platforme, mens Schema.org er strukturerede data til søgemaskiner. Det er derfor vigtigt ikke at forveksle sociale metadata med data, der bruges til søgeforståelse.
Når en side deles på sociale medier eller i beskedapps, er det ofte forhåndsvisningen, der afgør, om nogen stopper op og klikker. Velformaterede Open Graph tags giver kontrol over titel, beskrivelse og billede, så indholdet præsenteres klart, troværdigt og visuelt stærkt.
Det forbedrer ikke placeringer i søgeresultater direkte, fordi Open Graph tags ikke er en direkte rangeringsfaktor i SEO. Den praktiske værdi ligger i brugeroplevelsen og delbarheden: Delinger bliver mere ensartede, og risikoen for tilfældige eller misvisende forhåndsvisninger falder.
Den konsistens kan øge opmærksomheden omkring både enkelte opslag og gentagne delinger. Når brugere møder en tydelig overskrift, et relevant billede og en præcis tekst, kan det føre til flere klik og bedre trafik fra eksterne platforme.
De vigtigste er normalt og:title, og:description, og:image og og:url. De styrer henholdsvis overskrift, beskrivelse, billede og den adresse, som delingen knyttes til.
Derudover er og:type og og:site_name ofte nyttige. De hjælper platforme med at forstå indholdstypen og viser navnet på dit website mere ensartet.
Open Graph tags indsættes i sidens HTML head som metatags. De skal ligge i kildekoden på den enkelte side, så sociale platforme kan læse dem, når siden deles.
Bruger du et CMS, sker det ofte via temaindstillinger, SEO-udvidelser eller skabeloner. Det vigtigste er, at hver relevant underside får sine egne unikke værdier for titel, beskrivelse, billede og URL.
Vælg et billede, der tydeligt repræsenterer sidens indhold, og som fungerer visuelt i et delingskort. Motivet bør være let at afkode, også i mindre visninger på mobil.
Brug en fil i god kvalitet, med passende størrelse og en stabil, offentlig tilgængelig billed-URL. Undgå billeder med for små detaljer, hård beskæring eller indhold, der mister sin mening i bredt format.
Det skyldes ofte cache. Platformen kan have gemt en ældre version af siden og derfor fortsætte med at vise et gammelt eller forkert billede, selv om du har opdateret og:image.
Fejlen kan også skyldes, at billedet er for lille, utilgængeligt, blokeret for crawlere eller ligger bag omdirigeringer og adgangsbegrænsning. Test siden i et debug- eller valideringsværktøj og tving platformen til at hente siden igen.
Du kan teste dem med værktøjer som Facebook Sharing Debugger eller en Open Graph-validator. De viser, hvilke metadata platformen læser, og om der er fejl i titel, beskrivelse, billede eller URL.
Test både ved første opsætning og efter ændringer. På den måde opdager du hurtigere problemer med cache, dublerede tags eller ugyldige billedadresser.
Ja, som hovedregel bør hver underside have sine egne Open Graph tags. Hvis flere sider deler de samme metadata, kan delinger blive upræcise eller direkte misvisende.
Unikke tags gør det lettere at vise den rigtige titel, beskrivelse og det rigtige billede for netop den side, der deles. Det giver en mere troværdig og klikvenlig præsentation.
Nej, Open Graph tags er normalt ikke en direkte rangeringsfaktor i søgemaskiner. De er primært lavet til sociale medier og andre platforme, der viser linkforhåndsvisninger.
De kan dog have en indirekte effekt ved at forbedre, hvordan dine sider ser ud ved deling. Mere tydelige og attraktive delinger kan føre til flere klik, mere trafik og bedre synlighed uden for søgeresultaterne.
og:url bruges af sociale platforme som den foretrukne adresse for den delte side. Den hjælper med at samle reaktioner og vise den korrekte side i delingskortet.
Den kanoniske URL bruges primært over for søgemaskiner til at angive, hvilken version af en side der er den foretrukne blandt flere lignende adresser. I de fleste tilfælde bør de to adresser være ens for at undgå forvirring.
Open Graph tags bruges bredt til delingsforhåndsvisninger på platforme som blandt andet Facebook og LinkedIn. Twitter Cards er et tilsvarende system, men udviklet specifikt til X/Twitter.
Begge teknologier styrer titel, beskrivelse og billede ved deling, men de bruger ikke helt de samme tags. Derfor vælger mange websites at implementere begge dele for at sikre korrekt visning på tværs af platforme.
Open Graph-protokollen forbindes især med Facebook, men den bruges også som grundlag eller reference af andre platforme og værktøjer, der laver linkforhåndsvisninger. LinkedIn er et typisk eksempel.
Derudover kan beskedapps, samarbejdsværktøjer og andre tjenester hente Open Graph-data, når de viser et delt link. Derfor er tagsene relevante langt bredere end kun klassiske sociale medier.