Why do character limits matter for the title and description?

Google typically truncates titles over ~60 characters and descriptions over ~160 characters in search results. Staying within limits ensures your snippet is shown fully and reads well.

What are Open Graph tags?

Open Graph (og:) tags control how your page appears when shared on Facebook, LinkedIn, and other social platforms — including the title, description, and preview image.

Do I need a Twitter handle for Twitter Cards?

A Twitter handle is optional but recommended. Twitter uses the @site tag to attribute the card to the website's account, which can increase follower discovery.

Should I use 'website' or 'article' as the content type?

Use 'article' for blog posts, news stories, and dated content. Use 'website' for homepages, landing pages, and general informational pages.

Meta Tag Generator

Generate SEO-optimized meta tags including Open Graph and Twitter Card markup.

Page Title0 / 60 chars

Description0 / 160 chars

Keywords (comma-separated)

Page URL

Image URL

Site Name

Content Type

Twitter Handle

Generated Meta Tags

\n  <!-- Open Graph / Facebook -->\n  <meta property="og:type" content="website">\n\n  <!-- Twitter -->\n  <meta name="twitter:card" content="summary_large_image">

What is Meta Tag Generator?

Meta Tag Generator creates the complete set of HTML meta tags your page needs for SEO and social sharing. Fill in your page details and it instantly outputs a ready-to-paste block covering the title tag, meta description, keywords, canonical link, Open Graph tags for Facebook and LinkedIn, and Twitter Card markup.

How to Use Meta Tag Generator

Enter your page title (aim for 50–60 characters).
Write a compelling meta description (120–160 characters).
Add comma-separated keywords relevant to the page.
Fill in the page URL, image URL, site name, and Twitter handle.
Select the content type (Website or Article).
Copy the generated HTML and paste it into your page's <head> section.

Examples

Blog post

Input: Title: '10 SEO Tips for 2024' | Desc: 'Learn the top SEO strategies...' | URL: https://example.com/seo-tips

Output: <title>10 SEO Tips for 2024</title> + full OG + Twitter tags

Product page

Input: Title: 'Buy Widget Pro' | Image: https://example.com/widget.jpg | Type: website

Output: og:image, og:type=website, twitter:card=summary_large_image

Warning check

Input: Title with 70 characters — too long for Google's snippet display

Output: Character counter turns red, warning shown

Common Mistakes

Writing a description that's too short (under 120 chars) — you leave valuable ranking signal and click-through space on the table.
Using the same meta description on multiple pages — every page should have a unique description tailored to its specific content.
Leaving og:image blank — without a preview image, social shares show a blank card that gets far fewer clicks.

Why Use This Tool

Generates all essential, OG, and Twitter Card tags in a single copy-paste block.
Real-time character counters with warnings prevent invisible truncation issues.
Handles canonical URLs, helping avoid duplicate content penalties.
Entirely client-side — no data is ever sent to a server.