ogp設定とは？初心者が知っておくOpen Graphの基本と使い方共起語・同意語・対義語も併せて解説！

この記事を書いた人

高岡智則

年齢：33歳性別：男性職業：Webディレクター（兼ライティング・SNS運用担当）居住地：東京都杉並区・永福町の1LDKマンション出身地：神奈川県川崎市身長：176cm 体系：細身〜普通（最近ちょっとお腹が気になる）血液型：A型誕生日：1992年11月20日最終学歴：明治大学・情報コミュニケーション学部卒通勤：京王井の頭線で渋谷まで（通勤20分）家族構成：一人暮らし、実家には両親と2歳下の妹恋愛事情：独身。彼女は2年いない（本人は「忙しいだけ」と言い張る）

ogp設定とは？

ogp設定とは、WebページがSNSで共有されたときにどう表示されるかを決める仕組みです。Open Graph Protocolという規格を使い、ページのタイトルや説明文、画像、URLなどを事前に指定します。

SNSはこの情報をもとに投稿カードを作成します。ogp設定を正しく行えば、読者が投稿をクリックしたときに魅力的な情報が表示され、クリック率の向上につながります。

基本的なタグの意味

タグ名	意味	例
og:title	ページのタイトル	「私のサイトの新着情報」
og:description	ページの説明文	「最新情報を分かりやすく紹介」
og:image	表示される画像のURL	https://example.com/image.jpg
og:url	ページのURL	https://example.com/post
og:type	ページの種類	website / article

設定方法

1) 手動でHTMLの<head>に追加。ページのテンプレートに以下のような情報を入れると良いです（例は説明なのでコードは省略します）

2) CMSやプラグインを使う。WordPressなら Yoast SEO や All in One SEO Pack などのプラグインで og:image や og:title の設定を簡単に行えます。設定画面でURLを用意し、公開時に反映されます。

3) 検証と改善。公開後、FacebookのSharing DebuggerやTwitter Card Validatorで実際の表示を確認し、問題があればog:titleの長さやog:imageのサイズを修正します。

よくある注意点として、og:imageは適切なサイズを選ぶこと、推奨サイズは長方形で1200x630ピクセル程度、画像は有効なURLで公開されていること、サイト名が長い場合はog:site_nameで調整することなどがあります。

最後に、ogp設定を正しく行うと、あなたの投稿がSNS上で魅力的に表示され、クリック率の向上が期待できます。最初は小さな変更から試して、反応を見ながら改善していきましょう。

ogp設定の同意語

OGP設定: Open Graph Protocolの設定の総称。WebページにOGPタグを追加・値を設定して、SNSでのシェア時に表示内容を最適化する作業。
Open Graph設定: Open Graph Protocolの設定。タイトル・説明・画像などのOGP情報を適切に設定して、SNSでの見え方を整える作業。
Open Graphタグ設定: Open Graph用のmetaタグをHTMLに追加・調整する設定。シェア時のタイトルや画像などを正しく表示させるための作業。
OGタグ設定: OGタグ（Open Graphタグ）の設定。ページごとに適切なog:title/og:description/og:imageを設定すること。
OpenGraph設定: Open Graphの設定。Open Graphプロトコルに沿う形でタグとデータを整える作業。
Open Graphプロトコル設定: Open Graph Protocol（OGP）の規格に基づく設定。metaタグのカテゴリ・属性を正しく配置すること。
OGPタグ設定: OGPタグの設定。og:* 系のメタデータをHTMLに追加して、SNSの表示を制御する調整。
Open Graphメタデータ設定: Open Graph用のメタデータを設定すること。og:title・og:description・og:imageなどを指定。
OGP実装設定: サイトへOGPを実装するための設定全般。タグの追加・検証・最適化を含む作業。
SNS最適化設定: ソーシャルメディアでの表示を最適化するための設定。OGPを含む、SNS用のメタデータの調整を指す。
ソーシャルOGP設定: ソーシャルメディア向けのOGP設定。公開時の見た目をコントロールする作業。

ogp設定の対義語・反対語

OGP未設定: Open Graph Protocol の設定がまだ行われていない状態。SNSでの表示に使われるOGPタグが出力されません。
OGP設定なし: OGP の設定自体が存在しない、未適用の状態。
OGP無効化: Open Graph Protocol の機能を意図的に無効化している状態。OGPタグが出力されず、SNSプレビューに影響します。
Open Graph設定なし: Open Graph の設定が無い状態。英語表記の設定が適用されないことを指します。
SNSメタデータなし: SNS用のメタデータが出力されていない状態。FacebookやTwitterのカード情報が表示されません。
OGP出力なし: HTMLにOGP用の meta タグが出力されていない状態。
OGP非適用: Open Graph Protocol が適用されていない状態。SNSでの表示が通常と異なる可能性があります。
OGP非対応設定: OGPをサポートしていない設定、タグが生成されません。

ogp設定の共起語

og:title: SNSで表示されるタイトル。ページの内容を要約して、クリックを促すキャッチコピーを設定します。
og:description: SNSで表示される説明文。本文の要点を短く分かりやすく書き、興味を引く説明を心がけます。
og:url: シェア時に参照されるページの正式URL。URLの正確さと一意性を保つことが重要です。
og:type: ページの種類を示す指標。例: website、article。用途に応じて使い分けます。
og:image: SNSで表示される代表画像のURL。魅力的なサムネイルを設定します。
og:image:width: og:image の横幅（ピクセル）。サイズを明示するとSNS側で正しく表示されやすくなります。
og:image:height: og:image の高さ（ピクセル）。
og:image:secure_url: HTTPS版の og:image URL。セキュアなURLを使用します。
og:site_name: サイト名（ブランド名）を表示します。ブランド認知を高める設定です。
og:locale: サイトの言語と地域設定。例: ja_JP。
article:published_time: 記事の公開日時（ISO 8601形式など）。公開情報として正確に記述します。
article:modified_time: 記事の最終更新日時（ISO 8601形式）。内容の新しさを示します。
article:author: 記事の著者を示すURLや識別名。読者が著者を特定できるようにします。
article:section: 記事のセクション名。読みやすさやカテゴリ分けの目安になります。
article:tag: 記事に関連付けるタグ（複数可能）。検索・発見性の補助になります。
twitter:card: ツイート時のカード種別。例: summary、summary_large_image など。
twitter:site: 公式のツイッターアカウント。ブランドの露出を高めます。
twitter:creator: 著者のツイッターアカウント。個人の発信元を示します。
twitter:title: ツイート用のタイトル。og:titleと連携させると一貫性が出ます。
twitter:description: ツイート用の説明文。短く端的に魅力を伝えます。
twitter:image: ツイートに表示される画像。適切な解像度の画像を用意します。
Facebookデバッガー: FacebookのOGP設定を検証・デバッグできるツール。表示崩れを防ぐために利用します。
Twitter Card Validator: ツイッターカードの表示を確認・検証するツール。
ogpプラグイン: WordPressなどのCMSでOGP設定を補助するプラグイン。自動生成や設定支援を行います。
Yoast SEO: WordPressのSEOプラグイン。OGP設定を含むSEO全般をサポートします。
All in One SEO Pack: 別の人気SEOプラグイン。OGP設定機能を提供します。
メタタグ: HTMLのmetaタグとしてOGP・twitterカード情報を設定します。
ソーシャルプレビュー: 実際のシェア時の見え方を確認するプレビュー機能・ツール。
og:image推奨サイズ: og:imageの推奨サイズ。一般的には横 1200px、高さ 630px程度が目安です。
ogp設定のベストプラクティス: 一貫性のあるタイトル・説明・画像を揃え、ダブルチェックを行う運用のコツ。

ogp設定の関連用語

Open Graph Protocol (オープン・グラフ・プロトコル): FacebookをはじめとするSNSが、リンクを共有する際の見た目を統一して表示するための標準仕様の総称です。
ogタグ: HTMLのhead内に配置するOpen Graph用メタタグの総称。代表的なタグとして og:title や og:image などがあります。
og:title: SNS上に表示されるリンクのタイトルを設定するメタタグです。
og:description: SNS上に表示されるリンクの説明文を設定するメタタグです。
og:image: SNSで表示されるサムネイル画像のURLを指定するメタタグです。
og:url: 共有時に参照されるページの正規URLを設定します。
og:type: ページの種類を示すタグ。 website や article などの値を使います。
og:site_name: サイト名を表示するタグです。
og:locale: ページの言語と地域を示すタグ（例: ja_JP）。
og:image:width: og:image の推奨横幅をピクセルで指定します。
og:image:height: og:image の推奨縦幅をピクセルで指定します。
og:image:alt: 画像の代替テキスト。アクセシビリティ向上のための説明を入れます。
og:image:secure_url: この HTTPS の画像URLを指定する場合に使います。
og:locale:alternate: 別の言語ロケールを併記する場合に使います。
fb:app_id: FacebookアプリIDを紐付け、共有データの取得を容易にします。
twitter:card: Twitter用カードの種類を指定します（例: summary_large_image）。
twitter:title: Twitterで表示されるタイトルを設定します。
twitter:description: Twitterで表示される説明文を設定します。
twitter:image: Twitterで表示される画像を設定します。
Facebook Sharing Debugger: FacebookがOGP設定を検証するデバッグツールです。
Open Graph Debugger: Open Graphの設定を検証するツールです（旧Open Graph Debuggerなど）。
ogp設定の実装手順: HTMLのheadタグ内に og:title, og:description, og:image などのメタタグを追加していく手順です。
ogp推奨画像サイズ: 推奨される og:image サイズは縦横比を考慮して 1200x630 ピクセル前後など、プラットフォームの推奨値を確認してください。
ogpとSEOの関係: OGPはSNSの表示最適化で、クリック率の向上に寄与することが多いですが、直接的なSEOランキング要因ではありません。
ogpチェックリスト: タイトル・説明・画像・URL・タイプ・ locale など、必須項目の入力漏れを防ぐチェックリストです。