.png)
本記事では、HTMLサイトとWordPressサイトの両方で、SNSからの流入を劇的に増やすための正しい設定方法を、2026年最新の仕様に基づいて徹底解説します。
OGPは、SNSシェア時にタイトルや画像を正しく表示させるためのメタタグです。推奨画像サイズ1200×630px（1.91:1）を守り、HTMLのhead内にプロパティを記述、またはWordPressプラグインで設定することでクリック率が大幅に向上します。
OGP（Open Graph Protocol）とは、Facebook、X（旧Twitter）、LINEなどのSNSでWebページがシェアされた際、タイトル・説明文・サムネイル画像を意図通りに表示させるための仕組みです。
文字だけのリンクと、魅力的な画像・タイトルが整った「カード形式」のリンクでは、ユーザーの視認性が全く異なります。適切なOGP設定は、SNSからの流入数を数倍に高める効果があります。
設定を行わないと、SNS側がページ内のテキストや画像を勝手に抽出するため、「わかりづらい」情報が拡散されるリスクがあります。
OGPを設定することで、制作者が意図した「最高の第一印象」をユーザーに届けることができます。
HTMLサイトの場合は、<head>タグ内に以下のメタタグを記述します。2026年現在、X（旧Twitter）での表示を最適化する「Twitterカード」の設定も必須です。
HTML
<head>
<meta property="og:title" content="記事のタイトル" />
<meta property="og:description" content="記事の概要文（100文字前後）" />
<meta property="og:type" content="article" /> <meta property="og:url" content="https://example.com/page-url" />
<meta property="og:image" content="https://example.com/ogp-image.jpg" />
<meta property="og:site_name" content="サイト名" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="記事のタイトル" />
<meta name="twitter:description" content="記事の概要文" />
<meta name="twitter:image" content="https://example.com/ogp-image.jpg" />
</head>
WordPressの場合、テーマの機能を直接編集するよりも、プラグインを利用したほうが管理が容易で、記事ごとに異なる画像を柔軟に設定できます。
独自ノウハウ: WordPressテーマの中には、アイキャッチ画像を自動的にOGP画像として引用するものが多いですが、SNS上では画像の両端が切れる場合があるため、必ず「1200×630px」かつ「重要な要素を中央に配置した画像」を別途用意するのがプロの鉄則です。
2026年現在、主要なSNSで共通して綺麗に表示される「黄金サイズ」は以下の通りです。
項目 推奨値 理由・注意点
画像サイズ 1200×630px 高解像度ディスプレイでも鮮明に表示。
アスペクト比 1.91 : 1 各SNS共通規格。比率が異なると自動トリミング。
ファイル形式 JPEG / PNG WebPは一部のSNSプレビューで未対応の場合がある。
タイトルの長さ 32文字前後 スマホ表示で末尾が省略されないための限界値。
設定が完了したら、必ずSNS上での見え方をテストしましょう。
Q1. OGP設定を変えたのにSNSの表示が古いままなのはなぜ？
A. SNS側に古いデータのキャッシュが残っているためです。上記のFacebookシェアデバッガー等で「もう一度スクレイピング」を実行すると最新の状態に更新されます。
Q2. og:type の「website」と「article」はどう使い分ける？
A. サイトのトップページには「website」、ブログ記事や製品紹介などの個別ページには「article」を指定するのが一般的です。
Q3. 全ページ共通のOGP画像でも良いですか？
A. 最低限の表示は保てますが、記事の内容に合わせた個別のアイキャッチ画像を設定するほうが、SNSでのクリック率は圧倒的に高まります。
OGP設定は、Web制作における「地味だが最も費用対効果が高いSEO/SNS対策」の一つです。
適切な画像サイズと正確なメタタグ記述をマスターすることで、あなたのサイトの魅力はSNSを通じてより多くのユーザーへ届くようになります。
AIさくらさん（澁谷さくら）
ChatGPTや生成AIなど最新AI技術で、DX推進チームを柔軟にサポート。5分野のAI関連特許、品質保証・クラウドセキュリティISOなどで高品質を約束します。御社の業務内容に合わせて短期間で独自カスタマイズ・個別チューニングしたサービスを納品。登録・チューニングは完全自動対応で、運用時のメンテナンスにも手間が一切かかりません。
