OG & Meta Preview Tool
Fill in your meta tags and preview exactly how your page will appear on Google, Facebook, Twitter/X, and LinkedIn.
Fetch from URL
Fetches via a CORS proxy. Results may vary for pages with strict CSP.
Basic meta
Open Graph
Twitter / X Card
Robots
Google Search result
Title is over 60 characters — Google may truncate it.
Description is over 160 characters — Google may truncate it.
Enter a title to preview.
No image — add an OG image URL (1200x630)
Add an OG image URL above to see the full card preview.
Twitter / X card preview
No image provided
Generated HTML tags
About this tool
Preview how your page appears on Google search, Facebook, Twitter/X, and LinkedIn. Enter meta tags manually or fetch any URL to extract existing tags. Generates production-ready Open Graph and Twitter Card HTML. Free, browser-based.
Frequently asked questions
What is an Open Graph tag?
Open Graph tags are meta tags that control how your page appears when shared on social platforms like Facebook, LinkedIn, and WhatsApp. They define the title, description, image, and type of your content. Without them, platforms pick their own preview content — often incorrectly.
What platforms are previewed?
Google Search (title, description, URL), Facebook and LinkedIn (OG card with image, title, description, domain), and Twitter/X (both summary_large_image and summary card formats).
Can I fetch tags from an existing URL?
Yes. Switch to Fetch URL mode and enter any public URL. The tool fetches the page via a CORS proxy and extracts all existing meta, OG, and Twitter Card tags automatically. Note that some sites block external fetches.
What OG image size should I use?
1200x630 pixels is the standard recommended size. It works across Facebook, LinkedIn, and Twitter/X. Minimum is 200x200 for basic support, but anything smaller than 600x314 will not display the large card format.
What is the difference between og:title and the page title?
The page title (in the title tag) is used by Google Search. og:title overrides it for social sharing. If you leave og:title blank in this tool, the page title is used for social cards too — which is fine for most pages.
How do I use the generated tags?
Copy the HTML output and paste it inside the head section of your HTML page, before the closing head tag. For dynamic sites, place them in the layout file that renders the head block.