← All tools
// SEO / Web

Meta Tag Generator online

Generate complete SEO meta tags including Open Graph and Twitter Cards

Meta Tag Generator logo
by
CHUNKY
MUNSTER

How to Use the Meta Tag Generator

  1. Fill in the page title and meta description (aim for 150–160 characters in the description).
  2. Optionally add comma-separated keywords, the canonical URL, and an Open Graph image URL (1200×630 px recommended).
  3. Pick the robots directive (index/noindex × follow/nofollow) and the page language code.
  4. Click Generate, then copy the snippet or download it as .txt and paste it into your <head>.

Modern search engines and social platforms treat meta tags as the primary contract for what shows up in a search result, a Facebook share, a Slack unfurl or a Twitter card. Get them wrong and Google rewrites your snippet, OG previews fall back to a guessed image, and Twitter quietly shows nothing at all. This generator emits the full set in one go so you do not have to remember which property name belongs to og:, twitter: or plain meta name.

How the Meta Tag Generator Works

The script HTML-escapes every input value (so &, ", < and > cannot break the resulting markup), then assembles the head snippet section by section: basic meta (charset, viewport, title, description, keywords, robots, content-language), Open Graph (og:title, og:description, og:url, og:image with 1200×630 width/height), and Twitter Card. The Twitter card type auto-switches to summary_large_image when an image is provided and falls back to summary otherwise. Output goes into a textarea ready for one-click copy or download.

Frequently Asked Questions

What size should the Open Graph image be?

Facebook recommends 1200×630 pixels (1.91:1 ratio) at under 8 MB — that is what this tool emits as og:image:width and og:image:height. LinkedIn and Slack use the same image; Twitter falls back to the smaller summary card if no image is provided.

What is the difference between summary and summary_large_image cards?

"summary" renders a small square thumbnail next to the title and description (good when you have a logo or icon). "summary_large_image" shows a wide hero image above the text (better for articles and landing pages). The generator switches automatically based on whether you supply an OG image URL.

Do I still need a meta keywords tag?

Google has ignored meta keywords since 2009 and Bing treats them as a spam signal, so leave the field blank for those engines. Some specialist crawlers (Yandex, internal site search, older indexing systems) still read it, which is why the tool includes the field optionally.

Where in the HTML do I paste the snippet?

Inside the <head> element, ideally before any analytics, A/B-test or render-blocking stylesheet. Title and description should appear first so crawlers see them on a partial response, with the canonical link near the top to disambiguate duplicate URLs.

Explore the full suite of SEO tools and 290+ other free utilities at Chunky Munster.