Open Graph Preview Studio

Open het hulpmiddel Grafiekvoorbeeld

Werkruimte laden...

Hoe u een voorbeeld van OG-tags kunt bekijken vanaf elke URL

Plak een absolute https-URL, voer Fetch-metagegevens uit en bekijk vervolgens de samengevoegde titel, beschrijving, afbeelding en bestemmings-URL. Breid de diagnostische gegevens uit om de statuscodes, de uiteindelijke URL na omleidingen en het inhoudstype te bevestigen.

Hoe Open Graph, Twitter Card en fallback-metatags worden gekozen

Voor previews in Facebook- en LinkedIn-stijl geven we de voorkeur aan Open Graph-tags en vallen dan terug op de title-tag, metabeschrijving, canonieke URL en de eerste geschikte lichaamsafbeelding als og:image ontbreekt. Voor de preview in X/Twitter-stijl geven we de voorkeur aan twitter:title, twitter:description en twitter:image indien aanwezig, anders vallen we terug op Open Graph en dan dezelfde generieke fallbacks.

Veelvoorkomende metadataproblemen en hoe u deze kunt oplossen

Het ontbrekende og:image is het meest voorkomende probleem met de kwaliteit van het delen. Voeg een vierkante of liggende afbeeldings-URL toe. Dubbele of conflicterende tags, relatieve afbeeldings-URL's zonder correcte basis en lange titels die worden afgekapt komen ook vaak voor. Gebruik de editor om oplossingen te testen voordat u deze publiceert.

HTML-metatags of JSON exporteren

Na een succesvolle ophaalactie (of nadat u de verplichte velden handmatig hebt ingevuld), gebruikt u HTML kopiëren of JSON kopiëren, of downloadt u de .html- en .json-bestanden. Waarden worden geëscaped in het HTML-fragment en de JSON bevat de bronstatus voor elk ondersteund veld.

Haal metagegevens van Open Graph en Twitter Card op van een openbare URL, bekijk een voorbeeld van kaarten in Facebook-, X/Twitter- en LinkedIn-stijl, overschrijf velden lokaal en exporteer HTML-metatags of JSON.

Veelgestelde vragen

Waarom verschillen de voorbeelden op Facebook, X en LinkedIn?

Elk platform leest tags in een iets andere volgorde, past zijn eigen bijsnijdregels toe en kan oudere versies van uw pagina in de cache opslaan. Deze studio toont consistente, lokale sjablonen van uw samengevoegde metadata, zodat u de structuur en kopie kunt valideren, geen pixel-perfecte netwerkweergaven.

Verandert deze tool mijn live website?

Nee. Opgehaalde HTML wordt alleen voor het huidige verzoek geparseerd. Bewerkingen en exports blijven in uw browser (met optionele URL-queryparameters voor deelbare overschrijvingen). Er wordt niets teruggeschreven naar uw site.

Wat moet ik doen als mijn pagina automatisch ophalen blokkeert?

Sommige sites retourneren 403/401 naar niet-browserclients. Deze MVP ondersteunt alleen publiekelijk ophaalbare HTML zonder authenticatie. Probeer een staging-URL of versoepel de botregels tijdelijk als u de server beheert.