SNSシェアプレビューとは？
SNSシェアプレビューは、あなたのWebサイトがTwitter/X、Facebook、LINE、はてなブックマークでシェアされた際に、どのように表示されるかを事前に確認できるツールです。OGP（Open Graph Protocol）タグの設定状況を分析し、各プラットフォームでのサムネイル画像やタイトル、説明文の見え方をプレビューします。
日本ではLINEの利用者が9,500万人を超えており、SNSシェア対策においてLINE対応は必須です。しかし、LINEのOGP仕様は他のSNSと微妙に異なるため、個別に確認する必要があります。本ツールでは、主要SNSすべてのプレビューを一画面でまとめて確認でき、シェアされた際のクリック率向上につながる最適な設定をサポートします。
主な機能
Twitter/Xプレビュー
Summary Card・Large Imageの表示確認
Facebookプレビュー
OGPタグに基づく表示をシミュレーション
LINEプレビュー
LINE独自の表示形式を確認
はてブプレビュー
はてなブックマークでの表示確認
使い方ガイド
- 下の「SNSシェアプレビューを使う」ボタンをクリックするか、トップページにアクセスしてください。
- プレビューしたいWebページのURLを入力欄に貼り付けます。
- 「プレビュー表示」ボタンを押すと、各SNSでの表示結果が表示されます。
- 各SNSのプレビューを確認し、OGPタグの修正が必要な箇所を改善してください。
💡 改善のヒント
- og:imageは1200×630px以上の画像を使用しましょう（LINEは最低200×200px必要）
- og:titleは25文字以内に収めるとLINEでの切れを防げます
- Twitter Cardは「summary_large_image」を指定すると大きなプレビューが表示されます
- OGPタグを更新した後はFacebook共有デバッガーでキャッシュをクリアしましょう
- 日本語サイトではog:localeに「ja_JP」を必ず設定しましょう
よくある質問
OGP（Open Graph Protocol）は、WebページがSNSでシェアされた際の表示内容を制御するためのメタタグ規格です。og:title、og:description、og:imageなどを設定することで、シェア時のタイトル、説明文、サムネイル画像を指定できます。Facebookが策定した規格ですが、現在はほとんどのSNSが対応しています。
Facebookでは1200×630px、Twitter/Xでは1200×628pxが推奨されています。LINEは最低200×200pxですが、見栄えを考慮すると1200×630pxで統一するのが最も効率的です。画像容量は5MB以下に抑えましょう。
OGPはFacebookが策定した汎用規格で、Twitter CardはTwitter独自の拡張仕様です。Twitterは独自のmeta name="twitter:*"タグを優先しますが、未設定の場合はOGPタグにフォールバックします。両方設定しておくのがベストプラクティスです。
LINEは基本的に標準のOGPタグ（og:title、og:description、og:image）を読み取ります。ただし、og:imageが200×200px未満だとサムネイルが表示されません。また、LINEはキャッシュが強いため、OGPを変更した場合は反映に時間がかかることがあります。PagePokeなどでキャッシュクリアが可能です。
まずHTMLソースを確認し、og:タグがhead内に正しく記述されているか確認してください。次に、各SNSのキャッシュが原因の場合があります。Facebookは共有デバッガー、Twitterはカードバリデーターでキャッシュをクリアできます。サーバー側でUser-Agentによるアクセス制限がかかっている場合もありますので、botのアクセスを許可しているか確認しましょう。