Open Graph

Open Graph (OG) is a meta tag protocol developed by Facebook in 2010 that controls how a web page's title, description, image, and URL appear when shared on social platforms like Facebook, LinkedIn, X, and messaging apps.

Why It Matters

When blog posts are shared on social media or messengers, an attractive preview determines click-through rates. Without OG tags, platforms extract random text and images, creating unintended previews. In 2026, dark social (KakaoTalk, DMs, etc.) accounts for 84% of content sharing—messenger link preview optimization directly impacts traffic. While OG tags don't directly affect Google rankings, they indirectly drive traffic, awareness, and backlinks through social sharing.

Essential OG Tags

Tag	Purpose	Example
og:title	Share title	"The Complete SEO Beginner's Guide"
og:description	Share description	"Learn SEO fundamentals from..."
og:image	Preview image	1200×630px recommended
og:url	Canonical page URL	https://inblog.ai/ko/blog/seo-guide
og:type	Content type	article, website

OG Tag Best Practices

• og:title: 60–90 characters to avoid truncation. Can differ from the HTML title tag.
• og:description: Under 200 characters summarizing the core content with a click-worthy hook.
• og:image: Minimum 1200×630px (1.91:1 ratio). Text overlay under 20% of image area. Use unique images per page.

Debugging Previews

• Facebook: Sharing Debugger — parse OG tags, refresh cache
• X: Card Validator — preview Twitter Card
• LinkedIn: Post Inspector — check LinkedIn share preview
• KakaoTalk: Developer tools cache reset

Common Mistakes

• Missing og:image: Shares without images see dramatically lower CTR.
• Small images: Below 1200×630px results in cropped or blurry previews.
• Stale cache: After updating OG tags, refresh platform caches to see changes.

Sources:

• The Open Graph Protocol — ogp.me
• Open Graph Meta Tags: Everything You Need to Know — Ahrefs
• What Is Open Graph and How to Use It — Semrush