Open Graph-kontroll
Klistra in HTML-koden för din sida (enbart <head> räcker), så tolkar den här kontrollen varje og:- och twitter:-metatagg den hittar och rapporterar sedan vilka av de sex viktigaste taggarna som finns, vilka som saknas och det exakta värdet på var och en. Eftersom den läser koden du klistrar in i stället för att hämta en aktiv URL fungerar den även på testservrar, localhost och sidor bakom inloggning, dit ingen skrapare på nätet når.
Så läser kontrollen dina taggar
-
1
Öppna sidans källkod
Tryck på Ctrl+U (Cmd+Option+U på macOS) för att se den råa HTML-kod som sociala skrapare faktiskt får.
-
2
Kopiera head-sektionen
Markera från `<head>` till `</head>`. Body behövs inte, även om det inte skadar att klistra in hela sidan.
-
3
Klistra in den i kontrollen
Varje `<meta>`-tagg tolkas medan du skriver. Ingen URL hämtas: bara koden du klistrar in granskas.
-
4
Läs checklistan
Sex kontroller blir gröna eller röda: og:title, og:description, og:type, og:url, og:image och twitter:card.
-
5
Granska de hittade värdena
Varje og:- och twitter:-tagg listas med sitt innehåll, så att stavfel, tomma värden och relativa bildsökvägar sticker ut.
Open Graph-taggarna som kontrollen letar efter
| Tagg | Syfte | På checklistan? |
|---|---|---|
| og:title | Kortrubrik | Ja, obligatorisk |
| og:description | Kortundertitel | Ja, obligatorisk |
| og:type | website, article, video osv. |
Ja, obligatorisk |
| og:url | Kanonisk URL | Ja, obligatorisk |
| og:image | URL till förhandsvisningsbild | Ja, obligatorisk |
| og:site_name | Varumärkesrad ovanför rubriken | Listas när den finns |
| og:locale | en_US, es_ES osv. |
Listas när den finns |
Alla andra og:-taggar i din kod listas också, även när de inte ingår i checklistan.
Twitter Card-taggar
X (Twitter) faller tillbaka på Open Graph när de egna taggarna saknas, så bara twitter:card finns på checklistan. Resten listas så snart kontrollen hittar dem.
| Tagg | Syfte |
|---|---|
| twitter:card | summary, summary_large_image osv. |
| twitter:site | @handle för det publicerande kontot |
| twitter:creator | @handle för författaren |
| twitter:title | Åsidosätter og:title |
| twitter:description | Åsidosätter og:description |
| twitter:image | Åsidosätter og:image |
Bildspecifikation som fungerar överallt
Kontrollen bekräftar att og:image är deklarerad, men den laddar aldrig ner själva filen, så kontrollera följande för hand:
- Mått: 1200 x 630 px (Facebook, LinkedIn, stora Twitter-kort).
- Bildförhållande: 1.91:1 för
summary_large_image. - Filstorlek: under 5 MB, helst under 1 MB så att skraparen inte får timeout.
- Format: JPG eller PNG. WebP och AVIF stöds fortfarande ojämnt.
- Absolut URL: alltid den fullständiga adressen
https://..., aldrig en protokollrelativ eller rotrelativ sökväg.
Vanliga problem som rapporten avslöjar
- Ingen og:image. Det överlägset vanligaste felet. Utan en bild degraderas kortet till en oformaterad blå länk.
- En tagg som finns men är tom. Kontrollen skriver ut varje värde, så en
og:titleutan något efter sig är lätt att upptäcka. - Relativ bildsökväg.
og:imagemåste vara en absolut URL; en sökväg som/img/card.jpgförstör skrapningen. - og:url stämmer inte. När
og:urlskiljer sig från den verkliga canonical-adressen kan plattformar vägra att skrapa sidan. - Taggar som injiceras med JavaScript. De syns aldrig i view-source, så de syns inte här heller, och de flesta skrapare ser dem inte.
- Ett inaktuellt kort på Facebook. Inte ett kodproblem: Facebook cachar sina skrapningar. Tvinga fram en uppdatering i deras Sharing Debugger.
Vanliga frågor
För att inklistrad kod visar exakt vad en social skrapare ser i det råa svaret, och det fungerar på sidor som ingen skrapare når: testservrar, localhost, intranät och allt bakom en inloggning. Öppna din sida, tryck på Ctrl+U, kopiera källkoden och klistra in den här.
Inte nödvändigtvis. X faller tillbaka på Open Graph-taggarna när twitter:-taggarna saknas, och därför finns bara twitter:card på checklistan. Lägg till resten bara när du vill ha en annan titel, beskrivning eller bild på X än på alla andra plattformar.
Inspektorn visar DOM efter att JavaScript har körts, medan sociala skrapare läser det råa HTML-svaret. Använd view-source (Ctrl+U), inte inspektorn, och klistra in det. Om taggen bara finns i DOM lägger du till server-side-rendering eller en prerender-tjänst så att skrapare kan se den.
1200 x 630 px, JPG eller PNG. Det är den rekommenderade storleken för de stora korten på Facebook och LinkedIn, den accepteras av X och den skalar snyggt i Slack, Discord och andra appar som fäller ut länkar. Kontrollen bekräftar att og:image är deklarerad, men den öppnar inte filen, så kontrollera måtten själv.
Facebook cachar skrapresultat i upp till 30 dagar. Klistra in URL:en i Sharing Debugger på developers.facebook.com/tools/debug och skrapa om den för att ogiltigförklara cachen.
Relaterade verktyg
UTM-länkbyggare
Bygg kampanjspårnings-URL:er med UTM-parametrarna source, medium, campaign, term och content. Rena, URL-kodade länkar redo för annonser och nyhetsbrev.
UTM-parser
Klistra in en kampanj-URL och läs dess fem standard-UTM-taggar (source, medium, campaign, term och content) med varje värde avkodat. Ett snabbt sätt att kontrollera en spårningslänk innan du skickar den.
SERP-förhandsvisning
Förhandsgranska ett Google-sökresultat innan du publicerar. Tecknräknare i realtid varnar för för långa titlar och metabeskrivningar, och ett snippet i Google-stil visar hur ditt resultat ser ut.
Sitemap-generator
Klistra in din lista med URL:er och generera en giltig XML-sitemap med changefreq, priority och valfri lastmod, redo att spara och skicka in till Search Console.
Analysverktyg för säkerhetsheaders
Klistra in dina HTTP-svarsheaders och få prioriterade råd om de säkerhetsheaders som spelar roll: Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, Referrer-Policy och fler.
SERP-snippetförhandsvisning från URL
Klistra in en URL och se hur dess titel, metabeskrivning och kanoniska URL visas live som ett Google-snippet. Hämtat direkt från sidan, utan manuell kopiering.
Verktyget finns på andra språk
- Walidator Open Graph [PL]
- Pemeriksa Open Graph [ID]
- Open Graph チェッカー [JA]
- Vérificateur Open Graph [FR]
- Open Graph Checker [NL]
- Trình kiểm tra Open Graph [VI]
- ตัวตรวจสอบ Open Graph [TH]
- فاحص Open Graph [AR]
- Open Graph Checker [DE]
- Verificador de Open Graph [ES]
- Open Graph 체커 [KO]
- Validador de Open Graph [PT]
- Open Graph Checker [EN]
- Verifica Open Graph [IT]
- Проверка тегов Open Graph [RU]
- Open Graph Denetleyici [TR]
- Open Graph 检查器 [ZH]