How to use the Open Graph Generator
- Type the title and description of your page.
- Add the page address and the full address of your image (1200 x 630 pixels is best).
- Choose the type (website or article), the language and your site name.
- Watch the preview change as you type.
- Click Copy Code and paste the tags in the head section of your page.
Features
- Live preview of the shared link.
- Generates og:title, og:description, og:type, og:url, og:image, og:image:alt, og:site_name and og:locale.
- Article tags: published time and author.
- Optional matching Twitter / X card tags.
- Safe code: special characters are escaped for you. Free, no signup.
Where to paste the code?
- Plain HTML: inside the <head> section of your page.
- WordPress: use the social settings of Yoast, Rank Math or AIOSEO, or a header snippet for a single page.
- Shopify, Wix, Squarespace: use the SEO or social image fields of the page.
Frequently Asked Questions
What image size should I use?
1200 x 630 pixels, ratio 1.91 to 1, in JPG or PNG format and under 5 MB.
Is og:url required?
It is strongly recommended. Use the full canonical address of the page.
Do I need Twitter tags too?
X uses Open Graph tags if Twitter tags are missing, but twitter:card lets you choose the large image style, so it is a good idea.
How do I test my tags?
Use our Open Graph Checker after you publish the page.
Does it upload my image?
No. You enter the address of an image that is already online. Nothing is uploaded.
Why does my preview not change on Facebook?
Facebook keeps the old preview in cache. Use the Facebook Sharing Debugger and click Scrape Again.