Softonic

Open Graph-kontroll

Steg 1 / 3
Nästa

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. 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. 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. 3

    Klistra in den i kontrollen

    Varje `<meta>`-tagg tolkas medan du skriver. Ingen URL hämtas: bara koden du klistrar in granskas.

  4. 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. 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:title utan något efter sig är lätt att upptäcka.
  • Relativ bildsökväg. og:image måste vara en absolut URL; en sökväg som /img/card.jpg förstör skrapningen.
  • og:url stämmer inte. När og:url skiljer 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

Metabeskrivning – längdkontroll

Mät en metabeskrivning i tecken och uppskattade pixlar, jämför redaktionella riktvärden och granska layoutexempel för dator och mobil.

Kontroll av HTTP-säkerhetsrubriker

Klistra in HTTP-svarsrubriker och granska HSTS, CSP, ramskydd, MIME-, referrer- och cross-origin-policyer lokalt i webbläsaren.

Extraherare för externa länkar

Klistra in rå HTML, ange valfritt en bas-URL och få en ren lista utan dubbletter över alla externa http/https-länkar i koden för länkgranskningar och SEO-granskningar.

FAQ-schemagenerator

Generera FAQPage-markup i JSON-LD från dina fråge- och svarspar så att sidan kan kvalificera sig för Googles rika resultat och svarsrutor.

Google SERP-simulator

Förhandsgranska en ungefärlig Google-liknande sökträff med teckengränser för mobil och dator. Utkastet stannar i den här webbläsarsessionen.

XML-sitemapvaliderare

Kontrollera sitemap-XML i webbläsaren efter tolkningsfel, saknade platser, dubbla webbadresser och vanliga fältvärden.

Verktyget finns på andra språk