Open Graph ジェネレーター

サイト運営者やコンテンツ制作者が、新しいページの公開や共有を準備する場面に向いています。ページのソーシャル共有を準備します。

ページのソーシャル共有を準備します。結果はブラウザーにすぐ表示され、登録、アップロード、保存なしでそのままコピーして再利用できます。

使い方

リンクを共有したときに表示したいタイトル、説明、ページアドレス、画像アドレスを用意します。
ツールのインターフェースに表示された順序に従って、それらの値をフィールドに入力します。
生成を実行して、コピー可能な対応する Open Graph タグを作成します。
生成されたコードをコピーし、対象ページの head セクションに配置します。
フィールドを消去して、別のページを準備したり、公開前に代替バージョンを比較したりします。

使用例

用意されたサンプルでは、ジェネレーターがタイトル、説明、ページアドレス、画像アドレスからタグを構築します。コードをサイトにコピーする前に、各値が実際に作業中のページのものか確認してください。特に画像リンクと正規のページアドレスに注意してください。

入力

Page title
Short description for sharing
https://example.com/page
https://example.com/image.jpg

出力

<meta property="og:type" content="website">
<meta property="og:title" content="Page title">
<meta property="og:description" content="Short description for sharing">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/image.jpg">

制限と形式

このツールはコピー用のタグを作成するだけで、あなたのサイトに公開するものではありません。
値は正確でなければなりません。誤ったアドレスはソーシャルプレビューを壊します。
最終的な表示は各ソーシャルプラットフォームとそのキャッシュ規則によって異なります。
リンクを共有する予定のプラットフォームで、画像サイズと形式を直接確認してください。
各プラットフォームが独自の表示規則を適用することがあるため、複数のプラットフォームで結果をテストしてください。

処理の場所

生成はブラウザー内で行われます。入力した情報はお使いのデバイス上に留まり、外部サービスに送信されません。結果を作成またはコピーするためにアカウントは必要ありません。

よくある質問

生成されたコードはどこに置けばよいですか？

タグは対象ページの head セクションに、できれば他のスクリプトより前に配置してください。誰かがリンクを共有したときに表示するタイトル、説明、画像をソーシャルプラットフォームに伝えます。

ローカルの画像ファイルを使用できますか？

いいえ、ソーシャルプラットフォームは公開されているアドレスから画像を取得する必要があります。すでにあなたのサイト上、または許可されたホスティングサービス上にある画像を使用してください。

変更後にプレビューが更新されないのはなぜですか？

ソーシャルプラットフォームは古いデータをキャッシュすることがよくあります。新しいタグを公開した後、各プラットフォームのデバッグツールでキャッシュを更新するか、自然に期限切れになるまで待ってください。