Open Graph-förhandsgranskning

Vad aer en Open Graph-foerhandsvisning?

Open Graph-protokollet (skapat av Facebook 2010) laater webbplatser kontrollera hur deras innehaall visas naer det delas paa sociala medieplattformar. Naer naagon delar din laenk paa Facebook, Twitter, LinkedIn, Slack eller iMessage haemtar plattformen dina OG-taggar foer att visa en rik foerhandsvisning med titel, beskrivning och bild istallet foer en vanlig URL.

Utan Open Graph-taggar gissar plattformarna vad som ska visas -- de kan vaeelja fel bild, kapa din titel eller visa en generisk beskrivning. Med OG-taggar kontrollerar du exakt vad folk ser. Undersookningar visar att sociala inlaegg med rika foerhandsvisningar faar 3-5 gaanger fler klick aen bara URL:er. Denna foerhandsvisning laater dig se och justera resultatet innan publicering.

Viktiga OG-taggar

• og:title -- Titeln som visas i foerhandsvisningen. Kan skilja sig fraan din HTML-title.
• og:description -- Beskrivning under titeln. Haall den under 200 tecken foer baesta visning.
• og:image -- Foerhandsvisningsbild. Minst 1200x630 pixlar foer hoegg kvalitet paa alla plattformar.
• og:url -- Kanonisk URL. Hjaalper plattformar att konsolidera delningar av samma sida.
• og:type -- Innehaallstyp: website, article, product, video, etc.

Hur du anvaender detta verktyg

Ange en URL eller fyll i OG-taggarna manuellt foer att foerhandsvisa hur din sida ser ut naer den delas paa Facebook, Twitter, LinkedIn och Slack. Varje plattform renderar foerhandsvisningar lite annorlunda. Verktyget visar alla plattformsvarianter saa du kan optimera foer var och en.

Twitter Cards vs. Open Graph

Twitter anvaender sina egna metataggar (twitter:card, twitter:title, twitter:description, twitter:image) men faller tillbaka paa Open Graph-taggar naer Twitter-specifika taggar saknas. Twitter kraever dessutom twitter:card-taggen foer att vaeelja korttyp: summary (liten bild till vaenster), summary_large_image (stor bild oevanfoer), player (inbaeddad video/ljud), eller app (mobilappinstallation). Foer de flesta webbplatser raecker det att anvaenda OG-taggar plus twitter:card och twitter:image.

Vanliga fraagor

Varfoer visar Facebook min gamla bild?

Facebook cachar OG-data aggressivt. Foer att tvinga en uppdatering, anvaend Facebooks Sharing Debugger (developers.facebook.com/tools/debug/) och klicka 'Scrape Again'. Detta rensar cachen och haemtar ny OG-data fran din sida. Cachen uppdateras ocksa naturligt var 7-30 dagar. Att laegga till en version-querystraeng till din og:image-URL kan hjaalpa till att tvinga uppdateringar.

Vilken skillnad aer det mellan OG-taggar och Twitter Cards?

Twitter Cards (twitter:card, twitter:title, twitter:description, twitter:image) aer Twitters egen foerhandsvisningsstandard. Twitter faller dock tillbaka paa OG-taggar om Twitter Card-taggar saknas. Vanlig praxis aer att inkludera bade OG-taggar (foer Facebook, LinkedIn, Slack) och twitter:card plus twitter:image foer Twitter-specifik anpassning. Vaart verktyg genererar baada uppsaettningarna.