Open Graph プレビューワー
ウェブサイトURLを入力
Open Graphカードのプレビュー
Facebookプレビュー
EXAMPLE WEBSITE
ページタイトル例
これはソーシャルメディアでシェアされた際に表示されるページコンテンツの説明例です。
https://example.com/page
Twitterプレビュー
ページタイトル例
これはソーシャルメディアでシェアされた際に表示されるページコンテンツの説明例です。
example.com
websiteメタタグジェネレーター
Open Graph Previewer の使い方
- 1
ページの URL を入力する
確認したいページの完全な URL を「website URL」フィールドに貼り付けます。
- 2
OG データを取得する
「Fetch OG Data」をクリックして、ページの既存の Open Graph のタイトル、説明、画像、サイト名を取得します。
- 3
必要なら手動で編集する
「Edit Manually」に切り替えて、タイトル、説明、画像 URL、type などのフィールドを調整し、プレビューが更新される様子を見ます。
- 4
プレビューしてタグをコピーする
Facebook と Twitter のカードプレビューを確認し、生成されたメタタグをコピーしてページに追加します。
よくある質問
Open Graph タグとは何で、なぜ重要なのですか?
Open Graph メタタグは、ページが共有されたときにどのタイトル、説明、画像を表示するかをソーシャルプラットフォームに伝えます。適切に設定すれば、Facebook、X、LinkedIn などで、より魅力的でクリックされやすいリンクプレビューが生成されます。
Facebook と Twitter のプレビューはどのように機能しますか?
ツールはあなたの Open Graph の値を使って Facebook と Twitter のカードを模擬的に描画するので、リンクを公開・共有する前にタイトル、説明、画像の見え方を確認できます。
既存のページがなくてもタグを生成できますか?
はい。「Edit Manually」を使ってタイトル、説明、画像 URL、サイト名、URL、type を一から入力し、HTML 用のすぐ使えるメタタグをコピーできます。
URL の取得が失敗したりデータが返らなかったりするのはなぜですか?
一部のサイトは自動リクエストをブロックしたり、ログインを必要としたり、そもそも Open Graph タグがなかったりします。その場合は手動モードに切り替えて、値を自分で入力してください。
ツールは無料ですか?入力した URL はどうなりますか?
ツールは登録不要で無料です。ライブページからタグを読み取るには、URL を当サイトのサーバープロキシ経由で取得します(ブラウザのクロスオリジン制限を回避するために必要です)。そのためリクエストされるのは公開ページのアドレスだけで、手動編集とプレビューはブラウザ内で行われます。
関連ツール
こちらの便利なツールもどうぞ