OG-afbeelding generator: maak een deelafbeelding van 1200 x 630 in uw browser | We.Inc
Ontwerp de afbeelding die verschijnt als uw pagina gedeeld wordt. Kies een sjabloon, voeg uw titel, logo en kleuren toe, bekijk het voorbeeld als kaart in X, LinkedIn, Slack en iMessage, en download dan een PNG van 1200 bij 630 en de meta-tags.
Het standaardformaat voor een Open Graph-afbeelding is 1200 bij 630 pixels, een verhouding van 1,91 op 1 die Facebook, LinkedIn, X, Slack en berichtenapps allemaal goed weergeven. Kies hieronder een sjabloon, typ uw titel, voeg een logo en merkkleuren toe, controleer de voorbeelden, en download dan de PNG en kopieer de og:image meta-tags.
Formaten van deelafbeeldingen per platform
Platform
Wat het vraagt
Opmerkingen
Facebook en andere Meta-apps
1200 bij 630 voor het beste resultaat; minimaal 600 bij 315
Verhouding 1.91:1; kleine afbeeldingen verschijnen als miniatuur
X (Twitter) grote kaart
Verhouding 2:1; 300 bij 157 tot 4096 bij 4096; kleiner dan 5 MB
Vereist twitter:card ingesteld op summary_large_image
LinkedIn
1200 bij 627
Gebruik de Post Inspector om een gecachte afbeelding te vernieuwen
Slack, Discord, iMessage, WhatsApp
Geen gepubliceerd formaat
Ze lezen og:image; 1200 bij 630 wordt in elk ervan goed weergegeven
Vier sjablonen, getekend op een canvas in uw browser op precies 1200 bij 630. Uw logo verlaat uw apparaat nooit. De voorbeelden tonen ongeveer hoe elke app de afbeelding bijsnijdt, en het blok met meta-tags is klaar om in de head van uw pagina te plakken.
Kies een sjabloon: grote kop, gecentreerd, gesplitst met logo of artikelkaart.
Typ de titel en een korte regel eronder, en de sitenaam of URL die onderaan staat.
Kies de kleuren voor achtergrond, tekst en accent, en upload een logo als u dat wilt (PNG of SVG met een transparante achtergrond werkt het best).
Controleer de voorbeelden, download de PNG, upload hem naar uw site en plak de meta-tags met de volledige URL ervan.
Houd de titel onder ongeveer 60 tekens en minstens 48 pixels hoog in de afbeelding, want de meeste mensen zien de kaart op een fractie van het echte formaat.
Laat een marge rond belangrijke tekst. Sommige apps snijden de randen bij of ronden de hoeken af.
Gebruik een absolute https-URL in og:image. Relatieve paden werken voor de meeste crawlers niet.
Platforms cachen deelafbeeldingen. Vernieuw de afbeelding na een wijziging met de debugtool van elk platform, of geef het bestand een nieuwe naam.
Veelgestelde vragen
Wat is het beste formaat voor een OG-afbeelding?
1200 bij 630 pixels. Het voldoet aan de aanbeveling van Meta voor schermen met hoge resolutie, ligt dicht bij 1200 bij 627 van LinkedIn en werkt voor de grote afbeeldingskaart van X, dus één bestand dekt ze allemaal. Sla het op als PNG voor ontwerpen met veel tekst of als JPG voor foto's, en houd het ruim onder 5 MB.
Heb ik een aparte afbeelding voor de Twitter-kaart nodig?
Meestal niet. X valt terug op og:image als er geen twitter:image is. U hebt wel de meta-tag twitter:card nodig, ingesteld op summary_large_image, om het grote voorbeeld te krijgen in plaats van een kleine miniatuur.
Waarom zie ik nog steeds mijn oude afbeelding?
Elk platform cachet het voorbeeld. Gebruik de Sharing Debugger van Meta, de Post Inspector van LinkedIn of gewoon een nieuwe bestandsnaam voor de afbeelding om een nieuwe ophaalactie af te dwingen. Slack en berichtenapps vernieuwen volgens hun eigen schema.
Kan ik automatisch één afbeelding per pagina maken?
Ja, met een server-side image renderer die de afbeelding opbouwt uit de titel van elke pagina. Deze tool is bedoeld om het sjabloon te ontwerpen en om met de hand gekozen afbeeldingen te maken voor belangrijke pagina's.
Waardoor er op een deelafbeelding geklikt wordt
Een deelkaart concurreert op klein formaat met al het andere in een feed. Een korte, grote titel en één sterk beeldelement winnen het van een drukke opmaak. Zie de afbeelding als partner van de kop, niet als tweede kopie van de pagina.
Een consistente huisstijl helpt mensen uw links na verloop van tijd te herkennen. Gebruik voor elke pagina hetzelfde sjabloon met een andere titel, in plaats van elke afbeelding vanaf nul te ontwerpen.
Controleren of het werkt
Plak na publicatie de URL van de pagina in onze Open Graph-previewtool om de tags te zien die de pagina echt levert, en vóór een grote lancering ook in de eigen debugger van elk platform.
Grote kop
Gecentreerd
Gesplitst met logo
Artikelkaart
Ontwerp de afbeelding
Sjabloon
Titel ({n} tekens)
Regel onder de titel
Sitenaam of URL
Achtergrond
Tekst
Logo uploaden
Logo verwijderen
Deelafbeelding: {title}
PNG downloaden (1200 bij 630)
Hoe het eruitziet als het gedeeld wordt (bij benadering)