Meta Tag and Open Graph Generator
Generate the title, meta description, canonical, robots, Open Graph and Twitter Card tags, with Google and social previews, right in your browser.
The title is required: without it, Google will pick one for you.
The description is missing: Google will build one from the page text.
The canonical URL is missing: it is recommended to avoid duplicate content.
The social image is missing: shared links will appear without a visual preview.
Google preview (desktop)
example.com
Your page title
The page description will appear here, under the title.
This is an estimate: Google may show a different title and snippet.
Social preview
example.com
Your page title
This is indicative: each platform has its own layout. The image is not loaded, so no data leaves your device.
After publishing, check and refresh the previews:
How meta tags and Open Graph work
Meta tags are the lines you put in the head of a page to tell search engines and social networks how to present it. The title tag is the clickable headline in Google results, the meta description is the preview text under it, the canonical link names the preferred address when the same content is reachable at several URLs, and the robots meta decides whether the page may be indexed. This tool fills in the fields and produces the HTML block ready to paste into your page template.
Open Graph is the protocol, created at Facebook, that WhatsApp, LinkedIn, Telegram, Slack and most other platforms use to build the preview of a shared link: title, description and image. The Twitter Card does the same on X; when its dedicated tags are missing, X falls back to the Open Graph tags, which is why the tool only generates the card format and the optional account. If you leave the social title and description empty, the page's own are used.
On length: Google truncates titles and descriptions by their width in pixels, not by character count. On desktop the title limit is around 580 pixels, which usually means 50-60 characters, and the description limit around 920 pixels, about 155-160 characters. The tool estimates the width from a table of average character widths: it is an estimate, not a measurement of the real font, and Google may still show a title or snippet different from yours if it judges that more useful for the search.
For the social image use an absolute address and a size of about 1200 × 630 pixels (1.91:1 ratio), which the main platforms show at full width. Always add alt text. After you change a page that has already been shared, platforms may keep showing the old preview because they cache it: use the Facebook debugger or LinkedIn's Post Inspector, linked under the tool, to refresh it.
A note on noindex: it tells search engines not to show the page in results, and it suits thank-you pages, private areas or staging versions. For Google to see it, though, the page must be crawlable, so do not also block it in robots.txt. It is not protection: anyone who knows the address can still open the page. Everything happens in your browser: the text you enter is not sent to any server and the image is not downloaded for the preview.
Frequently asked questions
- How long should the title be?
- Google truncates by pixels, not characters: on desktop about 580 pixels, which is usually 50-60 characters. Narrow letters take less space than wide ones, so the exact number changes from title to title. The tool shows an estimate of the width and warns you when you go over.
- Does the meta description improve rankings?
- Not directly: Google has said it does not use it as a ranking factor. It can still appear as the preview under the title and affect how many people click. Google may also ignore it and compose the snippet from another part of the page if it finds that more relevant to the search.
- Why does Google show a different title from mine?
- Google may rewrite a result's title when it finds it too long, repetitive, generic or not descriptive of the page. A clear title that is unique to each page and consistent with the content, and with the H1, makes that less likely.
- What is the difference between title and og:title?
- The title is for search engines, og:title for social networks. Keeping them the same is often fine; you can differ if you want a more direct title for social or one without the site name at the end. If you leave the social fields empty, the tool reuses the page title and description.
- Why doesn't the social preview update?
- Platforms cache the preview of links that have already been shared. After fixing the tags, ask for a fresh fetch with the Facebook Debugger or LinkedIn's Post Inspector: the links are under the tool.
- When should I use noindex?
- When a page should stay out of search results: thank-you pages, private areas, internal search results, staging versions. It is not for truly private content, which needs a login, because noindex does not stop anyone from opening the page.
From the books
