Screaming Frog is wat mij betreft een onmisbare tool voor elke (technische) marketeer. Het is een Zwitsers zakmes met 1001 mogelijkheden. Af en toe kom ik op handige feature of mogelijkheid van deze ondertussen zeer uitgebreide tool.
Standaard crawlt SF (Screaming Frog) de Open Graph informatie niet. Via een custom extraction kan je die info wel uit je website of webshop halen.
Wat is Open Graph?
Volgens ChatGPT:
Open Graph (ook wel Open Graph Protocol genoemd) is een standaard die ontwikkeld werd door Facebook om webpagina’s te verrijken met gestructureerde metadata. Het doel is dat wanneer iemand een link deelt op sociale media (zoals Facebook, LinkedIn, X/Twitter of WhatsApp), die link niet gewoon als platte URL verschijnt, maar mét een titel, beschrijving, afbeelding en andere info.
👉 Concreet betekent dit dat je via Open Graph-tags in de <head> van je webpagina kunt bepalen hoe een link er zal uitzien wanneer hij gedeeld wordt.
Voorbeeld van Open Graph-tags in HTML
- <meta property=”og:title” content=”REMOTER” />
- <meta property=”og:description” content=”xxx.” />
- <meta property=”og:image” content=”https://www.jouwdomein.be/images/voorbeeld.jpg” />
- <meta property=”og:url” content=”https://www.jouwdomein.be” />
- <meta property=”og:type” content=”website” />
Belangrijke velden
- og:title → de titel die wordt getoond bij het delen
- og:description → korte beschrijving onder de titel
- og:image → de thumbnail of preview-afbeelding
- og:url → de canonieke URL van de pagina
- og:type → type content (bijvoorbeeld article, website, video, …)
Waarom belangrijk?
- Betere zichtbaarheid op social media: een aantrekkelijke link valt meer op in de feed.
- Meer controle: jij bepaalt welke afbeelding en tekst verschijnen, in plaats van dat Facebook of LinkedIn zelf iets random kiest.
- Hogere CTR (click-through rate): mooie previews zorgen vaak voor meer klikken.
Open Graph crawlen met Screaming Frog
Out of the box gaat Screaming Frog de Open Graph gegevens van je webpagina’s niet gaan crawlen.
Dankzij een custom extraction met xPath de Open Graph gegevens uit Screaming Frog halen.
- OG title
//meta[starts-with(@property, 'og:title')]/@content- OG image
//meta[starts-with(@property, 'og:image')]/@content
Hoe stel je custom extractions in?
- Kies crawl config
- Ga naar custom > custom extractions
- Geef een naam bvb OG name
- Kied xPath en plak de xPath query in die je wil gebruiken
- Laat SF je gewenste website crawlen