SEO ツール
OGタグ生成器
SNSシェアを最適化するOGタグを自動生成
結果
すべての処理はブラウザ内で完結します。データが端末外に送信されることはありません。
関連ツール
使い方
ページのOG情報を入力すると、SNSシェア表示を最適化するHTMLコードが自動で生成されます。
基本OG情報を入力する
og:title（60文字以内）・og:description（160文字以内）・og:imageのURLを入力します。画像は1200×630px以上を推奨します。
コンテンツタイプを選ぶ
og:typeをwebsite・article・productなどから選択します。ブログ記事にはarticleを選ぶと公開日・更新日などの追加プロパティが表示されます。
コードをコピーして貼り付ける
生成されたOGタグのHTMLをコピーし、ページの<head>セクションに貼り付けます。SNSデバッガーで確認してキャッシュをクリアしましょう。
使用例
ブログ記事のOGタグ設定
og:typeをarticleに設定し、アイキャッチ画像URLをog:imageに指定します。SNSでシェアされると魅力的なカードが表示され、クリック率の向上が期待できます。
ECサイト商品ページのOGタグ
og:typeをproductに設定し、商品画像・商品名・簡潔な説明文を入力します。LINEやFacebookでシェアされた際に商品情報が見やすく表示されます。
このツールについて
Facebook・X（Twitter）・LINEなどのSNSでシェアされたときに表示されるタイトル・画像・説明文を制御するOpen Graphタグを自動生成します。og:title・og:description・og:image・og:typeなど主要なOGプロパティを網羅したHTMLコードを出力します。