01
共有用の上書き欄は必要なときだけ
共有タイトルと説明が空ならページの文言をOGPに使い、XもOGPから継承します。別の語り口が必要な場合だけ上書きしてください。
サイト・SEO開発
メタタグ生成ツール
ページ情報からOGPタグを作り、検索結果と共有カードの概略を比べます。
メタタグ生成ツール
ページと共有の項目
プレビューとコード
生成後に表示します
生成後に表示します
生成後に表示します
head用HTML
入力とHTMLはこのブラウザー内で処理します。画像の読み込みを押した場合だけ画像ホストへ接続します。
タグの設定
ページタイトルを入力するか例を読み込んでください。
検索結果では分かりやすいタイトルでも、SNSの小さなカードでは意図が伝わらないことがあります。メタタグ生成ツールならページ用と共有用の文言を必要な部分だけ分けられます。
OGPタグ生成とOGPプレビューを同じ画面で扱えます。ただし表示は概略です。SNS側のキャッシュ、画像の切り抜き、本文の選択まで再現するOGP確認ツールではありません。
メタタグ生成ツールを使う理由
同じページを複数の面で確認
メタタグ生成ツールは検索スニペットとFacebook、X、微信風のカードを並べて示します。長い見出しの見え方を見てから共有用タイトルを追加できます。
画像への接続を自分で決める
og:imageのURLを書いても画像は自動取得しません。最初はローカルの枠を表示し、画像プレビューの読み込みを押したときだけ画像ホストに接続します。
継承と更新のタイミング
02
画像には絶対URLを指定
og:imageにはHTTP(S)の完全なURLを使います。入力中の通信はなく、画像を表示する操作で初めて外部へ接続します。画像なしでもタグは作れますがOGPの主要四項目はそろいません。
03
編集後は新しい結果を待つ
自動生成は約350ミリ秒待って更新します。オフにした場合は生成ボタンかCtrl/Cmd+Enterを使います。古い結果のコピーとダウンロードは無効になります。
生成するタグと確認方法
検索用タイトルと説明
検索結果の概略にはページタイトル、URL、説明を表示します。文字数の目安は切り詰めを保証しません。Googleは検索語に合わせてスニペットを変えることがあります。
OGPの主要属性
OGPタグ生成ではog:typeとog:titleを出力し、入力された説明、URL、画像、サイト名を追加します。OGPプレビューには未取得の画像を占位として示します。
X向けカード
Twitterカード設定は大画像と要約を選べます。twitter:cardだけを追加し、タイトル、説明、画像はOGPを継承するため、同じ値を重複出力しません。
既存のheadを読み込む
貼り付けたHTMLから対応するタグをフォームに反映します。同じタグが複数あれば最初の値を採用して通知します。読み込みと消去は変更件数を確認してから適用できます。
下書きプレビューの限界
- 公開ページの検査ではない
- ページURLはog:url、canonical、表示ドメインに使うだけです。実際のページを取得しないため、公開済みのHTMLやHTTP応答は確認できません。
- 画像取得は明示的な操作のみ
- URL入力、HTMLの読み込み、タグ生成では画像ホストに接続しません。画像プレビューを読み込むとIPアドレスなどが相手に届く場合があります。ここで失敗してもSNSクローラーの結果とは限りません。
- 実際のSNS表示は変わる
- Googleは説明を差し替え、Facebook、X、微信は以前の画像をキャッシュしたり切り抜いたりします。この表示は近似で、各サービスの取得結果を保証しません。
- 必須欄とURLの形式
- ページタイトルは必須です。説明、ページURL、画像URLは省略できます。入力するURLはHTTP(S)の絶対形式に限り、相対パスや認証情報付きのURLは受け付けません。
- 扱うタグを絞る
- 画像の作成、アップロード、robots、hreflang、JSON-LD、記事固有の拡張、meta keywordsは対象外です。URLを巡回せず、既存のheadは貼り付けて読み込みます。
メタタグ生成ツールのよくある質問
OGPチェッカーやOGPシミュレーターと同じものですか？
いいえ。入力した情報からタグを作り、共有カードの概略を描きます。公開ページへのアクセスやSNS側の取得結果の検証は行いません。
確認できないURLはありますか？
このツールはURLを取得しません。HTTP(S)の絶対URLならタグに書けますが、相対パス、認証情報、空白を含むURLは拒否します。
プレビューは実際の表示と完全に同じですか？
同じとは限りません。SNSは画像を切り抜き、過去の情報をキャッシュし、表示デザインを変更します。メタタグ生成ツールの表示は下書きの近似です。
OGPが反映されないときはどうすればよいですか？
生成したタグが公開ページのheadに入っているか確認し、対象サービスのデバッグツールで再取得を試してください。ここからSNSのキャッシュを消すことはできません。
SNSに投稿しても画像が表示されないのはなぜですか？
画像URLが公開されていない、サービス側で取得できない、古いカードが残っているなどが考えられます。入力欄だけで外部画像は取得せず、明示的に読み込んで表示を確認できます。
生成されたタグに問題がありますか？