メタタグ・OGPジェネレーター

OGPシミュレーターとして使う

OGP（Open Graph Protocol）は、ページのURLをX・Facebook・LINE・Slackなどに貼ったときに表示されるカードの中身を決めるためのメタタグです。タイトル・説明・画像を指定しないと、貼った瞬間にただのURL文字列になったり、意図しない画像が拾われたりします。このページはそのカードの見え方を公開前にその場で確認できるシミュレーター（「シュミレーター」と表記されることもあります）です。入力すると同時に、Google検索・X・Facebook/LINEの3つのプレビューとメタタグのコードが同時に更新されます。無料・登録不要、入力はブラウザの中だけで処理します。

最低限そろえたいOGPタグ

• og:title／カードの見出し。検索用のtitleと同じでも構いませんが、SNSでは短いほうが切れません
• og:description／カードの説明文。1〜2文で、続きが読みたくなる要点を前半に
• og:image／1200×630pxの横長画像を絶対URLで。相対パスや小さすぎる画像はカードになりません
• og:url／そのページの正規URL。パラメータ付きURLで貼られてもここに集約されます
• og:type / og:site_name／記事はarticle、トップはwebsite。サイト名も入れておくと信頼感が出ます
• twitter:card／大きい画像で見せるならsummary_large_imageを指定します

OGP画像でつまずきやすいところ

画像の中の文字は、スマホのタイムラインでは想像よりずっと小さく表示されます。文字は大きく、要素は少なく。左右と上下は各5%ほど余白を取ると、サービスごとのトリミングで文字が欠けません。画像URLはhttpsの絶対パスで、ログインが必要な場所やアクセス制限のあるディレクトリに置かないこと。ここで作ったタグを貼ったのにカードが変わらない場合、多くは各SNS側のキャッシュが原因です。X Card ValidatorやFacebook Sharing Debuggerで再取得すると反映されます。

あわせて確認したいもの

検索結果での切れ方はSERPプレビューで、OGP画像そのものはバナー・サムネ作成（1200×630プリセットあり）で作れます。検索エンジンとAIにページの中身を正しく伝えるなら、構造化データ(JSON-LD)ジェネレーターもあわせてどうぞ。