My site has no meta tags or preview when shared
A blank preview costs you clicks. Add the right tags so Google and social show a proper title, description and image.
If your pages show no title, description or image when shared, they're missing meta and Open Graph tags. Generate them with a meta tag generator (set the title, description, and share image) then paste the tags into each page's <head>. Preview how they'll appear on Google and social first. All of it runs in your browser.
4 tools for this
Each one is free, private and runs in your browser. No sign-up, no watermark.
Meta Tag Generator
Generate perfect SEO meta tags, Open Graph and Twitter Card markup with a live Google snippet and social-card preview, copy the ready-to-paste <head> code, 100% in your browser.
Open Graph Generator
Build correct Open Graph (og:) meta tags and see a live Facebook and LinkedIn share-card preview as you type, copy the ready-to-paste markup, 100% in your browser.
Meta Tag Analyzer
Paste a page's HTML to audit its title, description, canonical, robots, Open Graph and Twitter Card tags: with a length score, missing/duplicate checks and a live search & social preview, 100% in your browser.
Google SERP Preview
Preview exactly how your page appears in Google search (desktop and mobile) as you type your title, URL and meta description, with live pixel-width truncation warnings. Nothing is uploaded.
How to fix it
Follow these steps and you'll have it sorted in a couple of minutes.
- 1
Generate your meta tags
Use the Meta Tag Generator to set the page title, description and keywords, and get ready-to-paste HTML.
- 2
Add Open Graph + Twitter tags
The Open Graph Generator produces the og: and twitter: tags that control the share preview image and text.
- 3
Preview before you ship
Check the Google SERP Preview and social preview so the title isn't truncated and the image is right.
- 4
Paste into each page's <head>
Drop the tags into the <head> of every page, titles and descriptions should be unique per page.
- Reusing one title and description across every page. Each page needs unique, descriptive meta to rank and read well.
- Skipping the Open Graph image, so shared links show a blank or random thumbnail. Set an og:image (ideally 1200×630).
- Writing titles over ~60 characters or descriptions over ~160, which Google truncates in results.
Frequently asked questions
More problems we solve
Ran into one of these too? Here's the fix.
- My JSON is invalid and I can't find the error'Unexpected token' almost always means one stray character. A validator points straight at it so you're not hunting by eye.
- My code or data is minified and unreadableOne long line of minified everything? Pick the matching formatter and get properly indented, readable code back.
- My SVG file is huge and full of junkDesign-tool exports carry a lot of invisible bloat. Clean it out so your icons and illustrations load faster.
Keep exploring
Related tools
Problems we solve
Definitions
From the blog
Compare formats
By file type
Common tasks
Ready? Start with Meta Tag Generator
Free, private and instant: everything runs in your browser.