🖼️ Open Graph Preview & Generator
Preview social sharing title, description and image, then copy Open Graph meta tags for your page.
Build Open Graph tags
OneCalcApp
OneCalcApp — Free Online Tools
Fast browser-based calculators, converters and practical online utilities.
Open Graph meta tags
<meta property="og:type" content="website"> <meta property="og:title" content="OneCalcApp — Free Online Tools"> <meta property="og:description" content="Fast browser-based calculators, converters and practical online utilities."> <meta property="og:url" content="https://onecalcapp.com/"> <meta property="og:image" content="https://onecalcapp.com/og-logo.png"> <meta property="og:site_name" content="OneCalcApp">
How to use Open Graph Preview & Generator
- Enter the page title, description, canonical URL and a publicly accessible image URL.
- Review the social-card preview for clarity and cropping risk.
- Copy the generated Open Graph meta tags into the page head.
- After publishing, use each social platform's sharing debugger when an old cached preview needs refreshing.
Practical SEO notes
- Social platforms cache previews and can have different image-size or cropping rules.
- Use an image you own or are licensed to publish, and make sure the image URL is publicly accessible over HTTPS.
Privacy: this tool runs in your browser. OneCalcApp does not need to upload the text you enter here to a third-party SEO service.
Frequently asked questions
What is og:image?
og:image tells compatible social platforms which image should represent the shared page. A wide, high-quality image with important content away from the edges is usually safest.
Why does a platform show an old preview?
Social networks often cache Open Graph data. Their sharing-debugger tools can usually request a refresh after the page metadata changes.
Is Open Graph the same as SEO metadata?
No. Open Graph primarily controls social sharing previews, while the HTML title and meta description are aimed at browser and search-result presentation.