OGP設定完全ガイド｜SNS流入を増やす基本手順

ブログ記事をSNSでシェアしてもらっても、リンクの見た目が寂しいとクリックされにくいものです。OGP（Open Graph Protocol）を正しく設定すれば、タイトルや画像がSNS上できれいに表示され、読者の目に留まりやすくなります。この記事では、小規模事業者でも迷わず設定できるOGPの基本と実践手順をまとめました。

OGPとは？SNS表示を最適化する理由

OGPは、SNSでURLがシェアされた際の表示内容をコントロールするための仕組みです。

OGP（Open Graph Protocol）とは、Webページの情報をSNSやメッセージアプリに正しく伝えるためのメタタグの規格です。Facebook、X（旧Twitter）、LINEなどでURLをシェアすると、タイトル・説明文・画像がカード形式で表示されますが、この表示内容を決めているのがOGPタグです。

OGPを設定していないと、SNS側が自動的にページ内の情報を推測して表示するため、意図しないタイトルや画像が使われたり、画像が表示されなかったりすることがあります。せっかく丁寧に書いた記事も、シェアされたときの見た目が整っていなければ、読者の目に留まらずクリックされにくくなってしまいます。

OGP設定はSEO評価に直接影響するものではありませんが、SNS経由の流入を増やしたい事業者にとっては欠かせない施策です。ブログを更新するたびにSNSで告知しているなら、まずOGPが正しく設定されているか確認することから始めましょう。

必須メタタグ（og:title、og:description、og:image）の設定

OGP設定の基本となる3つのタグを、HTMLの head 内に記述します。

og:title・og:description・og:imageの役割

og:titleはシェアカードに表示されるタイトル、og:descriptionは説明文、og:imageはサムネイル画像を指定するタグです。それぞれページのタイトルタグやメタディスクリプションと同じ内容にしても構いませんが、SNS向けに少し短く・キャッチーに調整すると効果的です。

og:imageに指定する画像は、記事の内容が一目で伝わるものを選びましょう。文字だけのタイトル画像よりも、内容を象徴するビジュアルの方がクリックされやすい傾向があります。

記述例

実際のタグは以下のような形でHTMLのhead内に記述します。og:urlやog:typeも合わせて設定しておくと、より正確な情報がSNS側に伝わります。

• og:title：記事タイトル（30〜40文字程度が目安）
• og:description：記事の要約（60〜80文字程度）
• og:image：画像の絶対URL（http/httpsから始まる完全なURL）
• og:url：記事の正規URL
• og:type：article（ブログ記事の場合）

Twitterカード設定でクリック率を上げる

X（旧Twitter）では独自のTwitterカードタグを併用することで、より最適化された表示が可能になります。

Twitterカードは、OGPタグとは別に用意されたXプラットフォーム専用のメタタグです。twitter:cardタグでカードの種類（大きな画像を使う「summary_large_image」など）を指定でき、これによりタイムライン上での表示サイズが変わります。

OGPタグのみでもX上にある程度の表示はされますが、twitter:cardを明示的に設定しておくことで、意図した通りの見た目を安定して再現できます。特に画像を大きく見せたい場合は「summary_large_image」を指定するのが基本です。

twitter:title、twitter:description、twitter:imageも合わせて設定できますが、内容が同じであればog:title等の値を流用する仕組みが用意されているプラグインも多く、二重に管理する手間は少なくて済みます。

OGP画像のサイズ・フォーマット最適化

OGP画像は表示崩れを防ぐため、推奨サイズとファイル容量を意識して用意します。

OGP画像の推奨サイズは横1200px×縦630px程度が一般的です。このアスペクト比（約1.91:1）で用意しておけば、Facebook・X・LINEなど主要なSNSでトリミングされることなく綺麗に表示されます。

ファイル形式はJPEGまたはPNGが基本で、ファイルサイズは1MB以下に抑えるのが望ましいとされています。容量が大きすぎると読み込みが遅れ、カード表示が間に合わないケースもあるため、画像圧縮ツールで軽量化してから使用しましょう。

文字を画像内に入れる場合は、外側の余白を十分に取り、SNS表示時に一部が切れても意味が伝わるようにレイアウトを工夫すると安心です。

WordPressでのOGP設定方法

WordPressでは、テーマの機能やプラグインを使ってOGPタグを出力するのが一般的です。

テーマの機能を使う場合

近年のWordPressテーマの多くは、OGPタグの自動出力機能を標準で備えています。テーマの設定画面に「OGP」「SNS連携」といった項目がないか確認し、あればそこでデフォルトの画像やサイトの説明文を設定しておきましょう。

functions.phpで手動設定する場合

テーマに機能がない場合は、functions.phpにOGPタグを出力するコードを追加する方法もあります。ただし、コードの編集は表示崩れやエラーのリスクを伴うため、事前にサイト全体のバックアップを取り、可能であれば子テーマ側で作業することをおすすめします。

プラグイン活用でOGP自動化

コードの編集に不安がある場合は、SEOプラグインを使えばOGP設定を管理画面から簡単に行えます。

「All in One SEO」や「Yoast SEO」などの主要なSEOプラグインには、OGP・Twitterカードの設定機能が標準で組み込まれています。記事ごとにOGP用の画像やタイトルを個別に指定できるため、記事内容に合わせた見せ方の調整も容易です。

プラグインを導入すると、記事を公開するたびにデフォルトの設定が自動的に反映されるため、毎回タグを手入力する手間がなくなります。個別記事で画像を差し替えたい場合のみ、編集画面の該当欄に画像を設定すれば上書きされます。

複数のSEO系プラグインを併用すると、OGPタグが重複して出力され表示が崩れることがあるため、OGP機能はいずれか1つのプラグインに統一しておくのが安全です。

OGP設定の検証とデバッグツール

設定したOGPタグが正しく反映されているかは、公式のデバッグツールで確認できます。

FacebookのシェアデバッガーやX（旧Twitter）のカードバリデーターにURLを入力すると、実際にどのようなカードが表示されるかをプレビューできます。設定変更後は、これらのツールでキャッシュを更新しながら確認する習慣をつけましょう。

SNS側は一度取得したOGP情報をキャッシュするため、画像やタイトルを変更しても、SNS上ではしばらく古い情報のまま表示されることがあります。デバッガーツールで再取得（スクレイプ）を行うことで、最新の情報に更新できます。

公開前に必ず一度プレビューを確認し、意図した画像・タイトル・説明文が表示されているかをチェックしてからシェアする流れを定着させると、表示崩れによる機会損失を防げます。

OGP設定完全ガイド｜SNS流入を増やす基本手順に関するよくある質問

まとめ

OGP設定は検索順位に直結する施策ではありませんが、SNSでシェアされた際の見え方を整え、読者にクリックしてもらうための重要な土台です。og:title・og:description・og:imageの基本タグとTwitterカードを整備し、WordPressならプラグインで自動化しつつ、公開前にデバッグツールで表示を確認する習慣をつけましょう。地道な設定の積み重ねが、SNS経由の安定した集客につながります。