OGPとは?役割や設定方法について解説

OGPとは?役割や設定方法について解説

OGPとは、SNSで記事がシェアされたときに、該当ページの内容(タイトル、説明文、画像、URL)を表示させる仕組みのことです

ここでは、OGPを設定するメリットや設定方法について解説します。

\疑問や不明点はお気軽にご質問ください!/

OGPとは?

OGPとは、Open Graph Protocolの略で、Facebookやmixi、Google+などのSNS上でWebページの内容を伝えるために定められたプロトコルです。OGPを設定しておくと、URLが共有された際に、設定されたタイトルや説明文、画像、URLが表示されるようになり、ユーザーに対して、フィード上あるいはウォール上でWebページの内容を伝えることができます。

OGPを設定するメリットとは?

OGPを設定すると、どのようなメリットがあるのでしょうか?OGP設定なしの場合、OGP設定ありの場合を比較してみましょう。Facebookを例にとると、「いいね!」や「シェア」された際に以下のように表示されます。

OGP設定なしの場合

OGPを設定していないと、タイトルや説明文、画像を指定することができません。表示されない、もしくはSNS側が勝手に指定します。

 

OGP設定ありの場合

OGPを設定することで、タイトル、説明文、画像、URLが適切な内容で表示されます。共有されたユーザーへの訴求力が高まり、サイトへのアクセス数が増え、より多くのユーザーに記事を見てもらうことが可能になります。

\疑問や不明点はお気軽にご質問ください!/

 

OGPの設定方法

OGPは、metaタグをhtmlのhead内に記述することで設定できます。弊社のサイトを例にとると、以下のようになっています。

 

設定するタグは、必須の4項目とそれ以外の任意の項目に分かれています。

必須のもの

    1. "og:title"  ページのタイトルです。
    1. "og:type"  ページの種類です。(例:website,blog,video,article など)
    1. "og:image"  サムネイルとして表示する画像を設定します。サイト内の画像である必要はありません。
    1. "og:url"  WebページのURLです。パラメータがついていない正規のURLを記入します。

任意のもの(一部抜粋)

    • "og:description"  Webページの説明文です。
    • "og:site_name"  サイト名です。(※URLではありません)
    • "og:email"  連絡先を設定します。
    • "og:phone_number"  連絡先を設定します。
    • "og:locale"  サポートしている言語を設定します。日本語のみの場合は「ja_JP」と設定します。

※複数言語をサポートしている場合はalternateという記述を追加して
"og:locale:alternate"という形で複数記載します。

OGP設定の確認ツール

OGPが正しく設定されているかどうか、以下のツールで確認することができます。もしまだOGPを設定していなければ、ぜひ設定してみてはいかがでしょうか。

シェアデバッカー

ナイル流コンテンツマーケティングを提供いたします

なおナイルでは、オウンドメディア全体の戦略設計から対応することができます。OGPの設定といった細かい運用についてもサポートしながら、リードを増やすためのナイル流コンテンツマーケティングをご提供いたします。まずはお気軽にご相談ください

ナイル編集部
監修:ナイル編集部
この記事は、ナイル株式会社のマーケティング相談室編集部が監修しており、わかりやすく役に立つ記事を目指しています。編集長青木がライティング、編集、入稿の全工程をチェックしています。記事内に気になる点がございましたら、こちらよりご連絡くださいませ。

関連記事

オウンドメディア 設計

オウンドメディアの設計を戦略から運用まで12ステップで解説

コンテンツは誰のため?何のため?コンテンツマーケティングを成果に導く5つの質問

SEO HACKSブログのマインド

SEO HACKSブログで大事にしている7つのマインド

新着記事

有効な予算消化の方法とは

【効果的に使おう】予算消化はいつ何をすればよい?基礎知識から施策まで徹底解説

サービスサイト必須の11コンテンツとは?

サービスサイトとは?構成に必須な10のコンテンツと制作手順を公開

SEOを独学で身につける! 4ステップ法

【実践あるのみ】SEOを独学で身につける4ステップ!おすすめの本やメディアも紹介