Gratis Open Graph Afbeelding Generator (OG Image) en Preview | We.Inc
Maak een 1200 x 630 Open Graph-afbeelding in uw browser: titel, ondertitel, merkkleuren en uw logo, download dan een PNG. Bekijk Facebook-, LinkedIn- en X-deelkaarten en kopieer de meta tags. Gratis.
Open Graph Afbeelding Generator en Preview
Ontwerp de afbeelding die verschijnt wanneer iemand uw link deelt. Typ een titel en ondertitel, kies kleuren en een lay-out, voeg uw logo toe, en download een PNG van 1200 x 630. Controleer dan hoe de deelkaart eruitziet op Facebook, LinkedIn en X en kopieer de meta tags voor uw pagina. Alles draait in uw browser. Niets wat u typt of uploadt wordt naar We.Inc of iemand anders gestuurd.
Typ de titel en een optionele ondertitel en sitenaam. Lange titels lopen door op tot drie regels.
Kies een lay-out en een achtergrond- en tekstkleur, of kies een van de kleurpresets.
Upload optioneel uw logo (PNG, JPG, SVG of WebP). Het wordt in de hoek getekend en verlaat uw apparaat nooit.
Druk op PNG downloaden om een afbeelding van 1200 x 630 op te slaan, het formaat dat Facebook, LinkedIn en X gebruiken voor grote linkpreviews.
Upload die afbeelding naar uw site, plak de volledige URL in het veld Afbeelding-URL en kopieer de gegenereerde meta tags naar de head van uw pagina.
Houd de titel onder ongeveer 60 tekens en groot genoeg om te lezen op een telefoon, waar deelkaarten klein zijn.
Laat een marge rond de tekst. Sommige apps snijden de randen af of tonen de afbeelding als vierkant.
Gebruik sterk contrast tussen tekst en achtergrond. De kleurcontrastchecker kan dit bevestigen.
Na publicatie cachen social-apps de oude afbeelding. Facebook's Sharing Debugger en LinkedIn's Post Inspector kunnen dit vernieuwen.
Geef elke belangrijke pagina zijn eigen afbeelding; een generieke logokaart krijgt minder klikken dan een die de pagina noemt.
Veelgestelde vragen
Welk formaat moet een Open Graph-afbeelding hebben?
1200 x 630 pixels (een 1.91:1-verhouding) is de standaard voor grote kaarten bij Facebook, LinkedIn en X. Deze generator exporteert altijd precies dat formaat.
Is deze OG-afbeeldingsgenerator gratis?
Ja. Geen aanmelding en geen watermerk. De afbeelding wordt op een canvas in uw browser getekend en rechtstreeks naar uw apparaat gedownload.
Wordt mijn logo ergens geüpload?
Nee. Het logo wordt door uw browser gelezen en lokaal op de afbeelding getekend. Er wordt niets naar We.Inc gestuurd.
Hoe voeg ik de afbeelding toe aan mijn website?
Upload de PNG naar uw site zodat die een publieke URL heeft, voeg dan <meta property="og:image" content="die URL"> en een twitter:image-tag toe aan de head van de pagina. Plak de URL in de tool en die schrijft de tags voor u.
Waarom verschijnt de oude afbeelding nog als ik mijn link deel?
Sociale netwerken cachen previews. Scrape de URL opnieuw met Facebook's Sharing Debugger of LinkedIn's Post Inspector, of wacht tot de cache verloopt.
Kan het de tags van mijn live pagina lezen?
Nee. Browsers voorkomen dat de ene site de andere leest, dus voert u de titel, description en afbeeldings-URL zelf in en toont de tool hoe ze eruit zullen zien.
Wat een Open Graph-afbeelding doet
Wanneer een link wordt geplakt in Facebook, LinkedIn, X, Slack of een berichten-app, leest de app de Open Graph-tags van de pagina en toont een kaart met een afbeelding, een titel en een korte omschrijving. De afbeelding is het grootste deel van die kaart, dus die bepaalt of mensen de link überhaupt opmerken.
Zonder een og:image-tag tonen apps geen afbeelding of kiezen er willekeurig één van de pagina. Een eenvoudige afbeelding met de paginatitel en uw merk is genoeg om doordacht over te komen.
Een goede OG-afbeelding in drie regels
Zeg in enkele woorden, in grote tekst, waar de pagina over gaat. Gebruik uw merkkleuren zodat mensen u herkennen bij elke share. Houd belangrijke content weg van de randen, omdat sommige apps bijsnijden naar vierkant of de hoeken afronden.
Op een We.Inc-site
Sites gebouwd met We.Inc hebben een paginatitel, description en deelafbeelding die u instelt in het SEO-paneel, zodat de tags voor u worden geschreven. Deze tool is nuttig voor elke site, en voor het maken van de deelafbeelding zelf.