Home » Free Tools » Meta Tag Generator – Create SEO, Open Graph & Twitter Meta Tags

Meta Tag Generator – Create SEO, Open Graph & Twitter Meta Tags

by Akshay Goswami
Free Meta Tag Generator - SEO, Open Graph, Twitter Card Tags | WritoryBuzz
Free SEO Tool · WritoryBuzz

Generate complete SEO, Open Graph, and Twitter Card meta tags instantly. Includes live SERP preview, social card preview, and mobile search preview. Copy all tags with one click.

Generate Meta Tags

Fill in the form
🔍 Basic SEO
Ideal: 50 to 60 characters. Shown in browser tabs and search results.
Ideal: 120 to 160 characters. Shown in SERP snippet below the title.
The preferred URL for this page. Prevents duplicate content issues.
Not a ranking factor. Useful for internal search.
📱 Open Graph (Facebook / LinkedIn)
Recommended: 1200x630 px
🐦 Twitter Card
⚙️ Advanced Options
Title: empty Desc: empty OG: off Twitter: off
Google Desktop Search Preview
https://example.com/your-page/
Your Page Title
Your meta description will appear here. Keep it between 120 and 160 characters for best results in search results.
Generated HTML Tags
<!-- Fill in the form to generate tags -->

What Are Meta Tags?

Meta tags are HTML elements placed in the <head> section of a webpage that provide structured metadata to browsers, search engines, and social media platforms. They are invisible to visitors but are read by crawlers to understand page content, control indexing behavior, and generate rich previews when pages are shared.

This generator produces a complete set of meta tags including SEO tags, Open Graph tags for social sharing, Twitter Card tags, robots directives, canonical URL, and JSON-LD structured data. It also shows live previews of how your page will appear in Google search results and on social platforms.

Meta Tag Reference Guide

TagPurposeLimitRequired
<title>Page title shown in SERP and browser tabs50 to 60 charsYes
meta descriptionSERP snippet below the title120 to 160 charsStrongly recommended
canonicalPreferred URL for duplicate content preventionFull URLRecommended
robotsControls indexing and link followingDirective valuesOptional (defaults to index, follow)
og:titleTitle shown in Facebook / LinkedIn previews95 charsFor social sharing
og:descriptionDescription in social card previews200 charsFor social sharing
og:imageImage shown in social link previews1200x630 pxFor social sharing
twitter:cardEnables Twitter Card and sets card typesummary_large_imageFor Twitter sharing
JSON-LDStructured data for rich results and AI citationJSON formatRecommended for SEO

Meta Title: Length and Best Practices

Google displays meta titles up to approximately 600 pixels wide in desktop search results, which corresponds to roughly 50 to 60 characters for most fonts. The ideal approach is to place the primary keyword near the beginning of the title, keep it descriptive and accurate, and include a brand name at the end separated by a pipe or dash when space allows.

Titles shorter than 50 characters leave valuable keyword and context space unused. Titles longer than 60 characters are truncated with an ellipsis, cutting off your message and making the result less attractive to click. Google may rewrite your title if it judges the original to be misleading or low-quality relative to the page content.

Meta Description: Clicks over Rankings

Meta descriptions do not directly affect Google rankings, but they significantly influence click-through rate from search results. A well-written description acts as a 160-character advertisement for your page. It should include the target keyword naturally (Google bolds matching terms), communicate a clear value proposition, and end with an implicit or explicit call to action.

Google may replace your meta description with a passage from the page body if it judges the replacement to be more relevant to the specific search query. Writing clear, relevant descriptions reduces how often Google overrides them.

Open Graph Tags: Social Sharing Previews

When someone shares a URL on Facebook, LinkedIn, or Pinterest, the platform fetches Open Graph meta tags to build a rich link preview. Without OG tags, platforms use guessed values that are often wrong or unattractive. The three most important OG tags are og:title, og:description, and og:image. The recommended OG image size is 1200x630 pixels with a 1.91:1 aspect ratio.

JSON-LD Structured Data

JSON-LD is the recommended format for adding structured data to pages. For articles and blog posts, Article schema helps Google understand the publication date, author, and content type. For general pages, WebPage schema provides entity-level metadata. Structured data can enable rich results in search and improves AI citation readiness in tools like Google AI Overviews and ChatGPT web search.

AI search optimization: As AI Overviews, ChatGPT search, and Perplexity become major traffic sources, JSON-LD structured data is increasingly important for AI citation. Clear schema markup helps AI systems attribute content correctly and increases the likelihood of your pages being cited in AI-generated answers.

Frequently Asked Questions

What are meta tags?+
Meta tags are HTML elements placed in the head section of a webpage that provide structured metadata to browsers, search engines, and social media platforms. They are not visible to visitors but are read by crawlers. The most important meta tags for SEO are the title tag, meta description, canonical URL, and robots directives. Social platforms read Open Graph and Twitter Card meta tags to generate link previews.
What is the ideal meta title length?+
Google displays meta titles up to approximately 600 pixels wide in desktop search results, which corresponds to roughly 50 to 60 characters for most fonts. Titles shorter than 50 characters may leave valuable keyword space unused. Titles longer than 60 characters are truncated with an ellipsis in search results. The ideal range is 50 to 60 characters including spaces.
What is the ideal meta description length?+
Google displays meta descriptions up to approximately 920 pixels wide on desktop, which corresponds to roughly 155 to 160 characters. On mobile the limit is around 120 characters. Descriptions longer than 160 characters are truncated with an ellipsis. Meta descriptions do not directly affect rankings but significantly influence click-through rate from search results.
What is the difference between Open Graph and Twitter Card tags?+
Open Graph tags (og:title, og:description, og:image) were introduced by Facebook and are used by Facebook, LinkedIn, Pinterest, and most other social platforms to generate link previews. Twitter Card tags are Twitter's equivalent system. If Twitter Card tags are absent, Twitter falls back to Open Graph tags. Both systems require similar information but use different tag names and have slightly different image dimension requirements.
What is a canonical URL meta tag?+
A canonical URL tag tells search engines which version of a page is the preferred version when the same or similar content exists at multiple URLs. For example, a product page accessible at both http and https, with and without trailing slashes, or with different tracking parameters would benefit from a canonical tag pointing to the preferred URL. Without canonical tags, search engines may split link equity across duplicate URL variants.
What is the robots meta tag?+
The robots meta tag controls whether search engine crawlers can index a page and follow its links. The default value is index, follow which tells crawlers to index the page and follow its links. noindex tells crawlers not to include the page in search results. nofollow tells crawlers not to follow links on the page. noarchive prevents Google from showing a cached version.
Also Try
More Free WritoryBuzz SEO Tools
🔍
Keyword Density Checker

Analyze keyword frequency, density, bigrams, and over-optimization in any content.

Open Tool →
↔
Text Compare

Side-by-side diff with word-level highlighting, similarity score, and export.

Open Tool →
✨
Duplicate Word Remover

Remove duplicate words, lines, or sentences. Frequency table and highlight view.

Open Tool →
\n`; const blob = new Blob([full], { type: 'text/html' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'meta-tags.html'; a.click(); showToast('Downloaded meta-tags.html'); } function clearForm() { ['f-title','f-desc','f-canonical','f-author','f-keywords','f-og-title','f-og-desc','f-og-image','f-og-sitename','f-tw-site','f-tw-creator','f-pub-date','f-mod-date'].forEach(id => { q(id).value = ''; }); ['f-lang','f-robots','f-og-type','f-tw-card','f-robots'].forEach(id => { q(id).selectedIndex = 0; }); ['opt-viewport','opt-charset','opt-jsonld'].forEach(id => { q(id).checked = true; }); ['opt-xua'].forEach(id => { q(id).checked = false; }); update(); showToast('Form cleared'); } /* ================================================================ TOAST ================================================================ */ function showToast(msg) { const t = q('wbToast'); t.textContent = msg; t.classList.add('show'); setTimeout(() => t.classList.remove('show'), 2200); } /* ================================================================ FAQ ================================================================ */ (function() { document.querySelectorAll('#wbFaq .wb-faq-item').forEach(function(item) { item.querySelector('.wb-faq-q').addEventListener('click', function() { const open = item.classList.contains('open'); document.querySelectorAll('#wbFaq .wb-faq-item').forEach(i => i.classList.remove('open')); if (!open) item.classList.add('open'); }); }); })(); /* INIT */ update();