SEO Tools

Open Graph generators, social media preview tools, and meta tag analysers - everything you need for perfect link sharing.

Open Graph Generator

Generate Open Graph and Twitter Card meta tags. Fill in the fields, copy the HTML.

Open Graph Twitter Card

Social Media Preview

Preview how your link will look on Google, Facebook, Twitter/X, and LinkedIn.

Google Facebook Twitter/X LinkedIn

Meta Tag Analyser

Enter any URL to audit all meta tags. See what is missing, validate lengths, and preview social cards.

Audit Validation

JSON-LD Generator

Generate Schema.org structured data in JSON-LD format. Article, FAQ, Product, HowTo, and more.

Schema.org JSON-LD

SEO Tools for Developers

Rich Dev Tools provides a growing set of SEO utilities built for developers. Generate Open Graph meta tags, preview how links appear on social platforms, and analyse existing meta tags - all in your browser.

Why Open Graph Tags Matter

When someone shares your URL on Facebook, LinkedIn, Twitter, or Slack, the platform reads your Open Graph meta tags to build the link preview. Without them, platforms guess - and they usually guess wrong. A missing image, truncated title, or generic description can cut your click-through rate in half.

The Minimum Viable OG Setup

Every page should have at least these four tags: og:title, og:description, og:image, and og:url. Add twitter:card to control the layout on X/Twitter. That covers 90% of social sharing scenarios. Our Open Graph Generator produces all of these plus optional fields for fine-tuning.

Common Mistakes

  • Relative image URLs - social platforms cannot resolve them. Always use absolute URLs starting with https://.
  • Same tags on every page - each page needs unique title, description, and ideally a unique image.
  • Missing twitter:card - without it, Twitter defaults to a plain link with no image preview.
  • Images too small - use at least 1200x630px. Smaller images get cropped or ignored.

Quick Links

Benefits
  • 100% browser-based
  • No registration
  • Free

Common Questions

Open Graph meta tags are HTML snippets in your page's <head> that control how URLs are displayed when shared on social media. They define the title, description, image, and URL that platforms like Facebook, LinkedIn, and Twitter show in link previews.

Twitter falls back to OG tags when Twitter-specific tags are missing. However, adding twitter:card gives you control over the card layout (summary vs large image). For best results, include both - OG tags for Facebook/LinkedIn and Twitter Card tags for X/Twitter.

1200x630 pixels is the safe default - it works well on Facebook, LinkedIn, and Twitter's summary_large_image card. Keep the file under 5 MB. For Twitter's summary card, 240x240 pixels minimum. Always use absolute URLs for images.

Use our Social Media Preview tool to see how your link will look across platforms. For live testing, Facebook has its Sharing Debugger, Twitter has Card Validator, and LinkedIn has its Post Inspector. These tools also force a cache refresh after you update your tags.