ToolPort

OGP作成・確認

SNS でシェアされたときのタイトル・説明・画像（OGP）を作成し、X・Facebook・LINE・Slack と Google 検索結果での見え方を確認できます。

入力した内容はこのブラウザの中だけで処理され、サーバーには送信されません。

ページの情報

<head> に貼り付けるタグ

確認結果

    見え方のプレビュー

    各サービスの表示を再現した目安です。実際の表示は、サービスの仕様変更や画面の幅で変わることがあります。

    OGP とは

    OGP（Open Graph Protocol）は、ページが SNS やチャットでシェアされたときに表示するタイトル・説明・画像を指定するためのタグです。設定していないと、画像が表示されなかったり、ページの中の関係ない画像が使われたりします。

    主なタグ
    og:titleシェアされたときのタイトル。40 文字前後から省略されることが多いです。
    og:description説明文。表示されるのは 1〜3 行程度です。
    og:image画像。「https://」から始まる完全な URL で、1200 × 630 ピクセル（1.91:1）がおすすめです。
    og:urlページの正式な URL。
    twitter:cardX での表示の種類。大きい画像にするなら summary_large_image です。

    よくある質問

    OGP を直したのに、SNS の表示が変わりません

    各 SNS は一度読み込んだ OGP をしばらく覚えています（キャッシュ）。Facebook はシェアデバッガーで「再スクレイピング」すると更新されます。X や LINE は時間がたつと更新されます。

    URL を入れるだけで確認できないのはなぜですか？

    このツールは、入力内容をサーバーに送らずブラウザの中だけで動きます。ブラウザには、ほかのサイトの HTML を勝手に読み込めない安全のための制限（CORS）があるため、ページのソースを貼り付けていただく方式にしています。

    画像のファイルサイズは確認できますか？

    同じ理由（CORS）で、ほかのサイトにある画像のファイルサイズは確認できません。縦横のピクセル数と比率は確認できます。X では 5MB 未満、Facebook では 8MB 未満が目安です。