OG Lens

About

**Social Media Preview**
Simulates how your page will appear across major social media platforms — in real time. See how titles, descriptions, and images get cropped according to each platform's character limits and image size requirements, before you share.

**Automated Issue Detection (55+ Checks)**
- Missing or incorrect og:title, og:description, og:image?
- Is the image large enough for each platform?
- Do og:image:width/height match the image's actual dimensions?
- Is twitter:card defined? Is it the right type?
- Does og:url match the page's real URL?
- HTTP/HTTPS protocol mismatch?
- Multiple og:title or og:description tags defined?
- Is og:type a valid, supported value?
- Missing article:published_time, article:author or similar typed tags?
- Are App Link tags (iOS/Android deep links) correctly defined?

**Real Image Dimension Verification**
Goes beyond reading declared meta tag values — OG Lens actually **measures the real pixel dimensions** of the image. If they differ from what's declared, it warns you. Platform crawlers may crop images based on wrong dimension metadata.

**Live OG / Twitter Tag Tables**
Lists all `og:*`, `twitter:*`, `al:ios:*`, `al:android:*`, `article:*`, `product:*` tags in clean tables. URL values are clickable links, and every value has a one-click copy button.

**SPA & Dynamic Page Support**
Automatically detects URL changes and head tag updates on JavaScript-rendered pages built with React, Next.js, Vue, Nuxt, Angular, and others. Intercepts pushState/replaceState and monitors head mutations with MutationObserver.

**Per-Platform Compatibility Score**
A 0–100 compatibility score calculated separately for each platform shows you at a glance where your OpenGraph setup is strong and where it needs work.