Open Graph-protokollens betydning for SEO
Når vi lægger en strategi for placering i søgemaskinerne, skal vi ikke glemme de sociale medier. Vi skal passe på titler, beskrivelser og billeder, for det er de eneste elementer, brugeren ser, og det er dem, der afgør, om der bliver klikket eller ej.
Ved du, hvordan brugerne ser dit website, når de deler det på deres sociale profiler? Husk, at jo bedre dit indhold ser ud, og jo mere attraktivt det er, jo mere viralt bliver det, og dermed jo større effekt får det på dit website, hvilket også er med til at forbedre dine SEO-resultater.
Vi fortæller dig alt om det!
Hvad er Open Graph-tags?
Metatags eller Open Graph-protokollen blev skabt af Facebook og gør det muligt at vise enhver webside i et beriget format på de sociale netværk. De HTML-tags har til opgave at vise indholdet (titel, beskrivelse, sidens billede osv.) på en side, der bliver delt på de sociale netværk. Findes de tags ikke, eller er de ikke angivet, bliver informationen vist tilfældigt med et tilfældigt foto, en titel eller beskrivelse uden indhold...
Hvad bruges de til?
De tags kaldes sociale tags og er meget vigtige for at opnå placering på hvert eneste sociale netværk. Afhængigt af hvilket socialt netværk det er, bliver det lettere eller sværere, men placering på de sociale netværk findes, den er reel.
Open Graph-protokollen blev oprindeligt brugt på Facebook og bliver i dag også genkendt på LinkedIn. Twitters tags er til gengæld eksklusive for det sociale netværk.
Disse tags er:
og:title:
»Title« har til opgave at fortælle søgemaskinen, hvad siden handler om. Derfor skal den være klar, kort og unik på hver side. Den maksimale længde er 67 tegn.
Eksempel:
<meta property="og:title" content="Hvad er Open Graph-tags?"/>
og:description
»Meta description« er den, der beskriver og informerer mere udførligt om siden. Den bør ikke overstige 155 tegn og kan indeholde en sætning eller en CTA, der får brugeren til at klikke på resultatet. Den bør også være unik for hver side.
Eksempel:
<meta property="og:description" content="Ved du, hvordan brugerne ser dit website, når de deler det på deres sociale profiler? Open Graph-tags har til opgave at vise al informationen."/>
og:url:
Her bliver websidens URL vist, og den kan vises forkortet. Prøv at bruge dette tag med en URL, der er så ren som muligt og unik på hver side.
Eksempel:
<meta property="og:url" content="/blog/open-graph" />
og:image
Du skal angive en billed-URL, så den kan vises på hver side. Det her er helt sikkert et af de mest oversete og et af de vigtigste. Google Discover, Google News, Facebook, Twitter, LinkedIn... alle sammen henter de billedet som blikfang for brugeren, og er det af god kvalitet, kan du få masser af besøg. Ellers, hvis du lader feltet stå tomt, bliver forfatterens foto måske vist, eller et tomt felt... Du vælger, hvad der er bedst! ;)
Eksempel:
<meta property="og:image" content="/blog/images/open-graph.jpg" />
og:video
Har du en video på siden, skal du angive den med dette tag, som gør den lettere at tolke.
<meta property="og:video" content="http://example.com/bond/trailer.swf" />
og:type
Det tag angiver, hvad dit indhold består af. Om det er en artikel, en video, et blogindlæg... Afhængigt af typen kan du tildele forskellige egenskaber.
Eksempel:
<meta property="og:type" content="article" />
og:site_name
Med det kan du angive dit website, så dit brand bliver vist.
<meta property="og:site_name" content="SEO Alive" />
Typer af sociale metatags
I dag bliver de tags, Facebook skabte, brugt på resten af de sociale netværk, for eksempel LinkedIn. Twitter bruger det, der kaldes Twitter Cards. Med de tags har du tre muligheder:
-
»Photo« til billeder
-
»Player« til videoer og
-
»Summary« til alt andet.
Her gælder det samme som med Open Graph-kort: er de ikke optimeret, bliver der vist standardindhold uden optimering.
Værktøjer til at teste dine tags
At analysere, hvordan sider ser ud, når en bruger deler dem på de sociale netværk, er helt centralt, hvis vi vil have det hele til at virke rigtigt.
Twitter Card Validator
Twitters valideringsværktøj er Twitter Card Validator. Før du udgiver noget, så tøv ikke med at taste den URL ind, du vil dele, hvis du vil sikre dig, at alt bliver vist rigtigt. Det er også meget nyttigt, hvis du har opdateret billedet på en side, og feedet stadig viser det gamle. At analysere den igen virker som en »cache purge«.
Facebook Debugger
Facebooks fejlsøgningsværktøj hedder Facebook Debugger. Med det kan du se, hvilken information der bliver brugt, og hvordan det ser ud, når en side fra dit site bliver delt. Og er et af felterne forkert eller mangler, dukker der en advarsel op.
Google Structured Data Testing Tool
Google stiller også testværktøjet til strukturerede data til rådighed for os, kaldet Google Structured Data Testing Tool. Det er meget nyttigt til at tjekke, hvilken type opmærkning Google henter fra en side. Opmærkningen bliver genkendt af søgemaskinerne, og det er med til at gøre et website »semantisk« ved at indføre de Schema-mikrodata, der passer til hvert tilfælde.
Rich Pins Validator
Pinterest kunne ikke være bagud og kommer med sin pin-validator, også kendt som Rich Pins Validator. Den virker præcis som Twitters validator: der kræves en godkendelsesproces for at få Rich Pin-funktionaliteten og samtidig tjekke dataopmærkningen.
Sådan optimerer du de tags i WordPress
Som du måske ved, er en af de store fordele ved WordPress fleksibiliteten og det enorme fællesskab. Derfor tager processer som at lægge open-graph-tags ind på vores sider og artikler kun sekunder takket være plugins.
Der er mange måder at gøre det på. I vores tilfælde mener vi, at den letteste er via pluginnet SEO Rank Math.
Anbefalet artikel >** **[Grundig SEO-guide til Rank Math](/da/blog/rank-math)
Du skal blot gå til SEO-sektionen på den pågældende side eller artikel, klikke på fanen »Social«, og dér ser vi muligheden for at konfigurere billedet. I mange tilfælde henter den det direkte, hvis vi har uploadet et fremhævet billede.
Tips og forbedringer
Nedenfor kan du se nogle tips fra praksis, der har virket for os og givet rigtig gode resultater.
Optimér billederne
Vælg billeder af god kvalitet. Du skal vælge hvert billede omhyggeligt, for det kommer til at repræsentere dit indhold. Det er også det billede, der dukker op, når brugeren deler indholdet.
Hver platform har sine standarder; det bedste er at vælge et stort billede, der kan passe til hvert socialt netværk.
Visuelt indhold er det mest attraktive på de sociale netværk, og lykkes det dig at gå viralt, får du flere besøg på dit website. Du ved det godt: invester tid i at vælge det perfekte billede, så du får likes, delinger og kommentarer.
-
Twitter: 120x120px til det lille og 4096x4096px til det store
-
Facebook: det mindste på 200px og det største på 1200px
Brug altid Open Graph
Fordi formatet allerede er velkendt, kan flere platforme bruge det. Det anbefales at bruge kodeskabeloner til at indsætte sociale tags; du kan læse al information i guiden herunder.
Anbefalet guide -> [Metatags i SEO](/da/blog/meta-tags)
Test og eksperimentér
Test altid, og tjek i validatorerne, at resultaterne fra dit site bliver vist rigtigt på de sociale netværk.
Konklusioner
Det er små detaljer, der får dit brand til at se godt ud i brugernes øjne. Husk, at de tags er afgørende for at vise din side ordentligt og tiltrække besøg. De gør det også lettere for søgemaskinerne at forstå dit website. SEO-optimering handler altså også om at være opmærksom på de sociale netværk.
Husk også, at sociale signaler, altså trafik der kommer fra de sociale netværk, kan påvirke en SEO-strategi positivt, så hvert klik fra sociale medier er guld værd!
Spørgsmål eller forslag? Vi hjælper gerne!
Kilder:
- https://ogp.me/ - Den officielle side for Open Graph-protokollen
Forfatter: David Kaufmann
Jeg har brugt de sidste 10+ år fuldstændig opslugt af SEO — og helt ærligt: jeg ville ikke have det anderledes.
Min karriere rykkede et niveau op, da jeg arbejdede som senior SEO-specialist for Chess.com — et af de 100 mest besøgte websites på hele internettet. At arbejde i den skala, på tværs af millioner af sider, snesevis af sprog og en af de mest konkurrenceprægede SERP'er der findes, lærte mig ting, som intet kursus og ingen certificering kunne have lært mig. Den erfaring ændrede mit syn på, hvordan rigtig godt SEO ser ud — og den blev fundamentet for alt, hvad jeg har bygget siden.
Ud af det grundlagde jeg SEO Alive — et bureau for brands, der mener det alvorligt med organisk vækst. Vi er ikke her for at sælge dashboards og månedsrapporter. Vi er her for at bygge strategier, der rent faktisk flytter noget, og vi kombinerer det bedste fra klassisk SEO med den spændende nye verden inden for Generative Engine Optimization (GEO) — så dit brand ikke kun dukker op i Googles blå links, men også inde i de AI-genererede svar, som ChatGPT, Perplexity og Google AI Overviews leverer til millioner af mennesker hver eneste dag.
Og fordi jeg ikke kunne finde et værktøj, der håndterede begge verdener ordentligt, byggede jeg selv et — SEOcrawl AI, en enterprise-platform til SEO-intelligens, der samler placeringer, tekniske audits, backlink-overvågning, crawl-sundhed og tracking af brandets synlighed i AI ét sted. Det er den platform, jeg altid ønskede fandtes.
Find mere indhold fra denne forfatter
