Generate and Preview Open Graph Meta Tags

OpenGraph.dev allow to preview and generate meta tags in one place with one click

Try: https://opengraph.dev
Facebook, Twitter, LinkedIn, Discord, Pinterest...
Hero Image

We handle everything for you

Fast and secure, we crawle your site to preview all opengraph in your meta tags

What is an OGP?

OGP stands for Open Graph Protocol, which is a defined system to convey the contents of webpages on SNS. By setting Open Graph properly, a specified image/ title/ description is displayed when a web content is shared.

What is the image size for Open Graph?

Use images that are at least 1080 pixels in width for best display on high resolution devices. Facebook recommends using 1:1 images in your ad creatives for better performance with image link ads.

How to add OG tags in my site?

Use a free tool such as OpenGraph.dev to generate opengraph tags for your website, and copy the meta tags into the <head> section tag.

Why are Open Graph tags important?

People are arguably more likely to see and click shared content with optimized OG tags, which means more social media traffic to your website. They make content more eye-catching in social media feeds