Open Graph & Twitter Card Meta Tag Generator — SEO Preview Free

Free Meta Tags Generator — create HTML meta tags for SEO and Open Graph

View, edit, and generate HTML meta tags for your website instantly. Manage meta description, keywords,Open Graph tags, and viewport settings. All processing runs locally in your browser with 100% privacy— no signup or upload required.

Quick Answer

What are meta tags and why are they important?

Meta tags are hidden HTML elements that provide information about a webpage to search engines and social media platforms. They improve SEO, click-through rates, and social sharing. Our tool lets you view, edit, and generate them easily.

SEO Utility

Free Meta Tags Generator

Instantly create perfectly formatted HTML meta tags, Open Graph data, and Twitter cards to boost your website's SEO and social sharing previews.

1. Basic Information

0/60 characters

0/160 characters

2. Open Graph & Social Media
3. Generated Meta Code
Fill in the basic information fields on the left to start generating your code.

Which meta tags Google actually reads in 2026

Google's crawler ignores most meta tags. The ones it uses: description (as a snippet candidate — not guaranteed to appear), and robots (to control indexing and link following). The keywords meta tag has been ignored by Google since 2009 — it still gets included in generators but provides no SEO value. The author and viewport tags are used for other purposes (E-E-A-T signals and mobile rendering respectively) but do not directly affect rankings.

Complete tag reference and character limits

TagLimitUsed byNotes
<title>50–60 charsGoogle, browsers, socialShown in SERP; longer titles get rewritten by Google
meta description155–160 charsGoogle (snippet candidate)Google rewrites ~60% of descriptions anyway
og:title40–60 charsFacebook, LinkedIn, SlackDifferent from <title> — optimize for social separately
og:description100–150 charsFacebook, LinkedInTwitter/X ignores this; uses twitter:description
og:image1200×630px minAll social platformsMissing = ugly auto-generated preview; use absolute URL
twitter:cardsummary_large_imageTwitter/XRequired for card display; without it, no image preview
robotsnoindex, nofollowAll crawlersnoindex alone is sufficient to block ranking
canonicalFull URLGoogle, BingMust match the page exactly; include or exclude www consistently

The three meta tag mistakes that cost traffic

  • Missing og:imageWhen your page is shared on LinkedIn or Slack without an og:image, the platform generates a preview with no image or a random on-page image. Click-through rates on link previews with images are 3–5× higher than those without. This is the single highest-ROI meta tag to add to content pages.
  • Duplicate title tagsMultiple pages with identical <title> values send a consolidation signal to Google — it will pick one page to show and demote the others. Every page needs a unique title that describes what's actually on that specific page.
  • Canonical pointing to wrong URLA canonical tag pointing to a different domain, a 404, or a redirect target tells Google to index a different page than the one it's on. This is one of the most common technical SEO errors and causes ranking loss that looks like a penalty. Always verify canonical URLs resolve correctly after any domain or URL structure changes.

Required Open Graph and Twitter Card tags — what each platform needs

When someone shares your URL, Facebook, X/Twitter, LinkedIn, Slack, and WhatsApp all read different meta tags to generate the link preview card. Missing tags cause broken or empty previews:

TagPlatform that reads itRequired?Recommended value
og:titleFacebook, LinkedIn, Slack, WhatsApp, DiscordYesPage title — up to 60 characters for best display
og:descriptionFacebook, LinkedIn, Slack, DiscordRecommended2–3 sentence description; 200 characters max
og:imageAll platformsYes — or preview is blank1200×630px minimum; JPEG or PNG; under 8MB
og:urlFacebook, LinkedInRecommendedCanonical URL of the page (no query strings)
og:typeFacebookRecommended"website" for most pages; "article" for blog posts
twitter:cardX/TwitterYes for Twitter"summary_large_image" for full-width image cards
twitter:titleX/TwitterYes if og:title absentSame as og:title or a shorter version
twitter:descriptionX/TwitterRecommendedUp to 200 characters
twitter:imageX/TwitterYes for image cardMinimum 300×157px; max 5MB; JPEG or PNG
<title> tagAll (fallback)YesUsed as fallback when og:title is missing
<meta name="description">Google, Bing (search preview)Yes for SEOUp to 160 characters for search result snippet

TheFreeAITools — Meta Tags Generator is a fully private, browser-based tool that lets you view, edit, and generate HTML meta tags for SEO and social sharing. Supports meta description, keywords, Open Graph tags (og:title, og:description, og:image), and viewport settings. All processing runs locally on your device — your URLs and HTML code never leave your computer. The fastest free way to manage meta tags in 2026, with no installs, no accounts, and no hidden limits.

Video demo

☕ Support Us