Meta Tag Generator
Generate meta tags, Open Graph and Twitter Cards for your page, with live preview.
Fill in at least the title to see the generated block.
What meta tags does a page actually need for SEO and social sharing?
At minimum, a page needs a title tag, a meta description and a canonical link so search engines index the right URL. If you also want a clean preview on Facebook, LinkedIn, Slack or X, you need Open Graph tags (og:title, og:description, og:url, og:image, og:type, og:site_name, og:locale) plus a Twitter Card. Docuboxer's meta tag generator builds that whole block instantly from a short form, escaping quotes and special characters so the output never breaks your page's head. It flags a title over 60 characters, a description over 160, or an image URL that isn't absolute, before you ship them. It's free, requires no signup, and every character is processed locally in your browser — nothing you type is ever sent to a server.
How to use Meta Tag Generator
- Enter the page title (60 characters or fewer is safest) and the meta description (160 characters or fewer); the counter under each field flags it once you go over.
- Paste the canonical URL of the page, and if you have one, the absolute URL of a preview image (starting with https://) so Facebook, LinkedIn, X and Slack can render it.
- Pick the content type (website or article), the site name, and the Open Graph locale, for example en_US or en_GB.
- Add your Twitter/X handle, with or without the leading @, if you want the site credit to show up on the card.
- Check the highlighted preview of the generated block, fix any warnings shown, then copy or download the HTML ready to paste inside <head>.
Common use cases
Shipping a new landing page that has no SEO template yet
Generate the title, description and canonical for a freshly built landing page before search engines crawl it with an empty or duplicated meta block copied from another page.
Fixing a link that shows no image when shared in Slack or a group chat
If pasting your URL shows a blank preview or a generic title, generate og:image, og:title and og:description with the right values and drop them into the page's head.
Prepping a blog post for social distribution
Set content type to article, add the cover image and your Twitter/X handle so the card renders as summary_large_image when the post gets shared.
Auditing meta tags before a campaign goes live
Paste a page's current title and description into the generator to confirm they're within length limits before marketing links to it from ads or email.
Keeping locale and site_name consistent across a multilingual site
Generate a separate block for each language version of the same page (en_US, en_GB, es_ES) while keeping the same site_name and only swapping what changes per market.
Frequently asked questions
How long should my title tag and meta description be?
Google typically starts truncating title tags around 60 characters and descriptions around 160, though the real cutoff depends on pixel width, not character count. The generator flags both thresholds, but going slightly over doesn't break your page — it just risks getting cut off in the results snippet.
What's the difference between meta description and og:description?
Meta description is what Google and other search engines pull for the results snippet; og:description is what Facebook, LinkedIn and other platforms read to build a link preview. They can share the same text, which is why the generator fills both together, but they're technically separate tags read by different systems.
Why doesn't my link show a preview image when I share it?
Almost always because og:image is missing or the image URL is relative instead of absolute. Social platforms can't resolve a path like /images/cover.png on their own crawlers — it has to be the full https:// URL, or the preview will render without an image.
Should I use website or article for og:type?
Use website for general pages like the homepage, a landing page or a category. Use article for editorial content like blog posts or news, where some platforms will also pick up extra signals like author or publish date. This generator focuses on the base tags shared by both types.
Do I need to add a Twitter handle for the Twitter Card to work?
No. The card still renders as summary_large_image or summary depending on whether you added an image. The twitter:site field only adds the visible account credit on the card when someone shares your link on X.
Do these meta tags replace a sitemap or robots.txt?
No — each one does something different. Meta tags describe one page to search engines and social platforms, sitemap.xml lists your site's URLs for crawling, and robots.txt controls what each bot is allowed to crawl. Docuboxer has a dedicated generator for each of those too.