Open Graph Meta Tag Generator
An up-to-date, well-tested tool to generate Open Graph meta tags for your website.
Tag Generator
Fill in the form below to generate Open Graph meta tags.
Open Graph Meta Tags
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:title" content="A guide to Open Graph meta tags" />
<meta property="og:description" content="Open Graph meta tags are used to specify how a page should be represented on social media. Learn how to leverage them to make your content stand out and increase engagement with the content you share." />
<meta property="og:url" content="https://imgsrc.io/guides/open-graph-meta-tags" />
<meta property="og:image" content="https://imgsrc.io/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Twitter/X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="A guide to Open Graph meta tags" />
<meta name="twitter:description" content="Open Graph meta tags are used to specify how a page should be represented on social media. Learn how to leverage them to make your content stand out and increase engagement with the content you share." />
<meta name="twitter:image" content="https://imgsrc.io/og.png" />
<meta name="twitter:image:width" content="1200" />
<meta name="twitter:image:height" content="630" />Using the Meta Tags
Learn how to use and test the generated meta tags
- Copy the meta tags you generated above
- Place them in the <head> tag of your page
- Test how various social media platforms will render your Open Graph images using the Open Graph Debugger