Een Open-Graph-checker helpt verklaren waarom een gedeelde pagina een verkeerde titel, ontbrekende metadata of een onverwachte afbeeldingsverklaring heeft. Screpy leest de HTML van één openbare pagina en toont de Open-Graph-tags, conflicten en afbeeldingsgroepen. Gebruik die gegevens om de gepubliceerde bron te herstellen en controleer daarna het afbeeldingsbestand en het echte deelplatform afzonderlijk. De preview illustreert opgegeven waarden; hij bootst de kaart van een sociaal netwerk niet na.
Zo gebruik je de Open-Graph-checker
Voer de volledige openbare URL van de te delen pagina in, inclusief het pad, en verstuur deze. Een homepage controleren onderzoekt niet de artikelen of productpagina’s. Lees eerst de Uiteindelijke URL: bij een redirect beschrijft het rapport die bestemming. Gebruik de Redirectchecker als die bestemming onverwacht is.
Bekijk de eigenschappentabel in de volgorde van de bron. Elke rij toont de verklaring, de waarde en, indien beschikbaar, de bronregel. Open afbeeldingsgroepen om de bijbehorende velden te bekijken en lees daarna de bevindingen en voorgestelde correcties.
Rood markeert ontbrekende vereiste waarden of afgewezen URL-waarden. Geel duidt op conflicten of gedeeltelijke dekking. Groen betekent dat de ondersteunde controles geen probleem vonden in een volledig bewaard rapport. Het bevestigt niet dat een afbeelding laadt, dat de tekst bij de pagina past of dat een platform de gewenste kaart toont.
Controleer de vier vereiste Open-Graph-eigenschappen
Het Open Graph-protocol definieert vier vereiste basiseigenschappen. Beoordeel hun betekenis en hun aanwezigheid:
| Eigenschap | Wat je op deze pagina controleert |
|---|---|
og:title |
Een duidelijke deeltitel voor deze specifieke pagina, zonder oude campagnetekst. |
og:type |
Het bedoelde soort object, bijvoorbeeld website of article. |
og:image |
Het adres van de afbeelding die je aan de pagina wilt koppelen. |
og:url |
Het stabiele adres dat dit gedeelde object moet identificeren. |
Screpy’s aanwezigheidscontrole vereist voor elke exacte eigenschapsnaam minstens één bewaarde verklaring met een niet-lege waarde. Een ingevuld og:type slaagt daarvoor, zelfs als de waarde ongeschikt is; deze tool valideert de toegestane typen of alle typespecifieke vereisten niet.
Voeg een nuttige og:description toe die de pagina uitlegt zonder de titel te herhalen. Het ontbreken daarvan activeert de controle op de vier vereiste eigenschappen niet. Een HTML-<title> of gewone metabeschrijving is een afzonderlijke verklaring: neem niet aan dat die een leeg Open-Graph-veld in dit rapport invult.
Herstel ontbrekende en tegenstrijdige tags
Een bevinding over een ontbrekende eigenschap betekent dat de vereiste naam niet voorkomt in de bewaarde rijen of dat alle bijbehorende waarden leeg zijn. Controleer de spelling en inhoud voordat je nog een tag toevoegt. De checker herkent namen in kleine letters zoals og:title; anders geschreven namen kunnen buiten die controle vallen.
Een conflict betekent dat verschillende onbewerkte waarden voorkomen voor og:title, og:type, og:url of og:description. Zelfs een verschil in spaties telt mee. Identieke herhalingen veroorzaken deze waarschuwing niet, maar onnodig herhaalde uitvoer verdient wel een opruimbeurt.
Een fictieve pagina zou bijvoorbeeld een leeg og:title kunnen publiceren, gevolgd door een og:title met “Atlas-wandelroutes”. De latere waarde voldoet aan de aanwezigheidscontrole, maar de illustratieve preview gebruikt de eerste en blijft leeg. De verschillende waarden veroorzaken ook een conflict. Een melding over ontbreken en een lege preview beantwoorden dus verschillende vragen.
Zoek welk CMS-veld, thema of sjabloon elke rij produceert. Herstel die uitvoer zodat de bedoelde waarde eenmaal verschijnt voor deze velden met één waarde. Een derde verklaring toevoegen verbergt de oorspronkelijke twee niet. Bewaar opzettelijk herhaalde afbeeldingsverklaringen voor de afzonderlijke groepscontrole hieronder.
Koppel eigenschappen aan de juiste afbeelding
Meerdere og:image-verklaringen kunnen bewust zijn toegevoegd. Zet de gestructureerde eigenschappen van elke afbeelding direct na de bijbehorende hoofdverklaring en vóór de volgende afbeelding. Dit fictieve head-fragment laat de koppeling zien; het is geen volledige metadataset:
<meta property="og:image" content="https://example.com/media/route-map.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="og:image:alt" content="Kaart van de Atlas-wandelroute">
<meta property="og:image" content="https://example.com/media/trail.jpg">
<meta property="og:image:alt" content="Voetpad langs een beboste helling">
De eerste groep beschrijft een kaart met afmetingen en alternatieve tekst. De tweede heeft een eigen beschrijving en geen opgegeven afmetingen. Als je het tweede alt-veld boven zijn hoofdverklaring verplaatst, wordt het aan de kaart gekoppeld. Deze waarden beschrijven de bron; Screpy downloadt de bestanden niet en meet niet of de kaart werkelijk die afmetingen heeft.
Velden die vóór elke afbeeldingshoofdverklaring staan, kunnen in de ruwe tabel verschijnen zonder koppeling aan een groep. Gebruik de bronvolgorde om ze te herstellen. Controleer bij gedeeltelijke dekking de volledige head voordat je op de bewaarde groepering vertrouwt.
Het protocol behandelt og:image:url als alias van og:image. Screpy herkent die alias voor groepering en previewselectie, maar de huidige controle op vereiste eigenschappen verwacht nog steeds een expliciet, niet-leeg og:image. Een pagina met alleen de alias kan dus tegelijk een afbeeldings-URL en een bevinding over een ontbrekende eigenschap tonen. Dat is een beperking van de checker, geen bewijs dat de alias verboden is.
Houd URL-, afbeeldings- en platformcontroles uit elkaar
De URL-controle omvat og:url, og:image, og:image:url en og:image:secure_url. Ze probeert hun waarden als HTTP- of HTTPS-adressen te bepalen ten opzichte van de uiteindelijke pagina-URL. Een HTML-<base>-adres wordt niet toegepast en niet elke audio- of video-URL wordt gevalideerd.
Een relatieve waarde kan slagen terwijl ze naar het verkeerde bestand verwijst. Als de uiteindelijke pagina https://example.com/guides/route/ is, wordt images/map.jpg onder /guides/route/ bepaald, niet in de map /images/ van de site. Gebruik waar mogelijk het volledige bedoelde HTTPS-adres om de bestemming ondubbelzinnig te maken. Geldige URL-syntaxis bewijst nog steeds niet dat het bestand bestaat.
Open de bedoelde afbeelding afzonderlijk en controleer of bezoekers zonder aanmelden toegang hebben. Bekijk de echte afmetingen, bestandsgrootte en inhoud; og:image:width wijzigen schaalt de afbeelding niet. De vereisten van LinkedIn voor de deelmodule noemen bijvoorbeeld minimaal 1200 × 627 pixels, maximaal 5 MB en een aanbevolen verhouding van 1,91:1. Dit zijn LinkedIn-vereisten, geen universele Open-Graph-limieten of metingen die hier worden uitgevoerd. Een beveiligde afbeelding kan ontoegankelijk blijven, ook als de afmetingen passen.
Onderscheid ook og:url van <link rel="canonical">. De eerste identificeert het gedeelde object; de tweede geeft een canonical-voorkeur voor zoekmachines aan. Controleer die met de Canonical-tagchecker. Zoals Google’s canonical-richtlijnen uitleggen, garanderen deze signalen niet welke URL Google kiest.
Controleer de gepubliceerde wijziging en rapportdekking
Werk het verantwoordelijke CMS-veld of sjabloon bij, publiceer de wijziging en verstuur dezelfde pagina opnieuw. Vergelijk de uiteindelijke URL, eigenschapsvolgorde en bevindingen met het eerdere rapport. Tags die pas na uitvoering van JavaScript worden ingevoegd vallen buiten deze controle: bekijk de geleverde HTML, niet alleen het door de browser gewijzigde document.
Lees de dekking voordat je een ontbrekende rij als een afwezige tag beschouwt. Screpy bewaart maximaal 200 Open-Graph-verklaringen en 20 afbeeldingsgroepen. Een gedeeltelijk rapport kan latere verklaringen weglaten en bewijst niet elke afbeeldingskoppeling. Controleer de volledige bron voordat je op basis van alleen die gegevens tags toevoegt of verwijdert. Waarden worden ook beperkt tot 4096 UTF-16-eenheden; die inkorting alleen activeert het label voor gedeeltelijke dekking niet. Bekijk uitzonderlijk lange waarden daarom in de bron.
Exporteer het JSON-rapport om de waargenomen verklaringen en bevindingen te bewaren. Als de controle niet kan worden afgerond, is het resultaat niet beschikbaar; dat betekent niet dat de pagina is geslaagd. Controleer na bronherstel en inspectie van de echte afbeelding een echte share op het bedoelde platform. Gebruik de Meta-taganalysator om ook de gewone titel, beschrijving en andere head-verklaringen te onderzoeken.