og-tags

Installation
SKILL.md

Open Graph Tags

Open Graph tags control how your pages appear when shared on Facebook, LinkedIn, Slack, and other platforms—missing or incorrect tags result in unappealing link previews that reduce click-through rates.

Quick Reference

  • Include og:title, og:description, og:image, and og:url on every page
  • Use absolute URLs for og:image and og:url
  • og:image should be at least 1200×630 px for optimal display
  • og:type defaults to 'website' if omitted, but setting it explicitly is best practice

Check

Check the for Open Graph meta tags: og:title, og:description, og:image, og:url, and og:type. Verify all values are non-empty and og:image/og:url use absolute HTTPS URLs.

Fix

Add the four required Open Graph meta tags to the : og:title (≤95 chars), og:description (≤200 chars), og:image (absolute HTTPS URL, 1200×630), og:url (canonical absolute URL). Add og:type='website' for standard pages.

Installs
1
GitHub Stars
73.0K
First Seen
7 days ago
og-tags — thedaviddias/front-end-checklist