Open Graphジェネレーター
ソーシャルメディアでの共有を最適化する、プロ仕様のOpen Graphタグを作成
FacebookやWhatsAppでの共有時の見え方のプレビュー
1200×630
example.com
そのまま貼り付けられるOpen Graphタグのコードがここに表示されます…
FastolsのOpen Graphジェネレーターとは?
このツールは、SNSでページのリンクを共有した際に魅力的なカードを表示するために必要な、Open GraphタグとTwitter Cardタグを生成します。
最終的なタグのコードをコピーする前に、入力中にカードのライブプレビューを確認できます。
公開前にプレビュー
タグは入力内容からローカルで生成されるため、公開前にデザインをテストできます。
ソーシャルカードをリアルタイムプレビュー
入力しながら、FacebookやTwitterでのリンク表示を正確に確認できます。
コード取得にアカウント不要
完成したOpen Graphタグを登録なしで無料コピーできます。
使い方
- 1ページのタイトル、説明、URLを入力します。
- 2必要であればプレビュー画像のURLとサイズを追加します。
- 3適切なコンテンツタイプとTwitterカードの種類を選択します。
- 4生成されたメタタグのコードをコピーし、ページのheadタグ内に貼り付けます。
よくある質問
このツールは実際にページを公開したり、入力したURLを確認したりしますか?
いいえ、このツールは入力データに基づいてメタタグのコードを作成するだけで、ページの存在を確認したり何かを公開したりすることはありません。
コードに表示されるOpen GraphタグとTwitter Cardタグの違いは何ですか?
Open Graphタグは主にFacebookをはじめとするほとんどのプラットフォームで使用され、Twitter CardタグはX(旧Twitter)上でのリンク表示専用のものです。
コードを作成するにはすべての項目を入力する必要がありますか?
いいえ、タイトルや説明などの基本項目だけでも有用なタグを作成できます。その他の項目はカードの見た目を改善するための任意項目です。
生成前に入力した画像をプレビューできますか?
はい、入力した画像のURLが有効でブラウザ上で読み込める場合、その画像を含むカードのライブプレビューが表示されます。
作成中にページのURLやデータがサーバーへ送信されますか?
いいえ、タグのコードは入力したデータから、すべてブラウザ内で作成されます。