OpenGraph Image Examples

This page demonstrates how to use dynamic OpenGraph images for social media sharing

Default OG Image

The default OpenGraph image used across the site

/api/og
Default OG Image

Custom Title

OpenGraph image with a custom title

/api/og?title=Persoonlijk+Sinterklaasgedicht
Custom Title OG Image

Custom Title and Description

OpenGraph image with both custom title and description

/api/og?title=Voor+Jan&description=Een+uniek+gedicht+speciaal+voor+jou
Custom Title and Description OG Image

Usage in Code

How to use dynamic OG images in your page metadata

export const metadata: Metadata = {
  openGraph: {
    images: [
      {
        url: '/api/og?title=Custom+Title',
        width: 1200,
        height: 630,
      },
    ],
  },
}

Testing Tools

Use these tools to test your OpenGraph images