Facebook Open Graph Generator
Generate Facebook Open Graph tags and preview your link share appearance before publishing.
What is Facebook Open Graph Generator?
When a URL is shared on Facebook, Messenger, or WhatsApp, these platforms read the Open Graph (OG) meta tags in the page's HTML <head> to determine what image, title, and description to display in the link preview. Open Graph is a protocol developed by Facebook in 2010 that has since become the universal standard for social sharing previews — adopted by LinkedIn, WhatsApp, Slack, Discord, and many other platforms. Without correct OG tags, Facebook either shows no image (just a plain URL), uses a random small image from the page, or displays an incorrect title. The og:image is particularly critical — it is the first thing users see when a link is shared and has the greatest influence on whether they click. This generator creates all required and recommended OG tags for Facebook, with a live preview that shows exactly how your link will appear in the Facebook feed.
How to Use Facebook Open Graph Generator
- 1
Enter Page Details
Enter your page title, description, image URL, page URL, and optionally your Facebook App ID and page type (website, article, product, etc.).
- 2
Preview the Share Card
See a pixel-accurate preview of how your page will appear when shared as a Facebook link post — showing the image, title, description, and domain as they appear in the News Feed.
- 3
Copy the HTML Tags
Get all generated og: meta tags as ready-to-paste HTML. Add them to your page's <head> section and use Facebook's Sharing Debugger to verify implementation.
Use Cases
Blog and Article Sharing
Every blog post or article should have og:image, og:title, and og:description set to the post's featured image and content summary before publishing. Facebook's algorithm gives more distribution to posts with properly formatted previews, and users engage more with visually rich link shares than plain URL text.
E-Commerce Product Sharing
Product pages shared on Facebook need og:title set to the product name, og:description to the key selling points, and og:image to the hero product photo. Using the product schema type (og:type = "product") enables additional structured data that Facebook can use for dynamic product ads and catalogue integration.
Campaign Landing Pages
For paid social campaigns, the OG preview is effectively your organic ad creative when the landing page URL is included in posts. Ensure the OG image is the campaign's hero creative, the title is the campaign headline, and the description reinforces the call to action — maintaining creative consistency between ads and organic shares.
Features
News Feed Preview
Accurate Facebook News Feed preview showing image, title, description, and domain exactly as they appear to users scrolling their feed — before you publish.
All OG Tag Types
Generates the full set of Open Graph tags: og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, and optional tags like og:image:width, og:image:height, og:image:alt.
Image Dimension Validation
Validates og:image dimensions against Facebook's requirements (minimum 200×200 pixels, recommended 1200×630) and warns about images that will display as small thumbnails rather than large previews.
Article Tags
For blog posts and articles, generates Open Graph article tags (article:published_time, article:author, article:section) that provide Facebook with structured article metadata for News Feed distribution.
Frequently Asked Questions
Facebook recommends 1200×630 pixels (1.91:1 aspect ratio) for og:image. This size displays as a large image in the News Feed link preview. Minimum acceptable size is 200×200 pixels, but images below 600×315 display as small thumbnails rather than large cards. Maximum file size 8MB (though under 1MB is recommended for fast loading). Facebook also reads og:image:width and og:image:height tags — including these helps Facebook display the image correctly without having to download it first to determine dimensions.
Facebook caches OG tags for a variable period — typically 24–72 hours, but sometimes longer for frequently shared URLs. After updating OG tags, use the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) and click "Scrape Again" to force Facebook to re-fetch the updated tags. The debugger also shows exactly what Facebook sees when it scrapes your page, including any errors in tag parsing. For freshly published content, the cache refreshes on first share; for updated existing content, manual scraping is usually needed.
When running link click ads on Facebook, the ad creative (image, headline, description) typically overrides OG tags for the ad display. However, OG tags matter for organic post performance and for Dark Posts that use the page's OG data. More importantly, when users share your landing page URL organically from Facebook, the OG tags are what appears in those organic shares — well-optimised OG tags improve the effectiveness of all organic distribution.
og:type tells Facebook and other platforms what kind of content the page represents. Common values: website (the default, for general webpages), article (for blog posts and news articles — enables article: namespace tags for publish date, author), product (for e-commerce product pages), video.movie, video.tv_show, book, profile. The type determines which additional Open Graph tags are available and relevant. For most websites, website and article cover the majority of pages. Using the correct type enables richer structured data representation in Facebook's social graph.
Need a Professional Website?
JAIDOO EMPIRE builds fast, SEO-optimised websites for businesses worldwide. All free tools are built and maintained by our team.
Start Your Project
