Developer Tools

Open Graph Preview — Free, No Upload, Browser-Based

🔒 ブラウザで動作

Open Graph Preview lets you enter your og:title, og:description, og:image URL, and og:url and instantly see how your share card renders on Twitter/X, LinkedIn, and Facebook. Everything runs in your browser — no data is sent to any server. Switch between platform previews in one click and use the character-count indicators to keep your metadata within recommended limits.

このツールの使い方

  1. Fill in the og:title, og:description, og:url, and og:image URL fields with your page metadata.
  2. Click Twitter/X, LinkedIn, or Facebook to switch between platform-specific card renderings and check how your metadata looks on each.
  3. Use the character-count status cards below to confirm title and description lengths are within recommended limits, then copy the values into your page's HTML head.

Recommended: 40–95 characters. Twitter truncates at ~70.

Recommended: 120–200 characters.

Used to extract the domain shown under the card.

Recommended: 1200 × 630 px, JPG or PNG, under 8 MB. Must be a publicly accessible URL.

Platform preview
1200 × 630 image

example.com

Your page title will appear here

Your Open Graph description will appear here when you fill in the field above.

Approximate rendering — exact appearance varies per platform version and client.

og:title length

0 chars

Enter a title

og:description length

0 chars

Enter a description

その他の無料ツール全524件を見る →
Merge PDFsCompress ImageJSON FormatterPassword GeneratorVAT CalculatorQR Code Generator
Open Graph Preview — Free, No Upload, Browser-Based | brevio