Inspecting your Open Graph metadata
Last updated September 15, 2025
You can use the Open Graph tab on every deployment on Vercel to validate and view your Open Graph (OG) data across a range of social media sites before you share it out. Routes using Deployment Protection can also be inspected.
To view your data:
- Choose your account or team from the scope selector
- Select your project and go to the Deployments tab
- From the Deployments tab, select the deployment you wish to view the metadata for
- Select the Open Graph tab:
- From here, you can view the metadata and a preview for Twitter, Slack, Facebook, and LinkedIn for specific pages in your deployment
You can use the Path dropdown to view the OG card for any page on that particular deployment.
These properties set by the Open Graph protocol.
| Property | Value | Description |
|---|---|---|
| The title tag used to name the page. 70 characters max. | This is used by default if no other values are passed. | |
| The meta.description tag used to describe the page. 200 characters max. | This is used by default if no other values are passed. | |
| Absolute URL to image. | Use the OG Image Generation documentation to create new images. | |
| A title for link previews. | You can use this to override the meta title if you want the OG title to be different. | |
| A one to two sentence description for link previews. | You can use this to override the meta description if you want the OG title to be different. | |
| A canonical URL for link previews. | You should provide the absolute URL. |
| Property | value | Additional information |
|---|---|---|
| A URL to an image file or to a dynamically generated image. is used as a fallback. | ,, and . is not supported | |
| The type of card used for Twitter link previews | , , , or | |
| A string that shows for Twitter link previews. is used as a fallback. | 70 characters max | |
| A description for Twitter link previews. is used as a fallback. | 200 characters max |
Was this helpful?