Skip to main content
FreeToolkit .ai

Open Graph (OG) プレビュー & ジェネレーター Facebook、LinkedIn、その他のプラットフォームでのオープングラフカードの表示をプレビューします。

オープングラフプレビュー illustration
📱

オープングラフプレビュー

Facebook、LinkedIn、その他のプラットフォームでのオープングラフカードの表示をプレビューします。

1

ページの詳細を入力

タイトル、説明、URL、画像URL、およびOGタイプを追加します。

2

カードをプレビュー

FacebookやLinkedInで共有したときにページがどのように表示されるかを見てみましょう。

3

メタタグをコピー

生成されたog:メタタグをウェブサイトにコピーします。

Loading tool...

What Is オープングラフプレビュー?

Open Graph プレビューツールを使用すると、Facebook、LinkedIn、その他の Open Graph プロトコルを使用するプラットフォームで共有されたときにウェブページがどのように表示されるかを確認できます。Open Graph メタタグは、リンクプレビューに表示されるタイトル、説明、画像、およびタイプ情報を制御します。よく作られた OG プレビューは、ソーシャルシェアからのクリック率を大幅に増加させることができます - 画像と説明が最適化された投稿は、より多くのエンゲージメントを受けます。このツールでは、Facebook/LinkedIn カード形式のビジュアルプレビューを提供し、ウェブサイトの HTML に追加する必要がある og: メタタグの完全なセットを生成します。

Why Use オープングラフプレビュー?

  • FacebookやLinkedInのカードレイアウトと一致するビジュアルプレビュー
  • 必要なすべてのog:メタタグを生成
  • 複数のOGタイプ：ウェブサイト、記事、製品、プロファイル、動画
  • 最適なタイトルと説明の長さに対する文字数ガイダンス
  • サイト名とURLの設定による完全なOGセットアップ

Common Use Cases

ウェブサイトの公開

すべてのページに正しいOGタグが付いていることを確認してから公開します。

ブログの出版

記事がソーシャルメディアで共有されたときの表示を最適化します。

電子商取引

製品ページを美しくシェアできるように、製品タイプのOGタグを使います。

マーケティングキャンペーン

ソーシャルリンクプレビューに表示されるメッセージを正確に制御します。

Technical Guide

Open Graph プロトコルは 2010 年に Facebook で作成され、現在ほとんどのソーシャルプラットフォームでリンクプレビューに使用されています。必須タグ: og:title、og:type、og:image、および og:url。推奨される追加タグ: og:description、og:site_name、og:locale。画像については、1200×630 ピクセル (1.91:1 の比率) が最適な表示サイズとして推奨されます。Facebook は約 30 日間 OG データをキャッシュします - Facebook Sharing Debugger (developers.facebook.com/tools/debug/) を使用して更新してください。LinkedIn には同様の機能を持つ Post Inspector があります。OG タグは、HTML の <head> セクションに配置する必要があります。如果両方の OG タグと Twitter Cards が存在する場合、Twitter は独自のタグを優先しますが、Facebook は OG タグを使用します。ベストプラクティスは、最大限の制御を実現するために両方を実装することです。

Tips & Best Practices

  • 1
    1200×630ピクセルの画像を使って、すべてのプラットフォームで最適な表示を行う
  • 2
    og:titleは60文字未満、og:descriptionは160文字未満にしてください
  • 3
    Facebook Sharing Debuggerを使用してキャッシュされたOGデータを強制的に更新する
  • 4
    og:とtwitter:タグの両方を実装して、クロスプラットフォームでの完全な制御を行う
  • 5
    複数のプラットフォームでテストします。Facebook、LinkedIn、およびSlackはすべて異なる方法でレンダリングされます

Related Tools

Twitterカードプレビュー - free online tool

Twitterカードプレビュー

タイトル、説明文、画像とともにツイッター/Xカードとして表示されるリンクの見え方をプレビューします。

📱 Social Media
UTMリンクビルダー - free online tool

UTMリンクビルダー

Google Analyticsでマーケティングキャンペーンを追跡するためのURLにUTMパラメータを追加します。

📱 Social Media
ソーシャルシェアボタンジェネレーター - free online tool

ソーシャルシェアボタンジェネレーター

ウェブサイト用の複数スタイルとプラットフォームに対応したHTML/CSSソーシャルシェアボタンを生成します。

📱 Social Media
ハッシュタグカウンター - free online tool

ハッシュタグカウンター

テキスト内のハッシュタグを数えて分析し、プラットフォームの制限と重複検出を行います。

📱 Social Media

Frequently Asked Questions

Q オープングラフタグとは何か?
Open Graphメタタグは、ソーシャルメディアプラットフォーム（FacebookやLinkedInなど）でウェブページが共有されたときの表示を制御するHTMLタグです。
Q OG画像の最適なサイズは何か?
推奨されるサイズは1200×630ピクセル（1.91:1アスペクト比）で、ほとんどのプラットフォームで最適な表示を行うことができます。
Q FacebookでのキャッシュされたOGデータを更新する方法
開発者向けFacebookツール（developers.facebook.com/tools/debug/）を使用してURLを再度スクラップし、キャッシュを更新します。
Q OGタグとTwitterカードの両方が必要か?
理想的にははい。OGタグはFacebook、LinkedIn、およびほとんどのプラットフォームで使用されます。一方、Twitterは独自のtwitter:タグを好みますが、それらがなければOGにフォールバックします。

About This Tool

オープングラフプレビュー is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.