1
Step 1
Fill in the desired Title, Description, Image URL, and Page URL.
Open Graph Preview Online
Use NewTools to build Open Graph tags and preview a share card directly in your browser. Previews title, description, image, and URL fields; it does not fetch remote pages.
Open Graph Meta Tag Builder. Create and preview OG meta tags for social media sharing using manual text inputs.
No installation
Fast processing
Browser friendly
Privacy-aware
Features
Visual Card Preview: Renders a simulated social media share card based strictly on the title, description, and image URL you type.
Code Generation: Creates raw <meta property="og:..."> tags ready to be copied into your website's header.
Instant Updates: See the preview card update instantly as you modify the text fields.
Client-Side Only: Does not scrape or fetch data from live URLs, ensuring fast offline tag generation.
How It Works
2
Step 2
Review the simulated social card preview.
3
Step 3
Copy the generated HTML snippet and paste it into your <head> tag.
Common Use Cases
Drafting Social Cards
Experiment with different titles and descriptions to see how they will look when shared.
Coding Web Headers
Quickly generate properly escaped Open Graph tags for a new landing page.
SEO Tag Planning
Plan the metadata structure before actually publishing the web page.
Tips & Best Practices
Tip 1
Keep the Open Graph title under 60 characters to prevent truncation on mobile devices.
Tip 2
Use an image with a 1200x630 pixel resolution for optimal display across most social networks.
Open Graph Preview
Offline Tag Generation
Because it doesn't scrape live URLs, this tool is perfect for generating tags for staging sites or content that hasn't been published yet.
Frequently Asked Questions
Does this tool scrape my live website URL?
No. This tool does not fetch or scrape remote web pages like the official Facebook Debugger. It generates tags and previews purely from the manual text you enter into the form.
Will this show exactly how it looks on every platform?
It provides a generic visual approximation of a standard social card. Different platforms (LinkedIn, Facebook, Discord) may crop images or truncate text slightly differently.
Why isn't my image showing in the preview?
Ensure you paste a direct, valid URL to an image file (like .jpg or .png). The tool relies on your browser to load that image URL directly.