Det korta svaret: för att kontrollera Open Graph online, klistra in sidadressen i den kostnadsfria Open Graph Debugger PromoPilot. Den läser alla og:* och Twitter Card-taggar, kontrollerar bildens närvaro och storlek, utvärderar fullständigheten av markupen och visar länkförhandsgranskningar för Facebook, X (Twitter) och LinkedIn – plus rekommendationer för vad du ska lägga till. Ingen registrering krävs. Nedan hittar du de obligatoriska taggarna, den obligatoriska og:image-storleken och hur du uppdaterar en "fastnat" förhandsgranskning.
Jag har skapat webbplatser i 12 år, och jag hör frågan "Varför har inte Telegram länken en bild?" från kunder oftare än jag hör frågor om rankningar. Det är oftast ett jobb på fem minuter – om man vet var man ska leta.
Vad kontrollerar Open Graph Debugger?
När du infogar en länk i ett inlägg eller meddelande går plattformen till sidan och letar efter Open Graph-taggar. Om den hittar en ritar den ett snyggt kort. Om den inte gör det tar den det den hittar eller visar en ren URL. Verktyget kontrollerar bara vad sociala nätverk kommer att läsa.
| Vad kontrollerar den? | Vad tittar han på? | Varför behöver näringslivet detta? |
|---|---|---|
| Alla taggar och:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | Från dessa samlar webbplatserna in titel, beskrivning och bild på kortet. |
| Twitter-kort | twitter:kort, twitter:titel, twitter:beskrivning, twitter:bild | X (Twitter) läser sina taggar, och om de saknas, delvis og |
| Originalbild | Finns det en bild och hur stor är den? | Den lilla bilden förvandlar kortet till en liten ikon på sidan |
| Fullständighetsbedömning | Hur många rekommenderade taggar är ifyllda? | Snabbreferens: Är allt på plats? |
| Förhandsvisningar av nätverk | kort för Facebook, X och LinkedIn | Du kan se hur inlägget kommer att se ut innan publicering. |
| Rekommendationer | Vad ska jag lägga till eller korrigera? | En färdig uppgiftslista för en utvecklare eller för dig |
Hur man kollar Open Graph-sidor online?
- Öppna Öppna Graph-felsökaren.
- Ange webbadressen till sidan du vill dela: en artikel, en produkt eller en annonslandningssida. Klicka på "Kontrollera".
- Gå igenom listan med taggar: vilka som är inställda, vilka som är tomma och om det finns en utländsk adress eller en testadress i og:url.
- Kontrollera förhandsgranskningen för varje nätverk: är titeln bortklippt, är bilden synlig och finns det någon viktig text runt kanterna.
- Lägg till de saknade taggarna enligt rekommendationerna och kontrollera sidan igen.
Verktygssida: adressfält, knapp "Kontrollera", lista över kontroller och vanliga frågor
Verktyget är lätt: en daglig gräns räcker för att en gäst ska kunna kontrollera alla webbplatsens mallar – hemsidan, kategorin, produkten och artikeln. Efter gratis registrering tredubblas gränsen.
Vilka är de vanligaste felen i Open Graph?
Här är vad jag hittar på nästan alla andra webbplatser, och i vilken ordning jag ska åtgärda det.
- Det finns ingen og:image eller så är den specificerad som en relativ URL. Sociala nätverk förstår inte
content="/img/cover.jpg"— den fullständiga URL:en som börjar medhttps://krävs. Utan en bild minskar inläggets räckvidd avsevärt. - Bilden är för liten. Logotypen på 200x200 förvandlar kortet till en liten fyrkant på sidan. En bild på 1200x630 behövs.
- En og:image för hela webbplatsen. Varje artikel och varje produkt på sociala medier ska se likadan ut – med logotypen. För bloggen och katalogen ska bilden vara hämtad från sidans huvudfoto.
- og:url leder till en annan adress – hemsidan, en testdomän eller
http://versionen. Plattformen kan samla alla länkar till en enda sida. - Det finns inget twitter:card. Utan det visar X ofta ett litet kort. För en större bild behöver du
summary_large_image. - og:title duplicerar titeln med "köp" och varumärket. I ett flöde på sociala medier ser detta ut som en annons; en livlig rubrik, som för ett inlägg, är bättre.
Den minsta korrekta uppsättningen ser ut så här:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Hur förbereder man en bild för og:image?
Bilden är den mest synliga delen av kortet, och det är där folk ofta snålar. Här är några regler jag följer:
- Storleken är 1200×630 och orienteringen är horisontell. Det sociala nätverket kommer att beskära toppen och botten av ett fyrkantigt produktfoto, vilket kan resultera i att produkten saknar ett huvud eller en sula.
- Det viktiga är i mitten. Olika plattformar beskär kanterna olika, och i mobilflödet är kortet ännu mindre. Håll texten stor och borta från kanterna.
- Minimal text. Titeln finns redan under bilden; 3–6 ord eller inga bildtexter räcker till själva bilden.
- Lättviktsfil. En JPG- eller PNG-fil av rimlig storlek laddas snabbt och plattformen får ingen timeout.
- En dedikerad bild för varje nyckelsida. För artiklar och produkter är det praktiskt att skapa en automatiskt: ett artikelomslag eller den huvudsakliga produktbilden.
Ett bra test är att öppna förhandsgranskningen i felsökaren på din telefon. Om länken inte är tydlig utan att zooma in behöver bilden bearbetas om.
Hur uppdaterar jag en gammal förhandsvisning efter en korrigering?
Ett vanligt scenario: du har åtgärdat taggarna, men det sociala nätverket visar envist den gamla bilden. Anledningen är cachen: plattformen har kommit ihåg förhandsgranskningen från den första delningen. På Facebook hjälper det att samla in data igen i Sharing Debugger, på LinkedIn med Post Inspector och på Telegram med @WebpageBot-boten, som du skickar länken till. Om allt annat misslyckas, lägg till en ofarlig parameter till adressen, till exempel ?v=2: för plattformen är detta en ny länk.
Jämförelse: Open Graph Debugger och alternativ
| Verktyg | Vad är gratis? | Begränsningar | Vem är det lämpligt för? |
|---|---|---|---|
| PromoPilot - Felsökare för öppen graf | Alla OG- och Twitter-taggar, OG: bildstorlek, förhandsvisningar för Facebook, X och LinkedIn, rekommendationer | Rensar inte sociala mediers cache | Kontrollera din sida omedelbart innan du publicerar den på sociala medier |
| Delningsfelsökare (Meta) | Facebook förhandsvisning och återinsamling av data | Endast Facebook, kontoinloggning krävs | Återställ gammal förhandsgranskning på Facebook |
| LinkedIn-inläggsinspektör | Förhandsvisning och cacheuppdatering av LinkedIn | Endast LinkedIn, inloggning krävs | För dig som marknadsför dig på LinkedIn |
| @WebpageBot på Telegram | Uppdaterar länkförhandsgranskningen i Telegram | Endast Telegram analyserar inte taggar | För Telegram -kanalägare |
Slutsats: officiella plattformsfelsökare behövs för att rensa cachen, men varje plattform visar bara sitt eget nätverk. För att se alla förhandsvisningar och en lista över saknade taggar på en gång är en universell felsökare mer praktisk.
Förresten, PromoPilot har 87 gratis SEO-verktyg. Om du inte har skrivit taggar än har vi en artikel i vår serie om en metataggenerator som skapar ett Open Graph-block med en förhandsvisning.
Hur skiljer sig Open Graph Debugger från metatagganalys?
Metatagsanalys tittar på en sida genom en sökmotors ögon: titel, beskrivning, kanonisk, hreflang och Open Graph är bara en grupp. Felsökaren fokuserar på sociala medier: den skapar kort för olika plattformar, kontrollerar bildstorlek och ger rekommendationer specifikt baserat på förhandsvisningar. Om länkar till din webbplats delas aktivt på sociala medier och meddelandeappar är felsökaren mer användbar.
Båda har en begränsning: de läser HTML-koden som returneras av servern. Om taggar infogas av ett webbläsarskript kommer många sociala nätverk inte att se dem – detta måste åtgärdas på webbplatsens sida. En annan detalj: felsökaren kontrollerar taggarna, men inte själva delningen. Om sidan är lösenordsskyddad, geoblockerad eller skyddad från botar kanske det sociala nätverket inte kan komma åt den även om alla taggar finns.
När räcker inte ett gratisverktyg?
En felsökare visar att sidan inte har `og:image`. Men om det finns tusentals sidor är det inte möjligt att manuellt infoga bilder. En specialist behövs när:
- varje produkt eller artikel bör ha sin egen förhandsgranskningsbild, som samlas in automatiskt;
- webbplatsen returnerar taggar med hjälp av ett skript, och sociala nätverk ser dem inte;
- Du lanserar annonser och utskick där varje förhandsvisning påverkar kostnaden per klick;
- Vi behöver en kombination av "webbplats + Telegram kanal + automatisk publicering" med rätt kort.
Vad kan jag göra för er webbplats?
Jag är Valeriy Danyuk, utvecklare och SEO-specialist med 12 års erfarenhet och över 200 kunder. En snygg länkförhandsvisning är gratis och jag anpassar den för varje projekt.
SEO och marknadsföring
- Nyckelfärdig SEO-granskning för webbplatsen: Jag kontrollerar alla malltaggar, konfigurerar automatiska förhandsgranskningsbilder och korrigerar kod.
Webbplatser och onlinebutiker
- Överföra din butik från Instagram till din webbplats — produkter med korrekta förhandsvisningar för enkel delning.
- En landningssida för en ny produkt skapad på en kväll – en fallstudie från NordHarvest med ett färdigt kort för sociala medier.
- En webbplats för plastikkirurgikliniker med AI och applikationer via Telegram.
- Webbplats på 1001site: förhandsvisningar för sociala nätverk och automatisk publicering i Telegram konfigureras automatiskt.
Botar och automatisering
- Telegram med AI för en såsbutik online.
- QuestFlow är en SaaS-byggare Telegram botar med AI.
- E-handelsagenter istället för chatbotar.
Skicka mig en länk som ser dålig ut i en Messenger på Telegram så ska jag berätta vilken tagg som saknas.
Resultat
- En online Open Graph-granskare visar hur en länk ser ut på Facebook, X och LinkedIn, och vilka taggar som saknas.
- Det minsta som krävs är og:title, og:type, og:image (1200×630, fullständig adress) och og:url, plus twitter:card.
- Återställ webbplatsernas cache efter åtgärd: Delningsfelsökare, inläggsinspektör, @WebpageBot.
- För katalogen och bloggen bör förhandsgranskningsbilder samlas in automatiskt, precis som på 1001site.
Kontrollera sidan du ska dela i den kostnadsfria Open Graph Debugger innan dina följare ser inlägget.
Källor
- PromoPilots Open Graph Debugger-verktygssida — lista över kontroller och vanliga frågor.
- Open Graph Protocol (ogp.me) - obligatoriska och valfria egenskaper.
- Metas Sharing Debugger och LinkedIn Post Inspector är plattformarnas officiella verktyg.
