Over deze tool
Open Graph (OG)-tags bepalen hoe een pagina wordt weergegeven wanneer deze wordt gedeeld op sociale platforms. Facebook, LinkedIn, Slack, Discord en vele anderen lezen OG-tags om voorbeeldkaarten te maken. Zonder de juiste OG-tags zien gedeelde links er kapot uit: generieke favicons, ontbrekende afbeeldingen, ingekorte titels. Met hen zien aandelen er gepolijst uit en verbeteren de klikfrequenties aanzienlijk.
De standaard OG-tags: og:title (de titel weergegeven in het voorbeeld), og:description (het tekstfragment), og:image (de voorbeeldafbeelding, idealiter 1200×630), og:url (canonieke URL), og:type (meestal 'website' of 'artikel'). Twitter Card-tagslaag bovenaan: twitter:card, twitter:title, twitter:description, twitter:image. De meeste tools vallen terug op OG als Twitter-specifieke tags ontbreken.
Deze generator produceert op basis van uw input een complete set OG- en Twitter Card-tags. Plak de resulterende HTML in de <head> van de pagina. Het resultaat is een correcte voorbeeldweergave op alle grote sociale platforms.
Waarom een OG-taggenerator gebruiken?
Pagina's zonder OG-tags zien er slecht uit als ze worden gedeeld. Lege afbeelding, algemene titel, ontbrekende beschrijving: het voorbeeld concurreert slecht met correct getagde pagina's in feeds. Voor contentmarketing en het delen van links heeft dit een directe invloed op de klikfrequentie.
Het met de hand schrijven van OG-tags is repetitief. Elke pagina heeft zijn eigen set nodig. Een generator die op basis van een paar invoer de juiste tags produceert, vermijdt typefouten en gemiste eigenschappen die sociale previews verbreken.
Technische details
OG-tags gebruiken het meta-eigenschapskenmerk (niet naam): <meta property="og:title" content="..." />. Het eigenschapsattribuut is vereist voor OG; sommige parsers accepteren naam als fallback, maar de eigenschap is correct.
Beeldvereisten: 1200×630 pixels voor retina-weergave, beeldverhouding 1,91:1. og:image:width en og:image:height tags helpen platforms afbeeldingen correct in de cache op te slaan. og:image:alt biedt toegankelijkheidstekst.
Twitter Card-tags gebruiken het naamkenmerk: <meta name="twitter:title" content="..." />. Twitter valt terug op OG-tags als Twitter-specifiek ontbreekt, dus een goed ingestelde OG is vaak voldoende. Als u twitter:card toevoegt, wordt expliciet het kaarttype gekozen (summary_large_image komt het meest voor).
Veelgestelde vragen
- Kan ik de gegenereerde uitvoer aanpassen?
- Ja. De tool biedt verschillende aanpassingsmogelijkheden om de uitvoer aan uw specifieke behoeften aan te passen. Pas de instellingen aan voordat u genereert, of genereer opnieuw met verschillende opties.
- Is de gegenereerde inhoud gratis te gebruiken?
- Ja. Alles wat u met deze tool genereert, mag u gebruiken voor persoonlijke, educatieve of commerciële doeleinden, zonder enige beperkingen of vereisten voor toeschrijving.
- Is hier een account voor nodig?
- Nee. De tool is direct klaar voor gebruik, zonder aanmelding, zonder e-mail en zonder registratie. Open gewoon de pagina en begin met genereren.
- Worden mijn invoergegevens privé gehouden?
- Ja. Alle verwerking gebeurt in uw browser. Uw invoergegevens en gegenereerde uitvoer worden nooit naar een externe server verzonden.
- Kan ik voor elke pagina dezelfde OG-afbeelding gebruiken?
- Mogelijk maar suboptimaal. Paginaspecifieke afbeeldingen presteren beter dan generieke afbeeldingen voor de hele site wat betreft doorklik. Gebruik een standaard voor fallback, maar maak afbeeldingen per pagina voor belangrijke inhoud.
- Is declaratie van afbeeldingsdimensies nodig?
- Handig maar niet strikt noodzakelijk. Met og:image:width en og:image:height kunnen platforms afbeeldingen in de cache opslaan zonder ze opnieuw op te halen om de afmetingen te bepalen. Versnelt volgende aandelen.
- Worden mijn gegevens geüpload?
- Nee. Het genereren gebeurt in uw browser.
- Hoe test ik OG-tags?
- Facebook Sharing Debugger, Twitter Card Validator en LinkedIn Post Inspector worden elk opgehaald en gevalideerd. Gebruik ze nadat u nieuwe OG-tags heeft geïmplementeerd.