Free Meta Tag Generator

Generate SEO meta tags, Open Graph tags, and Twitter cards for any web page. Copy the HTML and paste it into your site's <head> section.

Basic SEO Tags

0 characters (recommended: 50-60)
0 characters (recommended: 150-160)

Open Graph Tags

Recommended size: 1200 x 630 pixels

Twitter Card Tags

Twitter title, description, and image are inherited from Open Graph tags above.

Generated HTML

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">

Paste this code inside the <head> section of your HTML page.

How to use this the meta tag generator

  1. 1

    Fill in your page title and meta description

    Enter your page title (under 60 characters) and a compelling meta description (under 160 characters). These are the most important tags for search visibility.

  2. 2

    Add Open Graph tags for social sharing

    Fill in the OG title, description, and image URL. These control how your page looks when shared on Facebook, LinkedIn, Slack, and Discord.

  3. 3

    Configure Twitter card settings

    Choose a card type (summary or summary_large_image) and optionally set a Twitter-specific title, description, and image.

  4. 4

    Copy the generated HTML

    Click the copy button to grab all your meta tags as HTML. Paste them into your page's head section.

What are meta tags?

Meta tags are HTML elements placed inside the <head> section of a web page. They provide structured metadata about the page to search engines, social media platforms, and browsers. Meta tags are not visible on the page itself, but they directly influence how your page appears in search results, how it previews when shared on social media, and how crawlers understand your content. Every page you publish should include at minimum a title tag, a meta description, and a viewport tag. Open Graph and Twitter Card tags are essential if you want your pages to display rich previews when shared on Facebook, LinkedIn, Twitter, Slack, and Discord.

Essential meta tags for SEO in 2026

Title tag. According to Moz, title tags remain the second most important on-page ranking factor after content. Google displays your title tag as the clickable headline in search results. Keep it under 60 characters to avoid truncation. Place your primary keyword near the beginning. Every page on your site should have a unique title that accurately describes the content.

Meta description. Not a direct ranking factor, but it heavily affects click-through rate (CTR). Google shows your meta description as the two-line snippet below the title in search results. Keep it between 150 and 160 characters. Write it as a compelling summary that includes your target keyword and gives searchers a reason to click. If you leave it empty, Google will pull a snippet from your page content automatically, and the result is often worse than a hand-written description.

Robots tag. Controls how search engine crawlers handle your page. The default value is index, follow, which tells crawlers to index the page and follow its links. Use noindex for pages you want to keep out of search results, like thank-you pages, internal search results, or staging environments.

Canonical URL. Prevents duplicate content issues by telling search engines which version of a page is the original. If the same content is accessible at multiple URLs (for example, with and without a trailing slash, or with tracking parameters), the canonical tag points to the preferred version. This consolidates ranking signals instead of splitting them across duplicate URLs.

Viewport tag. Required for mobile-friendliness. The standard value is width=device-width, initial-scale=1.0. Without it, mobile browsers render pages at desktop width and zoom out, which fails Google's mobile-friendly test. This generator always includes the viewport tag.

Open Graph tags explained

Open Graph (OG) is a protocol created by Facebook that turns any web page into a rich object when shared on social media. Research from OkDork and BuzzSumo shows that articles with Open Graph images get 2x more engagement on social platforms. When someone shares your URL on Facebook, LinkedIn, Discord, Slack, or iMessage, the platform reads your OG tags to build the preview card. Without OG tags, platforms attempt to guess your content from the page, and the result is usually a broken or ugly preview with no image.

The five core OG tags are og:title, og:description, og:image, og:type, and og:url. The image is the most impactful. Use at least 1200 x 630 pixels for the best display across all platforms. Smaller images may appear as a tiny thumbnail instead of a full-width card, which dramatically reduces engagement. Keep your image file under 1 MB so it loads quickly when the platform fetches it.

Twitter Card tags

Twitter (now X) supports two main card types. summary displays a small square thumbnail next to the title and description. summary_large_image displays a large banner image above the title and description, which gets significantly more clicks and engagement.

Twitter falls back to Open Graph tags if no Twitter-specific tags are present. That means if you already have OG tags set up, your Twitter previews will work automatically. The main reason to add Twitter-specific tags is to override the OG values, for example using a different image ratio or a shorter title optimized for Twitter's layout. The twitter:site tag associates the card with your Twitter handle, which can increase brand visibility when your content is shared.

Frequently asked questions

Where do I put meta tags?
Inside the <head> section of your HTML, before the closing </head> tag. In WordPress, use an SEO plugin like Yoast or Rank Math. In Next.js, use the metadata export or the Head component. In plain HTML, open your file, find the <head> block, and paste the generated tags there.
Do meta keywords still matter?
No. Google has not used the meta keywords tag as a ranking signal since 2009. Bing gives it very minor weight. Including them does no harm but provides no measurable benefit. The keywords field in this generator is included for completeness, but you can safely leave it empty.
What size should my OG image be?
1200 x 630 pixels is the recommended size for og:image. This ratio (1.91:1) displays well across Facebook, LinkedIn, Twitter, and Slack. Keep important text and visuals centered, since some platforms crop the edges. Use JPEG or PNG format, and keep the file under 1 MB for fast loading.
Can meta tags hurt my SEO?
Only if misused. A noindex robots tag will remove your page from search results entirely. Duplicate or missing title tags can confuse search engines and dilute your rankings. Conflicting canonical URLs can cause indexing issues. This generator creates valid, safe tags by default, so you are protected as long as you review the output before pasting.
Is this tool free?
Yes, completely free. The generator runs entirely in your browser using JavaScript. No signup required, no usage limits, and no data is collected or sent to any server. Your content stays on your device.

Stop fixing content manually

GrowGanic generates SEO-optimized articles that score 85+ out of the box. Keyword research, content strategy, writing, and publishing. All automated.

Free plan includes 3 AI articles per month. No credit card required.

More free SEO tools