Het korte antwoord: om Open Graph online te controleren, plak je het paginaadres in de gratis Open Graph Debugger PromoPilot. Deze leest alle og:* en Twitter Card-tags, controleert de aanwezigheid en grootte van de afbeelding, beoordeelt de volledigheid van de markup en toont linkvoorbeelden voor Facebook, X (Twitter) en LinkedIn, plus aanbevelingen voor wat je kunt toevoegen. Registratie is niet nodig. Hieronder vind je de vereiste tags, de vereiste og:image-grootte en hoe je een vastgelopen voorbeeld kunt bijwerken.
Ik maak al 12 jaar websites en ik hoor vaker van klanten de vraag: "Waarom heeft Telegram link geen afbeelding?" dan vragen over rankings. Het is meestal een klusje van vijf minuten – als je weet waar je moet zoeken.
Wat controleert Open Graph Debugger?
Wanneer je een link in een bericht plaatst, gaat het platform naar de pagina en zoekt naar Open Graph-tags. Als er een tag wordt gevonden, wordt er een nette kaart weergegeven. Zo niet, dan wordt de gevonden tag gebruikt of wordt alleen de URL weergegeven. De tool controleert alleen wat sociale netwerken kunnen lezen.
| Wat wordt er gecontroleerd? | Waar kijkt hij naar? | Waarom heeft het bedrijfsleven dit nodig? |
|---|---|---|
| Alle tags og:* | og:titel, og:beschrijving, og:afbeelding, og:url, og:type, og:sitenaam, og:locale | Aan de hand hiervan verzamelen de websites de titel, de beschrijving en de afbeelding van de kaart. |
| Twitter-kaart | twitter:card, twitter:title, twitter:description, twitter:image | X (Twitter) leest zijn tags en als die ontbreken, gedeeltelijk og |
| OG-afbeelding | Is er een afbeelding en zo ja, welk formaat heeft die? | Door de kleine afbeelding verandert de kaart in een klein pictogram aan de zijkant. |
| Volledigheidsbeoordeling | Hoeveel aanbevolen tags zijn ingevuld? | Even snel nagaan: is alles aanwezig? |
| Netwerkvoorbeelden | visitekaartjes voor Facebook, X en LinkedIn | Je kunt zien hoe het bericht eruit zal zien voordat het gepubliceerd wordt. |
| Aanbevelingen | Wat moet ik toevoegen of corrigeren? | Een kant-en-klare takenlijst voor een ontwikkelaar of voor jou. |
Hoe kan ik Open Graph-pagina's online bekijken?
- Open de Open Graph-debugger.
- Voer de URL in van de pagina die u wilt delen: een artikel, een product of een landingspagina voor advertenties. Klik op 'Controleren'.
- Loop de lijst met tags door: welke zijn ingesteld, welke zijn leeg en of er een extern of testadres in og:url staat.
- Controleer de preview voor elk netwerk: wordt de titel afgesneden, is de afbeelding zichtbaar en staat er belangrijke tekst aan de randen?
- Voeg de ontbrekende tags toe zoals aanbevolen en controleer de pagina opnieuw.
Hulpmiddelenpagina: adresveld, knop "Controleren", lijst met controles en veelgestelde vragen.
De tool is lichtgewicht: een dagelijkse limiet is voldoende voor een gast om alle sjablonen van de site te bekijken – de homepage, categorie, product en artikel. Na gratis registratie wordt de limiet verdrievoudigd.
Wat zijn de meest voorkomende fouten in Open Graph?
Dit is wat ik op bijna elke andere site tegenkom, en in welke volgorde je het moet oplossen.
- Er is geen og:image of het is gespecificeerd als een relatieve URL. Sociale netwerken begrijpen
content="/img/cover.jpg"niet — de volledige URL, beginnend methttps://is vereist. Zonder afbeelding daalt het bereik van het bericht aanzienlijk. - De afbeelding is te klein. Het logo van 200x200 pixels maakt van de kaart een klein vierkantje aan de zijkant. Een afbeelding van 1200x630 pixels is nodig.
- Eén og:image voor de hele website. Elk artikel en elk product op sociale media moet er hetzelfde uitzien – met het logo. Voor de blog en de catalogus moet de afbeelding afkomstig zijn van de hoofdfoto van de pagina.
- og:url leidt naar een ander adres: de homepage, een testdomein of de
http://versie. Het platform kan alle links samenvoegen tot één pagina. - Er bestaat geen twitter:card. Zonder deze functie toont X vaak een kleine kaart. Voor een grotere afbeelding heb je
summary_large_imagenodig. - og:title dupliceert de titel met "kopen" en het merk. In een socialmediafeed lijkt dit op een advertentie; een pakkende kop, zoals voor een bericht, is beter.
De minimaal correcte set ziet er als volgt uit:
<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">Hoe bereid ik een afbeelding voor op og:image?
De afbeelding is het meest opvallende onderdeel van de kaart, en daar wordt vaak op bezuinigd. Hier zijn een paar regels die ik hanteer:
- De afmetingen zijn 1200×630 en de oriëntatie is horizontaal. Het sociale netwerk snijdt de boven- en onderkant van een vierkante productfoto bij, waardoor het kan voorkomen dat een deel van de kop of de zool van het product ontbreekt.
- Het belangrijkste is dat het in het midden staat. Verschillende platforms snijden de randen anders af, en in de mobiele feed is de kaart zelfs nog kleiner. Houd de tekst groot en uit de buurt van de randen.
- Minimale tekst. De titel staat al onder de afbeelding; 3-6 woorden of geen onderschrift op de afbeelding zelf is voldoende.
- Een lichtgewicht bestand. Een JPG- of PNG-bestand van een redelijke grootte laadt snel en het platform zal geen time-out veroorzaken.
- Een aparte afbeelding voor elke belangrijke pagina. Voor artikelen en producten is het handig om er automatisch een te genereren: een artikelomslag of de belangrijkste productfoto.
Een goede test is om de preview in de debugger op je telefoon te openen. Als de link niet duidelijk is zonder in te zoomen, moet de afbeelding worden aangepast.
Hoe kan ik een oude preview bijwerken na een bugfix?
Een veelvoorkomend scenario: je hebt de tags aangepast, maar het sociale netwerk blijft hardnekkig de oude afbeelding weergeven. De reden is de cache: het platform heeft de preview van de eerste keer delen onthouden. Op Facebook helpt het om de gegevens opnieuw te verzamelen met de Sharing Debugger, op LinkedIn met Post Inspector en op Telegram met de @WebpageBot-bot, waarnaar je de link stuurt. Als al het andere niet werkt, voeg dan een onschadelijke parameter toe aan het adres, zoals ?v=2: voor het platform is dit een nieuwe link.
Vergelijking: Open Graph Debugger en alternatieven
| Hulpmiddel | Wat is gratis? | Beperkingen | Voor wie is het geschikt? |
|---|---|---|---|
| PromoPilot - Open Graph Debugger | Alle og- en Twitter-tags, og:afbeeldingsgrootte, voorbeelden voor Facebook, X en LinkedIn, aanbevelingen | De cache van sociale media wordt niet gewist. | Controleer je pagina direct voordat je deze op sociale media publiceert. |
| Debugger delen (Meta) | Facebook -preview en het opnieuw verzamelen van gegevens | Alleen via Facebook, inloggen met een account is vereist. | Oude preview op Facebook opnieuw instellen |
| LinkedIn-berichtinspecteur | LinkedIn-voorbeeldweergave en cache vernieuwen | Alleen voor LinkedIn, inloggen vereist | Voor degenen die adverteren op LinkedIn |
| @WebpageBot op Telegram | De linkpreview in Telegram bijwerken. | Alleen Telegram analyseert geen tags. | Voor eigenaren Telegram -kanalen |
Conclusie: officiële platformdebuggers zijn nodig om de cache te wissen, maar elk platform toont alleen zijn eigen netwerk. Om alle previews en een lijst met ontbrekende tags in één oogopslag te zien, is een universele debugger handiger.
Overigens heeft PromoPilot 87 gratis SEO-tools. Als je nog geen tags hebt geschreven, hebben we een artikel in onze serie over een meta-taggenerator die een Open Graph-blok met een voorbeeldweergave aanmaakt.
Wat is het verschil tussen de Open Graph Debugger en metatagsanalyse?
Metatags analyseren bekijkt een pagina vanuit het perspectief van een zoekmachine: titel, beschrijving, canonical tags, hreflang en Open Graph zijn slechts enkele voorbeelden. De debugger richt zich op sociale media: hij maakt kaarten aan voor verschillende platforms, controleert de afmetingen van afbeeldingen en doet aanbevelingen specifiek op basis van voorbeelden. Als links naar uw site actief worden gedeeld op sociale media en berichtenapps, is de debugger het meest nuttig.
Beide methoden hebben één beperking: ze lezen de HTML die door de server wordt teruggestuurd. Als tags worden ingevoegd door een browserscript, zullen veel sociale netwerken ze niet zien – dit moet aan de kant van de website worden opgelost. Nog een detail: de debugger controleert de tags, maar niet het delen zelf. Als de pagina met een wachtwoord is beveiligd, geografisch geblokkeerd is of beschermd is tegen bots, kan het sociale netwerk er mogelijk geen toegang toe krijgen, zelfs als alle tags aanwezig zijn.
Wanneer is een gratis tool niet genoeg?
Een debugger zal aantonen dat de pagina geen og:image heeft. Maar als er duizenden pagina's zijn, is het handmatig invoegen van afbeeldingen niet mogelijk. Een specialist is nodig wanneer:
- Elk product of artikel moet een eigen voorbeeldafbeelding hebben, die automatisch wordt verzameld;
- De site retourneert tags met behulp van een script, en sociale netwerken zien deze niet;
- Je verstuurt advertenties en mailings waarbij elke preview de kosten per klik beïnvloedt;
- We hebben een combinatie nodig van "website + Telegram kanaal + automatisch publiceren" met de juiste kaarten.
Wat kan ik voor uw website doen?
Ik ben Valeriy Danyuk, een ontwikkelaar en SEO-specialist met 12 jaar ervaring en meer dan 200 klanten. Een mooie linkpreview is gratis bereik, en ik pas deze aan voor elk project.
SEO en promotie
- Kant-en-klare SEO-audit voor uw website: ik controleer alle template-tags, stel automatische voorbeeldafbeeldingen in en corrigeer de code.
Websites en webwinkels
- Je winkel van Instagram naar je website overzetten — producten met duidelijke voorbeelden voor eenvoudig delen.
- Een landingspagina voor een nieuw product, in één avond gemaakt – een casestudy van NordHarvest met een kant-en-klaar visitekaartje voor sociale media.
- Een website van een kliniek voor plastische chirurgie met AI en applicaties via Telegram.
- Website op 1001site: previews voor sociale netwerken en automatisch publiceren in Telegram worden automatisch geconfigureerd.
Bots en automatisering
- Telegram met AI voor een online sauzenwinkel.
- QuestFlow is een SaaS-tool Telegram bots met AI.
- E-commerce medewerkers in plaats van chatbots.
Stuur me een link die er niet goed uitziet in een Telegram messenger, dan vertel ik je welke tag ontbreekt.
Resultaat
- Een online Open Graph-checker laat zien hoe een link eruitziet op Facebook, X en LinkedIn, en welke tags ontbreken.
- Het minimaal vereiste is og:title, og:type, og:image (1200×630, volledig adres) en og:url, plus twitter:card.
- Nadat de problemen zijn opgelost, reset je de cache van de volgende sites: Sharing Debugger, Post Inspector en @WebpageBot.
- Voor de catalogus en de blog moeten voorbeeldafbeeldingen automatisch worden verzameld, net als op 1001site.
Controleer de pagina die je wilt delen in de gratis Open Graph Debugger voordat je volgers het bericht zien.
Bronnen
- De pagina van PromoPilot's Open Graph Debugger-tool — lijst met controles en veelgestelde vragen.
- Open Graph Protocol (ogp.me) - verplichte en optionele eigenschappen.
- Meta's Sharing Debugger en LinkedIn Post Inspector zijn de officiële tools van de platformen.
