Social Meta Tag Generator

Generate Open Graph, Twitter Card, and SEO meta tags with live Google, Facebook, and LinkedIn previews.

Social Meta Tag Generator

Generate Open Graph, Twitter Card, and SEO meta tags with live preview

0/60
0/160

Fill in the page details above and click "Generate"

What is a Social Meta Tag Generator?

A social meta tag generator creates the HTML meta tags that control how your web pages appear when shared on social media platforms like Facebook, LinkedIn, and Twitter, and in Google search results. Open Graph (OG) tags define the title, description, and image for Facebook and LinkedIn, while Twitter Card tags do the same for Twitter.

CodeHelper's Social Meta Tag Generator lets you fill in your page details and instantly see how the page will look on Google, Facebook, and LinkedIn, then copy the generated HTML meta tags.

Key Features

  • Open Graph Tags: Generate og:title, og:description, og:image, og:url, and og:site_name tags.
  • Twitter Cards: Generate twitter:card, twitter:title, twitter:description, and twitter:image tags.
  • Live Previews: See how your page will appear on Google search results and social media platforms.
  • Character Warnings: Get warned when title (>60 chars) or description (>160 chars) exceed recommended lengths.
  • Copy HTML: One-click copy of all generated meta tags ready to paste into your HTML head.

How to use the Social Meta Tag Generator

  1. Enter your page title, description, URL, and image URL.
  2. Select the OG type and Twitter Card type.
  3. Preview how the page will appear on Google and social media.
  4. Click Generate and copy the HTML meta tags.

Meta tag character limits and best practices

  • og:title: Keep under 60 characters to avoid truncation in Facebook and LinkedIn previews.
  • og:description: 150-200 characters is ideal. Longer descriptions may be cut off.
  • og:image: Use at least 1200x630px for the best display across platforms. JPG or PNG format recommended.
  • twitter:card: Use summary_large_image to display a large image preview on Twitter/X.
  • Canonical URL: Always include og:url pointing to the canonical version of the page.

Whether you are launching a new website, optimizing existing pages for social sharing, or debugging why your links look wrong on Facebook, this free meta tag generator produces correct, standards-compliant meta tags instantly.

Related

toolXML FormatterProfessional XML formatter with syntax highlighting, statistics, XML to JSON conversion, and XPath query tester.toolHTML OptimizerProfessional HTML optimizer with minify and beautify modes. Compress, format, and optimize HTML with advanced whitespace control.toolBase64 Encoder/DecoderEncode and decode Base64 strings, files, images with data URL support. Upload files or paste text for instant conversion.toolJWT Decoder & ValidatorDecode, validate, and inspect JSON Web Tokens (JWT). Parse header, payload, verify signatures with HMAC algorithms, and check token expiration: all client-side.

Free forever, no ads, no tracking. Support the project