Open Graph-bilde
Lær hva Open Graph-bilder er, deres tekniske spesifikasjoner, plattformkrav og hvordan de øker engasjementet og klikkfrekvensen på tvers av Facebook, LinkedIn, ...
11 min lesing
Twitter-kort
Twitter-kort er en HTML-meta-tagg-spesifikasjon som muliggjør rike medieforhåndsvisninger når URL-er deles på Twitter/X, slik at utgivere kan kontrollere hvordan innholdet deres vises med titler, beskrivelser, bilder og videoer i tweets og tidslinjer.
Definisjon av Twitter-kort
Twitter-kort er en standardisert HTML-meta-tagg-spesifikasjon som gjør det mulig for utgivere å kontrollere hvordan innholdet deres vises når URL-er deles på Twitter (nå kjent som X). Når en bruker deler en lenke på Twitter, henter plattformens crawler automatisk kort-markeringen fra sidens HEAD-seksjon og viser en rik forhåndsvisning som inneholder en tittel, beskrivelse, bilde og annen metadata. Denne spesifikasjonen forvandler vanlige tekstlenker til visuelt tiltalende, multimedierike forhåndsvisninger som betydelig øker brukerengasjement og klikkfrekvens. Twitter-kort er basert på Open Graph-protokollens konvensjoner, noe som gjør dem kompatible med andre sosiale plattformer samtidig som de opprettholder Twitter-spesifikk funksjonalitet og tilpasningsmuligheter.
Historisk kontekst og utvikling
Twitter-kort ble introdusert av Twitter i 2011 som et svar på det økende behovet for rikere innholdsdeling på sosiale medieplattformer. Før introduksjonen ble delte lenker vist som ren tekst med minimal kontekst, noe som resulterte i lavere engasjementsrater. Spesifikasjonen utviklet seg fra Open Graph-protokollen, som Facebook utviklet for å standardisere hvordan innholdsmetadata deles på tvers av nettet. Twitters implementering la til plattformspesifikke egenskaper og korttyper tilpasset ulike innholdsformater, fra artikler og videoer til mobilapplikasjoner. Gjennom årene har Twitter raffinert spesifikasjonen, og avviklet eldre korttyper som Photo Cards og Gallery Cards samtidig som bakoverkompatibilitet opprettholdes gjennom fallback-mekanismer. I dag, med Twitters rebranding til X, forblir kortspesifikasjonen en kritisk komponent i plattformens innholdsdeling-infrastruktur, som støtter milliarder av daglige delinger og opprettholder konsistente engasjementsmålinger på tvers av ulike innholdstyper.
Ready to Monitor Your AI Visibility?
Track how AI chatbots mention your brand across ChatGPT, Perplexity, and other platforms.
Kjernkomponenter og teknisk struktur
Twitter-kortspesifikasjonen opererer gjennom en serie meta-tagger plassert i HTML HEAD-seksjonen på en nettside. Hver meta-tagg følger en enkel nøkkel-verdi-struktur ved bruk av name- og content-attributtene. Den grunnleggende egenskapen er twitter:card, som spesifiserer korttypen og bestemmer hvilke tilleggsegenskaper som støttes og kreves. Utover korttypen kan utgivere definere twitter:title (innholdsoverskriften), twitter:description (en kortfattet oppsummering), twitter:image (den visuelle forhåndsvisningen) og attribusjonsegenskaper som twitter:site (nettsidekonto) og twitter:creator (innholdsforfatter). Spesifikasjonen støtter fallback til Open Graph-tagger, noe som betyr at hvis en Twitter-spesifikk egenskap ikke er til stede, vil systemet automatisk bruke den tilsvarende Open Graph-egenskapen (som og:title eller og:image). Denne fallback-mekanismen reduserer redundans og gjør det mulig for utgivere å implementere et enkelt sett med metadata som fungerer på tvers av flere plattformer. Twitters crawler respekterer robots.txt-filen og bruker User-Agent-identifikatoren “Twitterbot” for å hente og mellomlagre kortdata i 7 dager etter første publisering, noe som sikrer konsistent visning på tvers av plattformen.
Sammenligning av Twitter-korttyper og relaterte spesifikasjoner
| Korttype | Best for | Viktigste egenskaper | Bildekrav | Visningskontekst |
|---|---|---|---|---|
| Summary Card | Artikler, blogginnlegg, nyheter | twitter:title, twitter:description, twitter:image | Minimum 300x157 piksler, 2:1 sideforhold | Tidslinje og utvidet visning |
| Summary with Large Image | Bilderikt innhold, visuelle historier | twitter:title, twitter:description, twitter:image (fremtredende) | 300x157 til 4096x4096 piksler, 2:1-forhold | Fullbredde bildevisning |
| App Card | Mobilapp-promotering | twitter:app:name, twitter:app:id, twitter:app:url | 800x800 eller 800x418 piksler | App-butikklenker, nedlastings-CTAs |
| Player Card | Video, lyd, innebygd media | twitter:player, twitter:player:width, twitter:player:height | Varierer etter medietype | Innebygd avspilling i tidslinje |
| Open Graph (Fallback) | Universell sosial deling | og:title, og:description, og:image | Plattformavhengig | Flere sosiale plattformer |
Stay Updated on AI Visibility Trends
Get the latest insights on AI mentions, brand monitoring, and optimization strategies.
Teknisk implementering og meta-tagg-markering
Implementering av Twitter-kort krever å legge til korrekt formaterte meta-tagger i HTML HEAD-seksjonen på nettsiden din. Den mest grunnleggende implementeringen begynner med å spesifisere korttypen: <meta name="twitter:card" content="summary">. For et komplett Summary Card bør utgivere inkludere tittel-, beskrivelses- og bildeegenskapene. En typisk implementering ser slik ut: <meta name="twitter:title" content="Din artikkeltittel">, <meta name="twitter:description" content="Kort beskrivelse av innholdet"> og <meta name="twitter:image" content="https://example.com/image.jpg">. Attribusjonsegenskaper forbedrer kortets troverdighet og brukeropplevelse: <meta name="twitter:site" content="@dithåndtak"> identifiserer nettstedets Twitter-konto, mens <meta name="twitter:creator" content="@forfatterhåndtak"> krediterer den enkelte innholdsskaperen. Spesifikasjonen tillater utgivere å blande Twitter-spesifikke tagger med Open Graph-tagger, ettersom Twitters parser vil prioritere Twitter-tagger, men falle tilbake på Open Graph-ekvivalenter ved behov. Denne fleksibiliteten betyr at eksisterende Open Graph-implementeringer automatisk fungerer med Twitter uten modifikasjon. Utgivere kan validere implementeringen ved hjelp av Twitter Card Validator-verktøyet, som forhåndsviser nøyaktig hvordan kortet vil vises når det deles på plattformen og identifiserer manglende eller feilformaterte egenskaper.
Plattformspesifikk visning og brukeropplevelse
Twitter-kort vises forskjellig avhengig av plattform og kontekst de vises i. På nettet vises kort når en tweet utvides i tidslinjen eller vises på tweetens individuelle permalinkside. På mobilapplikasjoner vises kort på samme måte, men med responsive justeringer for mindre skjermer. Kortvisningen respekterer Twitters innholdshierarki, der bilder eller media som er festet direkte til tweets har forrang over kort-tilknyttede URL-er. Når flere URL-er vises i en enkelt tweet, vises kun ett kort, behandlet i rekkefølgen de vises. Summary Card with Large Image gir den mest fremtredende visuelle opplevelsen, med et fullbreddebilde som dominerer kortoppsettet og skaper en rik fotoopplevelse. Denne korttypen er spesielt effektiv for visuelt innhold som fotografi, infografikk og videominiatyrbilder. App Card inkluderer plattformspesifikke handlingsknapper (Installer, Åpne, Spill, Handle, Bestill, Koble til, Bestill) som leder brukere til app-butikker, noe som gjør den ideell for mobilapplikasjonspromotering. Player Card muliggjør innebygd avspilling av video- og lydinnhold direkte i tweets, noe som eliminerer behovet for at brukere må forlate plattformen for å konsumere media. Denne innebygde opplevelsen øker engasjementet betraktelig, ettersom brukere kan forhåndsvise innhold uten å navigere bort fra Twitter.
Innvirkning på engasjement, klikkfrekvens og sosial synlighet
Forskning og bransjemålinger viser at Twitter-kort betydelig forbedrer innholdsengasjementmålinger. Tweets med riktig implementerte kort får betydelig høyere klikkfrekvens sammenlignet med rene tekst-tweets, med typiske CTR-målinger for Twitter på 1–2 % for standardinnhold. De visuelle elementene som kort gir – spesielt bilder og videoer – skaper større klikkbare mål og kommuniserer verdiforslag mer effektivt enn tekst alene. Studier indikerer at kort med iøynefallende bilder med høy kontrast fungerer best, da de stopper brukere midt i scrolling og trekker oppmerksomhet i overfylte tidslinjer. Tilstedeværelsen av sosiale bevis-elementer (synlige retweets, likerklikk og svar) forsterker engasjementet ytterligere, ettersom brukere oppfatter populært innhold som mer verdifullt og pålitelig. For utgivere oversettes dette økte engasjementet til høyere henvisningstrafikk til nettsteder, forbedret merkevaresynlighet og bedre ytelse i nedstrøms markedsføringstrakter. Spesifikasjonen støtter også innholdsattribusjon, som lar utgivere assosiere kort med spesifikke Twitter-kontoer, noe som bygger merkevaregjenkjenning og gjør det mulig for brukere å følge innholdsskapere direkte fra kortgrensesnittet. Denne attribusjonsmekanismen styrker forholdet mellom utgivere og målgrupper, samtidig som den gir verdifulle sosiale signaler som plattformer bruker for å rangere og anbefale innhold.
Beste praksis for Twitter-kortoptimalisering
Effektiv Twitter-kort-implementering krever oppmerksomhet på flere optimaliseringsprinsipper. For det første er bildevalg kritisk – bilder bør være unike, innholdsspesifikke og visuelt tiltalende i stedet for generiske logoer eller forfatterbilder. Høy kontrast og lyse farger fungerer bedre for å stoppe brukeres scrolling, og bilder bør tydelig kommunisere innholdets verdiforslag. For det andre sikrer overskrift- og beskrivelsesoptimalisering at korttekst komplementerer i stedet for å duplisere bildeinnholdet. Overskrifter bør formidle ny informasjon eller en overbevisende grunn til å klikke, ikke gjenta det som allerede er synlig i bildet. Beskrivelser bør være konsise, fordelsfokuserte og trunchet hensiktsmessig for ulike plattformer (iOS, Android og nettet viser beskrivelser forskjellig). For det tredje bygger URL-konsistens mellom kortet og landingssiden brukertillit – hvis et merkenavn vises fremtredende i kortet, bør det også vises i destinasjons-URL-en og landingssiden. For det fjerde innebærer sosial bevis-forsterkning krysspromotering av tweets på tvers av andre sosiale kanaler for å øke synlige engasjementmålinger, noe som øker sannsynligheten for at andre brukere klikker på kortet. For det femte sikrer validering og testing ved hjelp av Twitter Card Validator at alle egenskaper er korrekt formatert og vises som tiltenkt før publisering. Til slutt tillater overvåking og iterasjon gjennom analyser at utgivere kan identifisere hvilke korttyper, bilder og budskap som gir størst gjenklang hos målgruppen, noe som muliggjør kontinuerlig optimalisering av fremtidige kort.
Viktige aspekter og implementeringshensyn
- Plassering av meta-tagger: Alle Twitter-kort-meta-tagger må plasseres i HTML HEAD-seksjonen, ikke i body, for å sikre korrekt crawling og parsing av Twitterbot
- Valg av korttype: Velg passende korttype basert på innholdsformat – Summary for artikler, Summary with Large Image for visuelt innhold, App Card for mobilapplikasjoner, Player Card for innebygd media
- Bildeoptimalisering: Bruk minimumsdimensjoner på 300x157 piksler med 2:1 sideforhold for Summary-kort; sørg for at bilder er under 5 MB og i støttede formater (JPG, PNG, WEBP, GIF)
- Robots.txt-konfigurasjon: Opprett unntak for Twitterbot i robots.txt for å sikre at kortdata crawles og mellomlagres, samtidig som andre roboter potensielt blokkeres
- Open Graph-fallback: Implementer Open Graph-tagger som en fallback-mekanisme for å redusere duplisert markering og sikre kompatibilitet på tvers av flere sosiale plattformer
- Innholdsattribusjon: Inkluder twitter:site- og twitter:creator-egenskaper for å bygge merkevaregjenkjenning og muliggjøre brukerengasjement med innholdsskapere
