OG Image Preview

Preview how your links will appear when shared on Facebook, Twitter, LinkedIn, Discord, and Slack. Enter your meta tag values and see live previews instantly.

Enter OG Tag Values

0/90 chars (60-90 recommended)
0/200 chars (150-200 recommended)
1200 x 630px recommended

Facebook / LinkedIn

1200 x 630 image preview

example.com

Page Title

Page description will appear here.

Twitter — summary_large_image

Large image preview

Page Title

Page description will appear here.

example.com

Twitter — summary (small)

144x144

example.com

Page Title

Page description will appear here.

Discord

Site Name

Page Title

Page description will appear here.

Image preview

Slack

Site Name

Page Title

Page description will appear here.

Image preview

Generated Meta Tags

<!-- Open Graph -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:type" content="website" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

よくある質問

Q. OGPタグとは何ですか？

A. OGP（Open Graph Protocol）タグは、SNSでURLをシェアした際にタイトル・説明・画像を正しく表示させるためのHTMLメタタグです。Facebook・Twitter・LINEなどで使用されます。

Q. OG画像の推奨サイズは？

A. 一般的に1200×630pxが推奨されています。Twitterカードでは最低600×314px以上が必要です。画像が設定されていない場合、SNS側のデフォルト表示になります。

Q. タイトルや説明の文字数制限はありますか？

A. タイトルは60〜70文字以内、descriptionは120〜160文字以内が推奨です。超過するとSNSやGoogle検索で切り捨てられる場合があります。

関連ツール

メタタグジェネレータープレースホルダー画像生成

What Are Open Graph Meta Tags?

Open Graph (OG) meta tags are HTML elements that control how your web pages appear when shared on social media platforms. Originally created by Facebook, the Open Graph protocol is now used by LinkedIn, Discord, Slack, and many other platforms to generate rich link previews with titles, descriptions, and images.

Why Preview Your OG Tags?

Each social media platform renders link previews differently. Facebook and LinkedIn use large image cards, Twitter has its own card format with summary and large image variants, and Discord and Slack use colored embed styles. Previewing your tags before publishing ensures your content looks professional across all platforms.

Recommended OG Image Dimensions

The recommended Open Graph image size is 1200 x 630 pixels with an aspect ratio of 1.91:1. This size works well across Facebook, LinkedIn, Twitter, and most other platforms. Images smaller than 600 x 315 pixels may not display correctly. For Twitter summary cards (small square), use a minimum of 144 x 144 pixels.

Essential OG Meta Tags

  • og:title — The title of your page (60-90 characters recommended)
  • og:description — A brief summary (150-200 characters recommended)
  • og:image — URL to the preview image (1200x630px recommended)
  • og:url — The canonical URL of your page
  • og:site_name — The name of your website

How to Use This Tool

  1. Enter your page title, description, image URL, site name, and page URL in the input fields.
  2. See live previews for Facebook, Twitter, Discord, LinkedIn, and Slack update as you type.
  3. Check the character length indicators for optimal tag lengths.
  4. Copy the generated meta tag HTML and paste it into your page's <head> section.