A Chrome extension that inspects the current page's <meta>, Open Graph, Twitter Card, and SEO tags, renders Facebook / Twitter / Slack link previews from them, and — when something is broken or missing — generates a structured prompt you can paste into any LLM (Claude, ChatGPT, etc.) to get drop-in replacement tags.
Built by En Dash.
- Previews — see exactly how the page will render when shared on Facebook/LinkedIn, X/Twitter (summary and large-image cards, matching X's image-plus-domain layout), and Slack/Discord. Image dimensions are checked against Facebook's minimums and against declared
og:image:width/height. - Open Graph, Twitter, SEO tabs — per-tag validation: length ranges, required fields, absolute-URL and file-extension checks on images, value-format checks (
og:type,og:locale,twitter:card,@handles), canonical-vs-URL mismatch,noindexdetection, and duplicate-tag warnings. Each tab shows an issue count badge. - All tags — a flat, searchable view of every
<meta>and<link rel>on the page, with one-click copy. - Fix tab — auto-generated LLM prompt that lists the page's current tags, the specific issues detected, and asks for a complete corrected
<head>block you can paste into your site.
Listing coming soon.
- Download the latest
og-meta-analyzer-vX.Y.Z.zipfrom the Releases page. - Unzip it to a folder you'll keep around (Chrome loads the extension from this folder).
- Open
chrome://extensions, enable Developer mode (top right), click Load unpacked, and select the unzipped folder.
git clone git@github.com:en-dash-consulting/og-meta-analyzer.git
cd og-meta-analyzer
# Then in Chrome: chrome://extensions → Developer mode → Load unpacked → select this folderClick the extension icon on any http:// or https:// page. The popup opens with six tabs:
- Previews — social-card mockups.
- Open Graph / Twitter / SEO — per-tag status.
- All — every tag on the page.
- Fix — copy-paste LLM prompt.
This is a zero-build Manifest V3 extension — just HTML, CSS, and JS. To work on it:
- Clone the repo.
chrome://extensions→ Load unpacked → select the repo root.- Edit
popup.html,popup.css,popup.js. Hit the refresh icon on the extension card inchrome://extensionsto pick up changes.
node scripts/store-screenshots.js regenerates the 1280×800 Chrome Web Store screenshots in docs/store-assets/ (needs npm i --no-save puppeteer-core and Brave or Chromium; see docs/PUBLISHING.md).
- Bump
versioninmanifest.json. - Commit and push.
- Tag the commit:
git tag v0.2.0 && git push origin v0.2.0. - GitHub Actions builds the zip and publishes a Release automatically.
- Verify the artifact before uploading it anywhere:
node scripts/verify-release.jsloads the released zip in a real browser and drives every tab.
See docs/PUBLISHING.md for the submission checklist and docs/store-listing.md for ready-to-paste listing copy.
Everything runs locally. The extension reads tags from the current tab only when you open the popup and never sends data anywhere. See PRIVACY.md.
MIT — see LICENSE.