Meta Tags Generator

Generate Open Graph and Twitter Card meta tags for social sharing. Preview how your link looks on Facebook, Twitter, and LinkedIn.

Try it with this example

Enter a URL, title, description, and image URL. Click Generate to get Open Graph and Twitter meta tags. Preview how the link appears when shared on social.

What is this tool?

When you share a link on Facebook, Twitter, LinkedIn, or messaging apps, the platform fetches metadata to show a preview: title, description, and image. That preview comes from Open Graph and Twitter Card meta tags in your HTML. Without them, shares show a generic snippet or nothing useful. This Meta Tags Generator creates those tags from your inputs. Enter URL, title, description, and image URL. Get the HTML to paste into your page's head. Preview how the link will look when shared.

Open Graph tags (og:title, og:description, og:image, og:url, og:type) are used by Facebook, LinkedIn, WhatsApp, and many other platforms. Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) control how links appear on X (Twitter). Most platforms fall back to Open Graph when Twitter tags are missing, so including both ensures broad compatibility. The tool also outputs a basic meta description and canonical link for SEO.

Use it when building or updating a site. Before launch, add meta tags to key pages so shares look professional. For blog posts, articles, or product pages, a strong preview increases click-through. The image should be at least 1200x630 pixels for best results on Facebook. Twitter supports summary cards (small image) or summary_large_image (large image). The tool picks summary_large_image when you provide an image, summary otherwise.

The preview is approximate. Actual rendering varies by platform and changes over time. Test your links with each platform's sharing debugger (Facebook Sharing Debugger, Twitter Card Validator) for definitive results. This generator gives you the markup; you add it to your HTML or CMS template. All generation runs in your browser. No server calls. Copy the HTML and paste it into your project.