Open Graph Generator

Over dit hulpmiddel

Je hebt ze vast wel eens gezien: die kleine voorbeeldkaarten die verschijnen wanneer je een link plakt in Slack, Twitter of Facebook. Je weet wel – de titel, een stukje tekst en misschien een afbeelding? Dat is een Open Graph-tag die zijn werk doet. En als je ooit handmatig probeerde deze tags in te stellen, weet je dat het best vervelend kan zijn. Daar komt deze Open Graph-generator om de hoek kijken. Het is niet opzichtig. Het probeert je niet te imponeren. Het helpt je gewoon bij het maken van de meta-tags die je nodig hebt, zodat je links er echt goed uitzien wanneer je ze deelt.

Ik heb dit gemaakt omdat ik het zat was om elke keer documentatie te moeten doorzoeken wanneer ik een blogbericht of projectlink wilde delen. Ik vergeet vaak de exacte syntaxis, maak fouten met de afbeeldingsafmetingen of vergeet per ongeluk een verplichte eigenschap. Dit hulpmiddel zorgt ervoor dat je daar geen last van hebt. Je vult een paar velden in, klik op genereren en boem – je hebt schone, kant-en-klare code. Kopieer het, plak het in de HTML-head van je site en je bent klaar.

Belangrijkste functies

• Genereert alle essentiële Open Graph meta-tags in één keer
• Laat je zien hoe je link eruit zal zien op grote platforms
• Ondersteunt aangepaste afbeeldingen, titels, beschrijvingen en URL's
• Levert schone HTML-code die je direct op je site kunt gebruiken
• Geen registratie, geen tracking, geen gedoe – alleen een eenvoudig formulier en resultaten
• Werkt offline zodra geladen, dus je kunt het zelfs gebruiken zonder internet

Veelgestelde vragen

Moet ik HTML kennen om dit te gebruiken?
Nee. Je hoeft geen ontwikkelaar te zijn. Vul gewoon de velden in – titel, beschrijving, afbeeldings-URL, enzovoort – en het hulpmiddel genereert de code. Als je kunt kopiëren en plakken, ben je goed.

Waarom verschijnt mijn afbeelding niet wanneer ik de link deel?
Meestal komt dat doordat de afbeeldings-URL defect is, te klein is of geblokkeerd wordt door de server. Zorg ervoor dat je afbeelding minstens 1200x630 pixels groot is en openbaar toegankelijk is. Sommige platforms cachen ook oude metadata, dus je moet misschien een hulpmiddel zoals Facebook's Sharing Debugger gebruiken om het te verversen.