win-j 로고
자유로운 블로그

Developer SEO Utility

Open Graph Preview

Enter a title, description, URL, and featured image URL to preview social sharing cards for KakaoTalk, Facebook, and Twitter, then generate OG/Twitter meta tags.

OG Card Preview Check the title, description, featured image, and site name shown when a link is shared.
Platform Previews Compare link sharing previews in KakaoTalk, Facebook, and Twitter-style cards.
Automatic Meta Tag Generation Generate Open Graph and Twitter Card meta tags, then copy or download the result.

Open Graph Information

Enter the title, description, URL, and featured image information used for the sharing preview.

Recommended Writing Length Keeping the title around 60 characters and the description around 150 characters can reduce truncation in shared cards.
Recommended Image Ratio A 1200×630px image or a 1.91:1 horizontal image is recommended for featured images.

0/60 chars recommended

0/150 chars recommended

Used for og:url and twitter:url.

Used for og:image and twitter:image.

Used for og:site_name.

The type of shared content.

Title 0 chars Description 0 chars URL waiting Image waiting

Share Preview

Check how the sharing card may appear on each platform.

Ready
OG IMAGE
Share title will appear here

Share description will appear here.

win-j.com
OG IMAGE
WIN-J.COM Share title will appear here

Share description will appear here.

OG IMAGE
Share title will appear here

Share description will appear here.

https://example.com/page/

Generated Result

Add the code below to the HTML head section.

Enter information and click the Generate OG Tags button.

Open Graph Checklist

The quality of a sharing preview depends on the title, description, image, and canonical URL settings.

og:title

This is the main title of the sharing card. Keep it short and clear because long titles may be truncated.

og:description

This appears in the description area of the sharing card. A concise page summary can help improve click-through rate.

og:image

This is the most visible image when a link is shared. A 1200×630px horizontal thumbnail is recommended.

Help

What is Open Graph Preview?

Open Graph Preview is a developer SEO utility that lets you preview link sharing cards shown on KakaoTalk, Facebook, Twitter, and similar platforms, then generate meta tags.

You can check how the share title, description, and featured image appear for blog posts, utility pages, landing pages, and product pages.

Recommended OG Image Size

  • Recommended ratio: 1.91:1 horizontal image
  • Example size: 1200 × 630px
  • Place important text near the center area of the image.
  • Use an absolute image URL that is accessible from outside.
Do Open Graph tags directly affect SEO?

Open Graph tags directly affect social and messenger sharing previews more than search rankings. A clear title, description, and image may increase the chance that users click the shared link.

Why does the image not update immediately in KakaoTalk?

KakaoTalk and social platforms may cache previously collected OG information. If a changed image is not reflected immediately, refresh the cache using each platform's sharing debugger.

Can og:image use a relative path?

It is better to use an absolute URL starting with https://. Relative paths may not be collected correctly by some platforms.

Are Twitter Card tags required?

Many platforms can show previews with Open Graph tags alone, but adding twitter:card, twitter:title, twitter:description, and twitter:image is recommended if you care about X/Twitter sharing quality.

Where should I add the generated tags?

Add the generated meta tags inside the HTML document's head section. In a Django template, manage them in the base template meta block or each page's SEO block.