Open Graph Preview

Facebook、Twitter、LinkedInでリンクがどう表示されるかプレビューします。

Multi-Platform Preview

See how your link looks on Facebook, Twitter, and LinkedIn.

Raw Tag Inspector

View all extracted Open Graph and Twitter meta tags.

Missing Tag Warnings

Get alerts about missing recommended meta tags.

Server-Side Fetch

Bypasses CORS by fetching pages on the server.

Open Graph Previewについて

The Open Graph Preview Checker fetches any public URL and shows you exactly how that page's link will appear when shared on Facebook, Twitter/X, and LinkedIn. Open Graph meta tags control the title, description, and image displayed in social share cards — getting these right can dramatically increase click-through rates on shared links. Many developers discover too late that their image is the wrong size, their title is missing, or their description is being cut off. This tool does a server-side fetch to bypass CORS restrictions, extracts all og:, twitter:, and standard meta tags, renders accurate previews for each platform, and highlights any missing recommended tags with clear warnings. Use it before every launch to verify your social sharing setup is perfect.

Open Graph Previewの使い方

Enter the full URL of the web page you want to preview (https:// is added automatically if omitted).
Click the Preview button — the tool fetches the page server-side to avoid CORS issues.
Review the Facebook, Twitter/X, and LinkedIn preview cards to see exactly how your link will look.
Check the Missing Tags warning section to identify any recommended meta tags that are absent.
Expand the Extracted Meta Tags table to inspect all raw property values including image URLs.
Fix any issues in your HTML, redeploy, and re-check until all platforms show the correct preview.

よくある質問

Why does my preview look different from what I see on the actual social platform?

Social platforms aggressively cache Open Graph data — sometimes for up to 7 days. Facebook has a Sharing Debugger tool and Twitter has a Card Validator where you can force a cache refresh after updating your meta tags. This tool always fetches the latest version of your page.

My page returns an error — what could be causing this?

Common causes include: the page requires authentication, the server blocks non-browser user-agents, the URL redirects to a page that requires JavaScript to render content, or the server has strict CORS/firewall rules. Try with a publicly accessible page first.

What is the recommended og:image size?

For best results across all platforms, use an image that is 1200×630 pixels. Facebook and LinkedIn require a minimum of 200×200 px. Twitter large image cards need at least 300×157 px. The image must be served over HTTPS and be publicly accessible (no login required).

Which Open Graph tags are considered essential?

The four essential Open Graph tags are og:title, og:description, og:image, and og:url. Without og:type (defaulting to "website"), og:site_name, and the Twitter Card tags, you may get inconsistent or degraded previews on some platforms.

Does fixing my Open Graph tags affect my Google ranking?

Not directly. Open Graph tags are not used by Google for ranking. However, better-looking social cards lead to higher click-through rates on shared links, which can drive more traffic and indirectly improve your site's authority signals over time.

Open Graph Previewの完全ガイド：無料オンラインツール

ブラウザ完結で安全・高速なOpen Graph Preview。開発者やクリエイターの作業を効率化

Facebook、Twitter、LinkedInでリンクがどう表示されるかプレビューします。を瞬時に実現する無料ツールです。面倒なソフトのインストールは不要で、安全にブラウザ上で処理できます。

Open Graph Previewが選ばれる理由

高速処理: ミリ秒単位で即時実行。
プライバシー保護: データは端末外に送信されません。
完全無料: 登録不要で制限なく利用可能。

簡単な3つの利用手順

Open Graph Previewのページを開きます。
データを入力または貼り付けます。
結果を確認してコピーまたは保存します。

機能比較

項目	Metoolzy Open Graph Preview	他社オンラインツール	専用ソフト
料金	完全無料	制限あり	有料ライセンス
セキュリティ	完全ローカル処理	サーバー送信あり	ローカル処理