Open Graph Meta Checker
Controleer Open Graph- en Twitter Card-meta-tags voor elke HTML-pagina. Extraheer og:title/og:description/og:image plus Twitter-tags, markeer ontbrekende of ongeldige waarden en genereer deelbare JSON/PDF-rapporten. Ontworpen voor SEO- en sociale voorbeelddebugging met ondersteuning voor doorverwijzingen en ruime-tekstuitvoer.
Functies
- Extraheer Open Graph-meta: og:title, og:description, og:image en gerelateerde OG-eigenschappen indien aanwezig.
- Extraheer Twitter Card-tags (twitter:card, twitter:title, twitter:description, twitter:image) indien aanwezig.
- Volg doorverwijzingen om de uiteindelijke canonieke bestemming te inspecteren (gebruikelijk voor HTTP→HTTPS, www, lokale routes).
- Alleen-HTML-validatiemodus om te focussen op meta-tags (geen niet-HTML-bronnen).
- Bevindingen + scorekaart en "alleen problemen" filter voor snelle opschoning.
- Ruime-tekstuitvoer die gemakkelijk te kopiëren, vergelijken en delen is.
- Kopieer resultaten voor tickets en documentatie.
- Exporteer JSON voor automatisering en auditing.
- Exporteer PDF-rapporten voor klantleveringen en SEO-audits.
🧭 Hoe te gebruiken for open-graph-meta-checker
Plak de pagina-URL
Voer de URL in van de pagina die je wilt voorvertonen (bijv. een landingspagina, blogpost, productpagina). Deze tool is bedoeld voor HTML-pagina's, niet voor afbeeldingen of API's.
Volg doorverwijzingen als je site doorverwijst
Houd "Volg Doorverwijzingen" ingeschakeld zodat de tool de uiteindelijke bestemming controleert die sociale crawlers waarschijnlijk bereiken.
Controleer OG- en Twitter-waarden
Controleer titel-, beschrijvings- en afbeeldingsvelden. Zoek naar lege waarden, plaatshouders, duplicaten of verschillen tussen OG- en Twitter-tags.
Los veelvoorkomende voorbeeldproblemen op
Zorg ervoor dat og:image een absolute URL is, openbaar toegankelijk is en naar de juiste asset verwijst. Bevestig dat titels/beschrijvingen beknopt en uniek per pagina zijn.
Exporteer en deel een rapport
Download JSON voor automatisering of PDF voor SEO/klantrapportage. Gebruik de ruime-tekstweergave om snel waarden in tickets te plakken.
Technische specificaties
Aanvraag- en parsingsmodel
Deze tool haalt de doelpagina (HTML) op en extraheert Open Graph- en Twitter Card-meta-tags uit de meta-elementen van het document. Het ondersteunt het volgen van doorverwijzingen om de effectieve bestemming te inspecteren.
| Instelling | Gedrag | Standaard |
|---|---|---|
| Alleen HTML | Richt zich op HTML-pagina's en meta-extractie | Ingeschakeld (door toolmogelijkheid) |
| Volg omleidingen | Volgt omleidingen om de uiteindelijke URL te inspecteren | Ingeschakeld |
| Max. omleidingen | Omleidingslimiet om loops te voorkomen | 10 |
| Time-out | Request time-outlimiet | 15000 ms |
| User-Agent | Identificeert de user agent van de request | Encode64Bot/1.0 (+https://encode64.com) |
| Privénetwerken | Blokkeert toegang tot privénetwerkbereiken voor veiligheid | Uitgeschakeld (privénetwerken niet toegestaan) |
Aanbevolen meta-set (basislijn)
Een solide basislijn bevat zowel Open Graph- als Twitter Card-velden, zodat voorvertoningen consistent worden weergegeven op alle platforms.
| Platform | Minimale tags | Opmerkingen |
|---|---|---|
| Open Graph | og:title, og:description, og:image | Voeg og:url en og:type toe waar van toepassing |
| Twitter Card | twitter:card, twitter:title, twitter:description, twitter:image | twitter:card is meestal summary of summary_large_image |
og:image valkuilen om op te letten
De meest voorkomende voorvertoningsfouten komen van de afbeeldings-URL: deze moet bereikbaar, absoluut en compatibel zijn met de ophaalregels van crawlers.
| Probleem | Symptoom | Oplossing |
|---|---|---|
| Relatieve afbeeldings-URL | Voorvertoning toont geen afbeelding | Gebruik een absolute URL voor og:image en twitter:image |
| Geblokkeerd door auth / robots / firewall | Voorbeeld ontbreekt of inconsistent | Zorg voor openbare toegang voor crawlers; sta sociale user agents toe als je filtert |
| Doorverwijzende afbeeldings-URL | Sommige platforms kunnen het niet ophalen | Verkies een directe, stabiele afbeeldings-URL (geen doorverwijzingen) |
| Verkeerd contenttype | Afbeelding niet herkend | Lever het juiste Content-Type (bijv. image/png, image/jpeg) |
Opdrachtregel
Je kunt OG/Twitter-tags valideren vanuit de terminal door de HTML op te halen en meta-tags te filteren. Handig voor CI-controles en het debuggen van SSR-problemen.
macOS / Linux
Haal HTML op en toon OG/Twitter meta-tags
curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"Toont meta-tags die sociale voorbeelden beïnvloeden. Gebruik -L om doorverwijzingen te volgen.
Controleer de uiteindelijke URL na doorverwijzingen
curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'Toont de statusregels van de doorverwijzingsketen en Location-headers.
Windows (PowerShell)
Download HTML en zoek naar OG/Twitter-tags
$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"Snelle manier om te bevestigen dat tags bestaan in de geleverde HTML.
Gebruiksscenario's
Repareer kapotte sociale voorbeelden
Wanneer een link wordt gedeeld met de verkeerde titel, geen afbeelding of verouderde tekst, helpt deze tool je snel de ontbrekende of incorrecte meta-velden te vinden.
- Valideer og:title en twitter:title
- Bevestig dat og:image bereikbaar en absoluut is
- Detecteer lege beschrijvingen of tijdelijke aanduidingen
QA voor dynamische pagina's en SSR
Zorg ervoor dat je framework OG/Twitter-tags in de HTML-respons voor elke route uitvoert (vooral met Next.js, Nuxt, SvelteKit, enz.).
- Bevestig dat per-pagina meta aanwezig is in HTML
- Vang client-only meta-generatie op
- Valideer doorverwijzingen naar canonieke locales
SEO en contentpublicatie-workflows
Standaardiseer voorbeelden op een site: consistente titels/beschrijvingen, correct OG-type en stabiele afbeeldingen verbeteren de CTR wanneer links worden gedeeld.
- Controleer templates op ontbrekende OG-velden
- PDF/JSON exporteren voor redactionele checklists
- Gedupliceerde meta-informatie over meerdere pagina's detecteren
Rapportage en audits voor klanten
Genereer een overzichtelijk, exporteerbaar rapport om de status van sociale voorvertoningen en aanbevolen correcties te documenteren.
- PDF-rapport voor belanghebbenden
- JSON-rapport voor het volgen van wijzigingen in de tijd
❓ Frequently Asked Questions
❓Wat is het verschil tussen Open Graph en Twitter Cards?
❓Waarom toont mijn voorvertoning een oude afbeelding of titel?
❓Waarom wordt mijn og:image niet getoond?
❓Heb ik zowel og:title als twitter:title nodig?
❓Kan ik een pagina achter een login testen?
❓Is het veilig om hier URL's te plakken?
Pro Tips
Gebruik absolute URL's voor og:image en twitter:image en houd ze stabiel (vermijd redirects) om crawlerfouten te verminderen.
Genereer OG-afbeeldingen deterministisch (sjabloon + parameters) zodat je de huisstijl kunt bijwerken terwijl de URL's per pagina stabiel blijven.
Voor Next.js/SSR-apps: verifieer tags in het initiële HTML-antwoord (Bron bekijken), niet alleen in de DOM na hydratatie.
Houd titels beknopt en uniek per pagina; te lange titels kunnen worden afgekapt in voorvertoningen en de CTR verlagen.
Exporteer JSON-rapporten en voeg ze toe aan je release-checklist om regressies in meta-sjablonen op te sporen.
Additional Resources
Other Tools
- CSS Opmaker
- HTML Opmaker
- Javascript Opmaker
- PHP Opmaker
- Kleurkiezer
- Sprite Extractor
- Base32 Binaire Encoder
- Base32 Decoder
- Base32 Encoder
- Base58 Binaire Encoder
- Base58 Decoder
- Base58 Encoder
- Base62 Binaire Encoder
- Base62 Decoder
- Base62 Encoder
- Base64 Binaire Encoder
- Base64 Decoder
- Base64 Encoder
- Hex Binaire Encoder
- Hex Decoder
- Hex Encoder
- Csharp Formatter
- Csv Formatter
- Dockerfile Formatter
- Elm Formatter
- ENV Formatter
- Go Formatter
- Graphql Formatter
- Hcl Formatter
- INI Formatter
- JSON Formatter
- Latex Formatter
- Markdown Formatter
- Objectivec Formatter
- Php Formatter
- Proto Formatter
- Python Formatter
- Ruby Formatter
- Rust Formatter
- Scala Formatter
- Shell Script Formatter
- SQL Formatter
- SVG Formatter
- Swift Formatter
- TOML Formatter
- Typescript Formatter
- XML Formatter
- YAML Formatter
- Yarn Formatter
- CSS Verkleiner
- Html Minifier
- Javascript Minifier
- JSON Verkleiner
- XML Verkleiner
- Cache Headers Analyzer
- Cors Checker
- Csp Analyzer
- Dns Records Lookup
- Http Headers Viewer
- Http Status Checker
- Redirect Chain Viewer
- Robots Txt Tester
- Security Headers Checker
- Security Txt Checker
- Sitemap Url Inspector
- Tls Certificate Checker
- PDF Naar Tekst
- Regex Tester
- Serp Rang Checker
- Whois Opzoeken