SNSでシェアされたときのページの表示をプレビューします。URLを入力するかOpen Graphメタタグを手動で記入してください。
Open Graph
Twitter / X
ソーシャルプレビュー — Facebook
Page Title
メタHTMLを生成
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
<head> <!-- Open Graph (for Facebook, LinkedIn, Slack…) --> <meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="A concise page description" /> <meta property="og:image" content="https://example.com/image.jpg" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="My Site" /> <!-- Twitter Cards (also used by X / formerly Twitter) --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Your Page Title" /> <meta name="twitter:description" content="A concise page description" /> <meta name="twitter:image" content="https://example.com/image.jpg" /> </head>
| Platform | Recommended Size | Min Size | Aspect Ratio |
|---|---|---|---|
| 1200×630 px | 600×315 px | 1.91:1 | |
| Twitter / X | 1200×628 px | 300×157 px | ~1.91:1 |
| 1200×627 px | 200×200 px | 1.91:1 | |
| Slack | 1200×628 px | — | ~1.91:1 |
Keep under 60 characters. Match the page <title> for consistency.
150–160 characters. Write a compelling summary, not just keywords.
Use HTTPS. Minimum 1200×630 px. Avoid text-heavy images.
Use the canonical URL. Avoids duplicate content issues when pages share images.
Open Graph(OG)メタタグは、Facebook、LinkedIn、SlackなどのSNSプラットフォームでコンテンツを共有した際の表示を制御するHTMLメタデータタグです。2010年にFacebookが作成し、ソーシャル共有カードのタイトル、説明、画像などのプロパティを指定できます。
推奨されるOpen Graph画像のサイズは1200×630ピクセルで、アスペクト比は1.91:1です。Twitter/Xはsummary_large_imageに800×418を推奨しています。画像サイズはFacebookは8MB以下、Twitterは5MB以下にする必要があります。PNGまたはJPG形式が最適です。
はい。Twitterは独自のtwitter:プレフィックスタグ(twitter:card、twitter:title、twitter:description、twitter:image)を使用しますが、twitter:タグがない場合はog:タグにフォールバックします。すべてのプラットフォームで最大の互換性を確保するには、両方を設定することをお勧めします。
プラットフォームはOGデータをキャッシュします。Facebookの更新には最大24時間かかる場合があります。キャッシュを強制クリアするにはFacebook Sharing Debuggerを使用してください。LinkedInは通常数分で更新されます。Twitterは新しい共有リンクが検出されるたびに更新されます。Slackは貼り付け時に即時更新されます。