Meta tag & Open Graph generator
Write the head tags that control how your page looks in search results and when shared, with live previews.
Previews
The tags that decide how your page appears
When someone searches for you or shares your link, a few lines in the <head> decide what they see: the title in the search result, the snippet under it, the image on a Slack or LinkedIn card. Missing or sloppy tags mean a plain link, a truncated title or a random image pulled from the page.
Fill in the title, description, canonical URL and share image and this generator writes the full set: standard SEO tags (title, description, robots, canonical, theme colour), Open Graph tags for social platforms, Twitter/X card tags and optional JSON-LD structured data (WebSite, Article or Product). The preview shows how the result will look in a search listing and in a social card, and the length counters warn when the title or description is likely to be cut off.
Checklist
- One unique title and description per page; duplicates are a missed opportunity.
- An absolute canonical URL, so tracking parameters and duplicates do not dilute ranking.
- A 1200 by 630 share image at an absolute https URL.
- Structured data that matches what is visible on the page.
Paste the output into the head of your page (or your framework's head component). Test the result with each platform's sharing debugger, since they cache previews aggressively. The tags are generated in your browser.
Frequently asked questions
How long should a title and description be?
Google shows roughly the first 50 to 60 characters of a title and 150 to 160 of a description, cutting by pixel width, so those are good targets. Put the most important words first.
What is Open Graph?
A set of meta tags (og:title, og:description, og:image and so on) that Facebook, LinkedIn, Slack, WhatsApp and many other apps read to build the preview card when someone shares your link.
What size should the share image be?
About 1200 by 630 pixels (a 1.91:1 ratio), under 5 MB, as a PNG or JPEG at an absolute https URL. Smaller images may show as a thumbnail.
Does Google use the meta description for ranking?
Not directly. It is mostly used for the snippet under your link, and Google may rewrite it. A good description still improves click-through, which matters for traffic.