コピー完了

記事TOP

OGPとは | Facebook・Twitterでの基本設定・メリット・確認方法

公開日:
OGP(オージーピー)とは、FacebookやTwitterなどのソーシャルメディア(SNS)におけるフィードに表示されるWebページの内容をユーザーへ伝えるプロトコルのことです。これが適切に設定されると、記事がSNS上でシェアされる確率を高められます。今回は、OGPの設定方法、ツールによる画像サイズの確認方法などを解説します。

Webサイトやブログを運営している方は、OGP(オージーピー)という言葉を一度は聞いたことがあるかもしれません。
この記事では、OGPの意味や設定方法、サイズの確認方法について解説します。

OGPとは

OGPとは、Open Graph Protocolの略称です。これは、FacebookやTwitterなどのソーシャルネットワーク上でホームページの内容を伝えるために決められたプロトコルを指します。

OGPを設定すれば、URLが共有された際に、「設定された画像・タイトル・説明文」などが表示されるため、ユーザーに対してフィード上でホームページの概要を伝えられます。

OGPのメリット

OGPのメリットは、Webページが拡散される効果が見込めることです。
ユーザーに対してフィード上でホームページの情報を伝えることで、そのユーザーがWebページを訪れ安やすくなります。さらに、「いいね!」などを押せば、そのユーザーの友人までWebページが拡散されます。

いわゆる「バズらせる」ことを念頭に置いているサイト運営者にとって、OGPの設定は必須といえるでしょう。

▽Webマーケティングの基本を徹底解説!こちらの無料ガイドもぜひご活用ください。

Webマーケティング完全ガイド

基本設定

それでは、OGPの基本設定について必須と言われる4つの項目を紹介します。

ページタイトル

まずは、ページタイトルです。フィードで情報が出る際に、一番ユーザーへ伝わる情報です。間違えて、サイトのタイトルを設定しないよう注意します。

ページのURL

ページのURLも設定します。URLが設定されないと、ユーザーがページに訪問できません。

画像のURL

画像のURLも設定します。画像もユーザーにインパクトを与えるので、どんな画像にするかしっかり選びたいところです。設定しないと、全く関係ない画像が表示されてしまうので、注意が必要です。

その他の設定

ホームページのタイトル
先ほどは、ページタイトルを設定しましたが、ホームページのタイトルも設定できます。こちらも設定することをおすすめします。

ページの説明文
ページの説明文を設定します。こちらは、メタディスクリプションの内容で問題ないでしょう。

OGP設定方法 Facebookの場合

   

記述方法

FacebookでOGPを設定するには、先ほどお伝えした内容にプラスして必要なものがあります。特に、Facebookでは、App IDの取得が必要になるので注意が必要です。
   

fb:app_id

fb:appidは、FacebookにOGPを表示させるために必須の設定となります。
後述しますが、Facebookでは、もう一つfb:appidというものがありますが、可能であればfb:app_idを使うほうが良いでしょう。

手間かかってしまいますが、fb:app_idを利用することをおすすめします。

fb:admins

fb:appid以外にもfb:adminsも使えます。

しかし、fb:adminsの場合、adminIDという個人IDを使うことになります。これでは、個人情報をオープンにしているようなものです。そのため、fb:adminsは、企業アカウントを取っている方の利用がおすすめです。

OGP設定方法 Twitterの場合

記述方法

Twitterにも、独自のOGP設定方法があります。シェアされた時に、タイトルや画像はカード形式になり、そのカードにもさまざまな種類があります。

カードの種類

summary
デフォルトのカードです。「タイトル、説明、サムネイル、Twitterアカウント」が表示されます。

summarylargeimage
Summaryの画像が大きいカードになります。

App Card:
スマホアプリで直接ダウンロードして詳細がわかるカードです。

Player Card
ビデオ/オーディオ/メディアを提供するカードです。

   

OGP確認方法(デバッガー・画像サイズ確認ツール)

Facebookでの確認

Facebookでは、以下のサイトにアクセスして、OGPのキャッシュを取得したいURlLを取得します。リンクのプレビューなどを確認できます。

この公式ページには次のリンクからアクセスできます。

Twitterでの確認

Twitter も、OGPの設定が正しいかどうか確認する Card validator があります。

この公式ページには次のリンクからアクセスできます。

プレビューが表示されて、カードタイプへの記述が正しいと、[(ドメイン)is whitelisted for summary card] という表示が出てきます。

ツールでの画像サイズを確認する方法

また、OGPで表示される画像サイズが適切かどうかチェックしましょう。
使い方は簡単で、ドラック&ドロップで画像の確認ができます。

OGPを適切に設定して、シェアを増やそう

ここまで、OGPの概要と、その設定方法について紹介しました。OGPが適切に設定できると、普段より多く記事が拡散されていきます。ぜひ有効に使いたいところです。

そのためにも、デバッカーなどを有効に使って、フィード上でどのように表示されるかしっかりチェックしたいところです。地味な作業ですが、OGPの効果を信じて取り組みましょう。

ボクシルとは

ボクシルとは、「コスト削減」「売上向上」につながる法人向けクラウドサービスを中心に、さまざまなサービスを掲載する日本最大級の法人向けサービス口コミ・比較サイトです。

「何かサービスを導入したいけど、どんなサービスがあるのかわからない。」
「同じようなサービスがあり、どのサービスが優れているのかわからない。」

そんな悩みを解消するのがボクシルです。

マーケティングに問題を抱えている法人企業は、ボクシルを活用することで効率的に見込み顧客を獲得できます!また、リード獲得支援だけでなくタイアップ記事広告の作成などさまざまなニーズにお答えします。

ボクシルボクシルマガジンの2軸を利用することで、掲載企業はリードジェネレーションやリードナーチャリングにおける手間を一挙に解消し、低コスト高効率最小限のリスクでリード獲得ができるようになります。ぜひご登録ください。

また、ボクシルでは掲載しているクラウドサービスの口コミを募集しています。使ったことのあるサービスの口コミを投稿することで、ITサービスの品質向上、利用者の導入判断基準の明確化につながります。ぜひ口コミを投稿してみてください。

WEB制作ソフト・CMS
選び方ガイド
資料請求後に下記のサービス提供会社、弊社よりご案内を差し上げる場合があります。
株式会社ユニソンプラネット
利用規約とご案内の連絡に同意の上
この記事が良かったら、いいね!をしてください!最新情報をお届けします!
御社のサービスを
ボクシルに掲載しませんか?
月間1000万PV
掲載社数3,000
商談発生60,000件以上
WEB制作ソフト・CMSの最近更新された記事
ユーザビリティとは?定義・メリット・デメリット - 利用者目線の品質がCSと業績アップに貢献する
プレスサイトとは?商品やサービスのPRに有効
CMSとHTMLの違いとは | 最適なWebサイト構築のために知っておきたいこと
クラウドCMS・Web制作ツール比較 - ホームページ作成に欠かせないサービスのおすすめ
CMS一覧 | サイト構築オープンソース・パッケージ・EC向けなど紹介【フリーあり】
[PR]コーポレートサイト運営現場は、DXが進まない会社の縮図だった
コンテンツ管理システム(CMS)とは | 特徴・種類・ツール - マーケティングにどう活用できるのか
【無料あり】簡単手軽なスマホアプリ作成ツール2選
SEO(検索エンジン最適化)とは | デジタルマーケティングの基礎知識
プログラミング言語の種類と選び方|将来性の高いおすすめ言語一覧【2020年最新】