Sammanfattning
Det kostnadsfria verktyget för Open Graph-förhandsvisning visar hur en länk ser ut när den delas på Facebook, X, LinkedIn och WhatsApp, innan du publicerar den. Skriv titel, beskrivning, bild-URL, webbplatsnamn och sid-URL, byt mellan de fyra nätverken och läs checklistan: en titel på 15 till 70 tecken, en beskrivning på 55 till 200 tecken och en bild på 1200 × 630 pixlar. Kopiera sedan värdena till dina og:-taggar.
Vill du veta mer? Fråga
En Open Graph-förhandsvisning svarar på en fråga: vad ser folk när någon klistrar in din länk i ett inlägg eller en chatt? Svaret kommer från några metataggar i sidans head. Open Graph-protokollet, publicerat på ogp.me, listar fyra egenskaper som krävs på varje sida: og:title, og:type, og:image och og:url. När de saknas gissar varje plattform, och gissningen blir ofta fel bild eller en menyetikett som titel.
Vad visar verktyget för Open Graph-förhandsvisning?
Verktyget ritar ett delningskort i taget, med en flik för varje nätverk, och uppdaterar det när du skriver. Varje plattform ordnar samma taggar på olika sätt, vilket är anledningen till att ett kort som ser bra ut på ett nätverk kan klippas av på ett annat.
| Nätverk | Vad kortet visar i verktyget | Det att se upp för |
|---|---|---|
| Bild, domän, titel och beskrivning | Hela kortet: varje fält räknas | |
| X | Bild med titeln över, domänen under | En svag bild döljer en bra titel |
| Bild, titel och domän | Beskrivningen visas inte, så titeln måste bära budskapet | |
| En chattbubbla med bild, titel, beskrivning och domän | Kortet är litet: titelns första ord väger tyngst |
Under kortet blir en checklista med tre rader grön eller röd: titelns längd, beskrivningens längd och om en bild är angiven. Om bild-URL:en inte laddas faller kortet tillbaka till en tom platshållare, vilket är exakt hur en trasig og:image ser ut i ett riktigt flöde.
Hur använder du verktyget, steg för steg?
- Fyll i titeln som du planerar att använda i og:title. Den kan skilja sig från sidans titeltagg: skriv den för en person som skrollar i ett flöde, inte för ett sökresultat.
- Lägg till webbplatsnamnet (og:site_name) och beskrivningen (og:description).
- Klistra in bild-URL:en, den absoluta adressen till filen som du lägger i og:image, med början på https://.
- Ange sid-URL:en: verktyget hämtar den domän som varje nätverk visar.
- Byt flik för att kontrollera Facebook, X, LinkedIn och WhatsApp, en i taget, och rätta checklistan tills alla tre rader är gröna.
Ingenting skickas eller sparas: förhandsvisningen ritas i din webbläsare, så du kan testa opublicerade sidor och utkast till bilder fritt.
Vilka Open Graph-taggar behöver en sida?
Fyra krävs av protokollet, och två till gör kortet komplett. Open Graph-protokollet ber också att en sida med og:image anger og:image:alt, en beskrivning av vad bilden visar.
| Tagg | Roll | Exempelvärde |
|---|---|---|
| og:title | Kortets titel | Gratis verktyg för Open Graph-förhandsvisning |
| og:type | Objekttypen: website, article, product… | article |
| og:image | Den absoluta URL:en till förhandsvisningsbilden | https://example.com/og/cover.jpg |
| og:url | Sidans kanoniska adress | https://example.com/guide |
| og:description | En eller två meningar under titeln | Se hur dina länkar ser ut innan du delar dem. |
| og:site_name | Namnet på hela webbplatsen | Exempel |
| og:image:alt | En beskrivning av bilden för personer som inte kan se den | En bärbar dator som visar ett försäljningsdiagram |
og:url bör stämma med sidans kanoniska URL, så att delningar av olika versioner av samma adress räknas på ett och samma objekt. För att skriva alla dessa taggar på en gång, använd metataggsgeneratorn, och läs vår ordlistepost om metataggar för skillnaden mellan SEO-taggar och taggar för sociala medier.
Vilken bildstorlek fungerar på alla nätverk?
1200 × 630 pixlar, ett förhållande på 1,91:1, fungerar på de största nätverken. Meta ber om bilder på minst 1200 × 630 pixlar för bästa visning på skärmar med hög upplösning och ett förhållande så nära 1,91:1 som möjligt för att undvika beskärning; LinkedIn ber om minst 1200 × 627 pixlar med samma förhållande.
| Plattform | Rekommenderad storlek | Minimum | Största filstorlek |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, förhållande 1,91:1 | 200 × 200 px; 600 × 315 px för stora länkinlägg | 8 MB |
| LinkedIn (LinkedIn Help) | Förhållande 1,91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, minst 1200 px brett | Mer än 300 000 pixlar sammanlagt | Ej angiven |
Håll motivet och all text i bildens mitt, eftersom vissa layouter beskär kanterna. Komprimera filen innan du publicerar den med bildkomprimeraren: en lättare fil hämtas snabbare av varje nätverk.
Hur lång ska og:title och og:description vara?
Sikta på en titel på 15 till 70 tecken och en beskrivning på 55 till 200 tecken. Det är intervallen checklistan använder: under dem ser kortet tomt ut, över dem kapar de flesta layouter texten med en ellips, särskilt på mobil och i den lilla WhatsApp-bubblan.
- Lägg nyckelorden först. På LinkedIn är beskrivningen dold, och på X ligger titeln över bilden: titelns början måste fungera på egen hand.
- Kopiera inte metabeskrivningen ord för ord. Ett utdrag i sökresultat svarar på en fråga; ett delningskort måste få någon att sluta skrolla. Utforma utdragen med generatorn för metabeskrivningar och SERP-förhandsvisningen, och anpassa dem sedan för sociala medier.
- Undvik clickbait. Ett kort som lovar mer än sidan levererar ger besök som lämnar direkt.
Hjälper Open Graph-taggar SEO?
Inte som rankingfaktor, men Google läser några av dem. Google listar innehållet i og:title bland de källor den använder för att bygga titellänkar i sökresultat (Google, titellänkar). Dess system för webbplatsnamn tar också hänsyn till og:site_name, efter strukturerad data för WebSite (Google, webbplatsnamn). Och för Discover rekommenderar Google att man anger en stor, representativ bild med schema.org-markup eller og:image-taggen, och undviker generiska bilder som en logotyp.
De indirekta effekterna spelar också roll. Ett tydligt kort ger fler klick när din sida delas, och varje delning är en chans att bli läst, citerad och länkad. Vår ordlistepost om sociala signaler förklarar vad Google gör och inte tar från aktivitet i sociala medier.
Varför visar ett nätverk fortfarande den gamla förhandsvisningen?
För att plattformar cachar det de läser första gången. Meta förklarar att dess sökrobot skrapar och cachar metadata för en URL när den delas första gången, att bilder cachas efter sin URL, och att en uppdatering av bilden inte uppdaterar förhandsvisningen av gamla delningar. För att uppdatera en sida, kör den genom Sharing Debugger, och ge en ny bild ett nytt filnamn i stället för att skriva över den gamla. LinkedIn erbjuder samma uppdatering med sitt Post Inspector.
Om bilden aldrig visas, kontrollera att filen är offentlig: LinkedIn påpekar att en webbplats som blockerar dess sökrobot, eller en bild som ligger i en skyddad mapp, förhindrar förhandsvisningen.
Vilka misstag förstör ett delningskort?
- En relativ bild-URL som /img/cover.jpg. Nätverken hämtar bilden utifrån din webbplats och behöver den fullständiga https://-adressen.
- Ingen og:image alls. Nätverket väljer vilken bild som helst på sidan, ofta en logotyp eller en ikon.
- Två og:title- eller og:image-taggar tillagda av både ett tema och ett tillägg samtidigt. Behåll en av varje.
- Samma bild på varje sida. En logotyp för hela webbplatsen gör att varje delning ser likadan ut; Google avråder också från generiska bilder för Discover.
- Taggar som läggs till av JavaScript efter inläsning. Sökrobotar för delning läser HTML som servern returnerar; taggar som injiceras senare kan aldrig ses.
Hur passar delningskort in i en innehållsplan?
Varje artikel du publicerar kommer att delas någonstans: i ett nyhetsbrev, ett LinkedIn-inlägg, en teamchatt eller ett svar i ett forum. Att planera kortet tillsammans med artikeln sparar en omgång rättningar efter lansering. Soranks bloggartikelgenerator skriver källbelagda artiklar med en omslagsbild och publicerar dem på din webbplats, och GEO- och SEO-instrumentpanelen följer sedan trafiken och omnämnandena som sidorna får i Google och i AI-svar.
Ett bra delningskort är en bild på 1200 × 630 pixlar, en tydlig titel och en ärlig beskrivning, kontrollerad på varje nätverk innan du publicerar. Förhandsgranska ditt nu, se sedan Soranks abonnemang för att publicera innehåll som är redo att delas, på autopilot.
