FIRST CH TOOLS LOCAL PROCESSING — サーバー送信なし EN

FIRST CH TOOLS / 08 OGP WIZARD

OGPメタタグ生成ウィザード

タイトル・説明・URL・画像URLを3ステップで入力し、SNSでシェアされたときのカード表示（OGP）を X / Facebook 風にプレビューしながら、og: と twitter: のmetaタグ一式を生成します。既存ページの確認は、ページのソース（<head>部分）を貼り付けて読み取れます。

カードに大きく出る2項目です。下のプレビューで切れ方を確かめながら決めます。

検収・確認用。URLを直接取りに行く処理はありません

X (Twitter)

Facebook

※実際の見た目の最終確認は各SNS公式の検証ツール（Card Validator / シェアデバッガー）でも行えます。

How to Use

  1. 1 内容タイトルと説明を入力します。既存ページを確認したいときはソースを貼り付けて読み取ります。
  2. 2 URL・画像ページURLと画像URLを入れ、X / Facebook 風プレビューで見え方を確認します。
  3. 3 生成必須項目の充足状況を確認し、metaタグ一式をコピーして<head>に貼り付けます。

About This Tool

OGP（Open Graph Protocol）は、SNSやチャットでURLを共有したときに表示されるカード（タイトル・説明・画像）を制御するmetaタグの仕様です。 設定漏れはシェア時の見た目を大きく損なうため、当社ではサイト納品前の検収チェック項目としてOGP確認を標準化しています。本ツールの生成ステップでは、その検収項目である og:title / og:description / og:image の充足状況をその場で表示します。 なお、URLを入力するだけの自動取得はブラウザのセキュリティ制約（CORS）上できないため、既存ページの確認は「ソース貼り付け」方式を採っています。処理はすべて端末内で完結します。

Other Tools