OG-beeldgenerator
Zorg ervoor dat het linkvoorbeeld er bewust ontworpen uitziet voordat een blogpost, lanceringsnotitie of landingspagina wordt gedeeld.
Thema
Publiceer uw volgende lancering met een sterkere sociale voorbeeldweergave
Maak een OG-kaart waarmee release notes, blogposts en landingspagina's er verzorgder uitzien wanneer ze worden gedeeld.
Het voorbeeld wordt verkleind zodat het op de pagina past. Het gedownloade bestand gebruikt 1200x630.
Over Open Graph-images
Best-practice-formaat: 1200 x 630
De liggende verhouding van 1,91:1 wordt veel gebruikt voor Open Graph-voorbeelden. Het biedt voldoende ruimte voor een kop, productcontext en merkmarkering zonder afhankelijk te zijn van kleine tekst.
Waarom het ertoe doet
Een linkvoorbeeld is vaak de eerste visuele indruk van een lancering, bericht of tool. Een opzettelijke kaart zorgt ervoor dat de pagina er onderhouden uitziet in plaats van automatisch gegenereerd.
Leesbaar op klein formaat
Sociale kaarten worden vaak weergegeven als miniaturen. Houd het lettertype groot, vermijd dikke alinea's en laat belangrijke inhoud weg van de randen.
Gids voor platformafmetingen
Facebook/LinkedIn
Het standaard liggende formaat. Houd belangrijke tekst gecentreerd zodat deze het bijsnijden door platforms overleeft.
Twitter Summary Large
Twitter werkt ook goed met een iets kortere 2:1-kaart, hoewel 1200x630 grotendeels compatibel blijft.
WhatsApp/WeChat
Vierkante voorbeelden worden vaak vanuit het midden bijgesneden, dus de centrale compositie is van belang bij het delen tussen berichten-apps.
Veelgestelde vragen
Ben ik de eigenaar van de gegenereerde afbeelding?
Ja. De afbeelding wordt lokaal in uw browser gemaakt en wordt tijdens het genereren niet naar een server geüpload.
Hoe koppel ik de afbeelding aan metadata?
Voeg een og:image-metatag toe die verwijst naar de uiteindelijke afbeeldings-URL, en koppel deze indien nodig aan twitter:card, ingesteld op summary_large_image.
Kan ik niet-Latijnse tekst gebruiken?
Ja. De browsergebaseerde renderer ondersteunt niet-Latijnse tekst zolang de vereiste lettertypen beschikbaar zijn in de renderingomgeving.
Waarom toont een platform een oude voorbeeldafbeelding?
Sociale platforms cachen linkvoorbeelden. Nadat u de afbeeldings-URL of de metadata hebt gewijzigd, gebruikt u de debugger voor delen of de kaartvalidator van het platform om een vernieuwing te forceren.
Moet elke pagina dezelfde OG-afbeelding gebruiken?
Een standaardafbeelding is prima voor hulpprogrammapagina's, maar belangrijke lanceringen, blogposts en landingspagina's presteren meestal beter met een paginaspecifieke kaart.