Free Tool

Meta Tags Generator

Generate complete HTML meta tags for SEO, Open Graph, and Twitter Cards. Fill in the form fields and copy the ready-to-use HTML block for your page's <head>.

Meta Tags Generator

0 chars — Aim for 50–60 characters

0 chars — Aim for 150–160 characters

Generated HTML

<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Why meta tags matter for SEO

Meta tags tell search engines and social platforms what your page is about. The title and description influence click-through rates in search results, while Open Graph and Twitter Card tags control how links appear when shared on social media.

Open Graph tags

Open Graph (og:*) tags are read by Facebook, LinkedIn, Slack, and many other platforms when generating link previews. At minimum you should set og:title, og:description, og:image, and og:url.

Twitter Card tags

Twitter Card tags control how links appear in tweets and X posts. summary_large_image shows a full-width image card, while summary shows a smaller thumbnail beside the text.

How to use

  1. Fill in the Basic fields: title, description, and canonical URL.
  2. Expand Open Graph and Twitter sections for social sharing tags.
  3. Set the robots directive (index/noindex, follow/nofollow).
  4. Copy the generated HTML block and paste it inside your page's <head>.

Your data stays in your browser — no data is sent to any server.

Frequently Asked Questions

What is a canonical URL?
The canonical URL tells search engines which version of a page is the authoritative one, preventing duplicate content issues when the same page is accessible via multiple URLs.
How long should my meta description be?
Google typically displays 150–160 characters in search results. Descriptions longer than that are truncated. Keep it concise and descriptive.
What is the difference between noindex and nofollow?
noindex prevents the page from being indexed by search engines. nofollow tells crawlers not to follow links on the page. They are independent — you can use either or both.
Do I need both og: and twitter: tags?
Twitter will fall back to og: tags if twitter: tags are absent, but providing explicit twitter: tags gives you full control over how your content appears on X/Twitter.