T
ToolBox
SEO

Meta Tag Generator

Generate SEO meta tags, Open Graph, and Twitter Card markup for your website

Basic Meta Tags

Social / Open Graph

Google Search Preview

Page Title
https://example.com
Your meta description will appear here. Write a compelling summary to encourage clicks from search results.

Generated HTML

Share:TwitterRedditLinkedInHN

What is Meta Tag Generator?

Generate complete, SEO-optimized HTML meta tags for your web pages. Fill in your page title, description, keywords, and social media details, then get ready-to-use HTML code including standard meta tags, Open Graph (Facebook/LinkedIn) tags, and Twitter Card markup. See a live preview of how your page will appear in Google search results and social media shares. Copy the generated HTML and paste it into your page's <head> section.

How to Use Meta Tag Generator

  1. 1Fill in the basic fields: page title, description, keywords, and author
  2. 2Add Open Graph details: OG title, description, image URL, and site name
  3. 3Add Twitter Card details: card type, title, description, and image URL
  4. 4Preview how your page looks in Google search results and copy the generated HTML

Frequently Asked Questions

Meta tags are HTML elements in your page's <head> section that provide metadata about the page. Search engines use the title tag and meta description to display your page in search results. Well-crafted meta tags improve click-through rates from search results and help search engines understand your content.
Open Graph (OG) tags control how your page appears when shared on Facebook, LinkedIn, and other social platforms. They define the title, description, image, and URL that appear in the social share preview. Without OG tags, platforms will try to auto-generate a preview that may not look ideal.
Meta titles should be 50-60 characters to avoid being truncated in Google search results. Meta descriptions should be 150-160 characters. Both should include your target keyword naturally and be compelling enough to encourage clicks.
Copy the generated HTML code and paste it inside the <head> section of your HTML page, before the closing </head> tag. If you use a CMS like WordPress, you can use an SEO plugin to set these values through a user interface.

Related Tools

%20

URL Encoder/Decoder

Encode or decode URL components for safe web usage

{}

CSS Minifier

Minify your CSS code to reduce file size and improve load times

&

HTML Entity Encoder

Encode or decode HTML entities to prevent XSS and display issues

SEO

SEO Analyzer

Analyze any website's SEO score and get actionable improvement tips