UFOZoo

Meta Tag Generator — Free Create SEO Title & Description

Create title tags, meta descriptions, Open Graph tags, Twitter Cards, and canonical URLs. Preview Google search results and social media appearance.

Features

  • ✓Generate complete SEO meta tags with one click — title, description, keywords, and canonical URL
  • ✓Open Graph tags for Facebook, LinkedIn, and other social platforms — og:title, og:description, og:image, og:type
  • ✓Twitter Card tags for optimized sharing on Twitter/X — twitter:card, twitter:title, twitter:description, twitter:image
  • ✓Real-time preview of how your page will appear in Google search results
  • ✓Social media preview showing how your link will look when shared on Facebook and Twitter
  • ✓Character count validation — ensures title stays within 50-60 characters and description within 150-160 characters
  • ✓Copy-ready HTML output — paste directly into your <head> section
  • ✓Support for additional meta tags: robots, author, viewport, content-language
  • ✓SEO best practices built in — warns about missing keywords, short descriptions, or long titles
  • ✓Entirely client-side — no data uploaded, works offline after initial load

How to Use

  1. 1Enter your page title (50-60 characters recommended for optimal display in search results).
  2. 2Write a compelling meta description (150-160 characters) that includes your primary keyword.
  3. 3Add relevant keywords separated by commas (optional but recommended for some search engines).
  4. 4Enter the canonical URL of your page to prevent duplicate content issues.
  5. 5Fill in Open Graph fields for social media sharing — title, description, and image URL.
  6. 6Click Generate to create all meta tags. Preview the search result and social media appearance.
  7. 7Copy the HTML code and paste it into your page's <head> section.
  8. 8Use the robots meta tag dropdown to control crawler behavior — set index/noindex and follow/nofollow directives to prevent thin content from appearing in search results while guiding crawlers to your important pages.

Frequently Asked Questions

What are meta tags and why are they important?

∨
Meta tags are HTML elements that provide information about a web page to search engines and browsers. They don't appear on the page itself but are located in the <head> section. The most important meta tags are the title tag (which appears in search results and browser tabs), meta description (which appears below the title in search results), and Open Graph tags (which control how your page appears when shared on social media).

How long should my title tag be?

∨
Google typically displays the first 50-60 characters of a title tag. If you keep your titles under 60 characters, about 90% of your titles will display properly. Titles longer than 60 characters may be truncated in search results with an ellipsis (...).

How long should my meta description be?

∨
Meta descriptions should be between 150-160 characters. Google may display up to 155-160 characters on desktop and slightly fewer on mobile. If your description is too long, it will be cut off. If it's too short, you're missing an opportunity to convince users to click.

What are Open Graph tags?

∨
Open Graph tags (og:title, og:description, og:image, etc.) control how your page appears when shared on social media platforms like Facebook, LinkedIn, and Twitter. Without Open Graph tags, social media platforms may display random content from your page. The og:image tag is particularly important — it determines the thumbnail image shown when your link is shared.

What is a canonical URL?

∨
A canonical URL tells search engines which version of a page is the 'master' version when similar or duplicate content exists at multiple URLs. For example, if your page is accessible at both example.com/page and www.example.com/page, the canonical tag tells Google which one to index. This prevents duplicate content issues that can hurt your SEO rankings.

Do meta keywords still matter for SEO?

∨
Google has officially stated that they do not use the meta keywords tag for ranking. However, other search engines like Bing and Yandex may still consider them as a minor signal. While not critical for Google SEO, including meta keywords doesn't hurt and may help with other search engines.

What are Twitter Card tags and why are they important?

∨
Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) control how your page appears when shared on Twitter/X. The twitter:card type determines the layout — summary cards show a small thumbnail, while summary_large_image shows a large hero image. Without Twitter Cards, shared links will lack proper previews, reducing engagement and click-through rates on the platform.

How do I write a good meta description?

∨
A compelling meta description (150-160 characters) should include your primary keyword naturally, convey clear value to the searcher, include a call to action, and be unique per page. Avoid generic descriptions like 'Welcome to our website', exceeding the 160-character limit, or keyword stuffing. Each page on your site needs a unique, hand-crafted meta description for best SEO results.

What is the robots meta tag and how do I use it?

∨
The robots meta tag controls how search engines index and follow links on a page. Common values include: index/noindex (allow or block indexing), follow/nofollow (allow or block following links on the page), noarchive (prevent cached copies in search results), and nosnippet (prevent text previews in search snippets). This complements robots.txt by giving per-page granular control over search engine behavior.

How do I preview my meta tags before publishing?

∨
This tool provides real-time preview of your Google search result (title, URL, and description) and social media preview (Facebook and Twitter card layout). Before publishing, also test with Google's Rich Results Test tool, Facebook Sharing Debugger, Twitter Card Validator, and LinkedIn Post Inspector to verify your Open Graph and Twitter Card tags display correctly across all platforms.

Related Tools

JSON Formatter — Beautify, Validate & Minify JSON Online

Format, minify, pretty-print, and syntax-highlight JSON data. Features key sorting, custom indentation, tree view, error highlighting, and file upload.

HTML Entity Encoder — Escape Special Characters Online

Encode special characters to HTML entities or decode them back. Prevents XSS attacks and broken markup. Supports named, decimal, and hex references.