SEO & Website
Open Graph Preview
See how your link looks when it is shared on Facebook, X and LinkedIn. Type your title, description and image, then copy the ready-made meta tags. Free and private.
Already have a page? Paste its HTML to fill the fields
Open your page, choose “View page source”, copy the part between <head> and </head>, and paste it here. It is only read in your browser.
If you enter an image address, your browser loads that image to show the preview. To preview an image without any request, choose a file instead (it stays on your device, and you will still need its public URL for the tags).
Approximate preview. Each platform changes its layout from time to time and may keep showing an older version of your link until its cache is refreshed.
Meta tags
What you type stays on your device. Your title, description and URLs are not uploaded, saved or logged, and your pages are never visited. The only request is your own browser loading an image address if you enter one.
How to use the Open Graph preview
- Enter the title, description, page URL and image address of the page you want to share, or paste the page’s HTML head to fill them in.
- Switch between Facebook, X and LinkedIn to see roughly how the link card looks.
- Read the suggestions under the preview and fix anything marked.
- Copy the meta tags into the <head> of your page, or into your SEO plugin’s social settings.
What are Open Graph tags?
Open Graph tags are small pieces of information in your page’s HTML that tell social networks and chat apps which title, description and image to show when someone shares your link. Without them, platforms guess, and the result is often a plain or wrong-looking card.
The most useful tags are og:title, og:description, og:image and og:url. X also reads twitter:card to choose between a large image and a small one.
Tips for better share cards
- Use an image of about 1200 x 630 pixels. It looks sharp on most platforms and fits the large card shape.
- Use a full https:// address for the image and the page URL.
- Keep titles under about 60 characters and descriptions under about 160, so they are not cut off.
- If you change a card later, ask the platform to refresh it, because they keep old copies for a while.
Frequently asked questions
Is my text sent to a server?
No. The preview and the tags are built in your browser. Nothing you type is uploaded, stored or logged.
Can this tool read the tags from a live web page by its address?
Not at the moment. Fetching another website would need a server, which would go against how this site works. Paste the page’s HTML head instead and the tool fills in the fields for you.
Why does the real share look different?
Platforms change their layouts, crop images differently on phones and computers, and cache old versions of a link. Treat this preview as a close guide and check the real card after you publish.
Where do I put the meta tags?
Inside the <head> of your page. On WordPress with Yoast SEO, fill in the social title, description and image in the plugin instead, and it writes the tags for you.