Check Open Graph Tags

The Check Open Graph Tags Bookmarklet is an essential tool for social media optimization and content sharing verification.

With one click, this bookmarklet checks for all essential Open Graph tags and displays their content.

Perfect for quick social media audits and content sharing verification. No more manual inspection - just click and check!

javascript:!function(){const e={title:document.querySelector('meta[property="og:title"]'),description:document.querySelector('meta[property="og:description"]'),image:document.querySelector('meta[property="og:image"]'),url:document.querySelector('meta[property="og:url"]'),type:document.querySelector('meta[property="og:type"]')},n=Object.values(e).every((e=>null!==e)),t=document.createElement("div");t.style.cssText="\n        position: fixed;\n        top: 20px;\n        right: 20px;\n        width: 80%;\n        max-width: 800px;\n        max-height: 80vh;\n        background: white;\n        padding: 20px;\n        border-radius: 8px;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        z-index: 10000;\n        overflow-y: auto;\n    ";const o=document.createElement("div");o.innerHTML=`\n        <h2 style="margin-top: 0;">Open Graph Tags Analysis</h2>\n        <div style="margin-bottom: 20px;">\n            <button onclick="this.closest('.seo-popup').remove()" style="float: right;">Close</button>\n        </div>\n        <div style="margin-bottom: 20px; padding: 10px; border: 1px solid ${n?"#4CAF50":"#ff4444"}; border-radius: 4px;">\n            <h3 style="margin: 0 0 10px 0;">Status</h3>\n            <p style="margin: 0; color: ${n?"#4CAF50":"#ff4444"}">\n                ${n?"All essential Open Graph tags are present":"Some essential Open Graph tags are missing"}\n            </p>\n        </div>\n        <div style="margin-bottom: 20px;">\n            <h3 style="margin: 0 0 10px 0;">Open Graph Tags</h3>\n            <div style="margin: 0;">\n                ${Object.entries(e).map((([e,n])=>`\n                    <div style="margin-bottom: 10px; padding: 10px; background: #f5f5f5; border-radius: 4px;">\n                        <strong>og:${e}:</strong> ${n?`<span style="color: #4CAF50">Present</span> - ${n.content}`:'<span style="color: #ff4444">Missing</span>'}\n                    </div>\n                `)).join("")}\n            </div>\n        </div>\n    `,t.classList.add("seo-popup"),t.appendChild(o),document.body.appendChild(t)}();
Drag me to bookmark bar: 👉🏻 Check Open Graph Tags

This tool streamlines your social media optimization by:

Why Use the Open Graph Tags Checker?

This essential tool makes social media optimization effortless. Perfect for content managers, social media specialists, and anyone who needs to ensure proper content sharing. Simply click the bookmarklet to instantly check if a page has all the necessary Open Graph tags. Helps you quickly identify pages that need social media optimization and ensure better content sharing across social platforms.