シェアの内容を好きなように設定しよう
最終更新 [2014年7月15日]
この記事内には広告リンクが含まれています。
＼＼どうかフォローをお願いします…／／
< この記事をシェア >
Wordpressをはじめ、ブログやサイトの記事・ページをfacebookやTwitterなどのSNSで共有してほしい時に設定しておいた方が絶対いいOpen Graph Protocol（通称：OGP）の設定方法とwordpressでのサンプルです。
usedoorのようにfacebookのシェアボタンやTwitterのつぶやくボタンなどを設置する場合はもはや必須と思われる項目です。
[関連記事]
・FacebookのOGPキャッシュを削除する方法
こんな感じになりますよ
このOGPを適切に設定していることでfacebookのシェアボタンを押した際などに自分がシェアしてほしい内容をキレイにfacebookに通知することができちゃいます。
↑のfacebookの例ですと、https://usedoor.jp/howto/life/keitai/au-157-30000p-get/のページをシェアする際に「画像」「タイトル」「サブタイトル（説明文）」「サイトの情報」をOGPに設定しています。
もしusedoorにてOGP設定が適切に行われていないとタイトルと画像がぜんぜん違うものだったりしちゃう場合もあります。
facebookに限らず、このOpen Graph Protocol（通称：OGP）は全てのSNSにて共通基準となっています。
OGPの設定方法
なにやら難しそうなOGP設定ですが、設定方法はいたって超簡単です。
ヘッダー（head）内に指定の文字を書くだけ！
OGPの設定はヘッダーの中にある＜head＞～＜/head＞の間にmeta要素を書いてやるだけでOKです。
OGPの内容は↓のようなものがあります。
og:type
サイトのタイプを記載します。
websiteやblogなどがあります。
usedoorは「website」に設定しています。
<meta property=”og:type” content=”website” />
og:title
タイトルを記載します。
usedoorは各エントリのタイトルをここに設定しています。
<meta property=”og:title” content=”Open Graph Protocol（通称：OGP）の設定方法 【wordpressサンプルあり】 » 使い方・方法まとめサイト – usedoor” />
og:description
サブタイトル（説明文）を記載します。
usedoorは各エントリの見出し（抜粋）にしています。
<meta property=”og:description” content=”シェアの内容を好きなように設定しよう” />
og:url
ページのURLを記載します。
<meta property=”og:url” content=”https://usedoor.jp/howto/web/code/open-graph-protocol-setting/” />
og:site_name
サイト名を記載します。
<meta property=”og:site_name” content=”使い方・方法まとめサイト – usedoor” />
og:image
記事と一緒にシェアしたい画像のURLを記載します。
これは各SNSからアクセスできる画像の絶対パスとなり、facebookであれば200px×200px以上でないとはたらきません。
<meta property=”og:image” content=”https://usedoor.jp/wp-content/uploads/2013/10/au_30000p.jpg” />
OGPの主要な部分は↑な感じだと思います。
usedoorもここまでしか設定していません。
その他にも
og:email
連絡用メールアドレス
og:locality
場所
og:country-name
国
などといろいろと取り揃えられています。
WordPressでのOGP設定サンプル
usedoorで実際に設定しているOGPのWordpressサンプルです。
<meta property=”og:type” content=”website” />
<meta property=”og:title” content=”<?php echo trim(wp_title( ”, false)); ?>” />
<meta property=”og:description” content=”<?php echo strip_tags( get_the_excerpt() ); ?>” />
<meta property=”og:url” content=”<?php echo(“http://” . $_SERVER[“HTTP_HOST”] . $_SERVER[“REQUEST_URI”]); ?>” />
<meta property=”og:site_name” content=”使い方・方法まとめサイト – usedoor” />
<meta property=”og:image” content=”<?php echo wp_get_attachment_url( get_post_thumbnail_id() , ‘full’ ); ?>” />
適切なOpen Graph Protocol（通称：OGP）設定でキレイに記事をシェアしてもらいましょー！
[関連記事]
・FacebookのOGPキャッシュを削除する方法
< この記事をシェア >
＼＼どうかフォローをお願いします…／／
このOpen Graph Protocol（通称：OGP）の設定方法 【wordpressサンプルあり】の最終更新日は2014年7月15日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。
【ドコモ】『端末購入割引』でiPhone・Androidスマホ・ケータイをおトクに購入する方法 – 適用条件と割引による値下げ、現在の対象機種まとめ
ドコモの分離プラン導入後に新たに登場した「端末購入割引」 条件を満たしていれば機種変更でも対象のiPhoneやAndroidがおトクに買える！
【10,000ポイント還元!!】楽天モバイル『Apple Watchスタートキャンペーン』でおトクにApple Watchを購入する方法 – 対象商品＆条件まとめ
楽天モバイルで条件を満たした上でApple Watch購入で最大10,000ポイントが還元されるキャンペーン開催！セルラー版をお試ししたい人に最適
【毎日参加!!】Yahoo!オークション「全員あたるくじ」でPayPayポイントをゲットする方法 – 開催中は毎日くじを引こう！
Yahoo! JAPAN IDがあれば誰でも毎日参加できるYahoo!オークション（旧：ヤフオク）の「全員あたるくじ」必ずPayPayポイントがもらえるので開催中は毎日参加がオススメ
dマガジンをおトクに契約する方法 – 必ず400dポイントもらえる、実質最大3ヵ月ほぼ無料キャンペーンなど
dマガジンはWEBから入会すれば400dポイントがもらえる！初回31日無料とあわせて実質2ヵ月無料で利用できる。エントリーはお忘れなく！
Huluを通常よりもおトクに契約する方法、キャンペーンまとめ
動画見放題サービス「Hulu」通常特典は2週間無料だけだけどキャンペーンを利用すれば無料期間が延長されたりポイント還元などでおトクに入会できる！
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
【楽天モバイル】割引拡大！iPhone 16（128GB）をおトクに購入する方法 – Appleよりも安い価格で購入可能に。割引とポイント還元で実質109,700円
楽天モバイルでiPhone 16（128GB）がAppleよりも安く購入できる。のりかえで20,000円オフの一括121,700円、さらに12,000ポイント還元で実質109,700円に
Pontaパスで「2024 MAMA AWARDS」の生配信を日本語字幕付きで視聴する方法、初回入会30日間無料!!
Pontaパスで2024年11月22日・23日にK-POP授賞式「2024 MAMA AWARDS」のロサンゼルス公演、京セラドーム大阪公演のレッドカーペット、授賞式とライブパフォーマンスの様子を日本語字幕付きでライブ配信！
povoがスタバやタリーズ、コメダなどで使える『カフェギフトチケット』がセットになった期間限定トッピングを500円で販売。データ追加0.3GB（24時間）が実質無料。1月6日まで
povoが多数のカフェで使える500円分のカフェギフトチケットとデータ追加0.3GBがセットになった期間限定トッピングを500円で販売。データ追加が実質無料
【スクエニ2025年福袋】スクウェア・エニックス オフィシャルグッズ福袋2025の抽選販売に応募する方法
2025年もスクウェア・エニックス オフィシャルグッズ福袋が登場！福袋は「ファイナルファンタジー福袋」「ドラゴンクエスト福袋」「ファイナルファンタジー福袋14」の3種類。応募期間は2024年11月21日～11月27日。
Amazonが新型Echo Show 15（第2世代）を発売。サウンド強化やFire TV機能搭載（Alexa対応音声認識リモコンが同梱）など。価格は47,980円
Amazonが15.6インチディスプレイを搭載した第2世代のEcho Show 15を発表＆販売開始。販売情報やスペックなどをまとめました
usedoorをフォロー
注目・おすすめ記事
【激安!!】ワイモバイルの「タイムセール」でスマホを激安で購入、SIMのみ契約でキャッシュバックをゲットする方法 – 現在登場中の機種と価格、条件まとめ
ワイモバイルオンラインストアのタイムセールでOPPO Reno7Aやソフトバンク認定中古品のiPhoneが特価で販売中！
【裏技？】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された
ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる！直接ahamoで契約するよりもかなりおトクに
【iPhone】マスクを装着したままでFace IDでロックを解除する方法まとめ – iOS 15.4以降、iOS 15.3以前、Apple Watch着用など
iOS 15.4から正式機能になった「マスクをしたまま顔認証でiPhoneのロックを解除」を設定してみた！その他、iPhone 12未満のモデルで使える小ワザも
【3ヵ月99円!!】Amazon「Audible」のキャンペーンまとめ – 本の朗読サービスにおトクに登録する方法
Amazonの朗読サービス「Audible」に登録するなら無料期間が長くなるキャンペーン開催時がおトク。12月6日まで3ヵ月99円で利用できるキャンペーン開催中！
【Amazon Pay】Amazon以外のお店でギフト券を使って買い物、支払いする方法。0.5％還元アリ！出前館やふるさと納税、買い物など多数のショップで使える
Amazon以外でAmazonアカウントを使って支払いができる「Amazon Pay」ギフト券も利用できて0.5％還元あり！クレカなしでの買い物にもどうぞ
最新記事＆ニュース
【楽天モバイル】割引拡大！iPhone 16（128GB）をおトクに購入する方法 – Appleよりも安い価格で購入可能に。割引とポイント還元で実質109,700円
楽天モバイルでiPhone 16（128GB）がAppleよりも安く購入できる。のりかえで20,000円オフの一括121,700円、さらに12,000ポイント還元で実質109,700円に
Pontaパスで「2024 MAMA AWARDS」の生配信を日本語字幕付きで視聴する方法、初回入会30日間無料!!
Pontaパスで2024年11月22日・23日にK-POP授賞式「2024 MAMA AWARDS」のロサンゼルス公演、京セラドーム大阪公演のレッドカーペット、授賞式とライブパフォーマンスの様子を日本語字幕付きでライブ配信！
povoがスタバやタリーズ、コメダなどで使える『カフェギフトチケット』がセットになった期間限定トッピングを500円で販売。データ追加0.3GB（24時間）が実質無料。1月6日まで
povoが多数のカフェで使える500円分のカフェギフトチケットとデータ追加0.3GBがセットになった期間限定トッピングを500円で販売。データ追加が実質無料
【スクエニ2025年福袋】スクウェア・エニックス オフィシャルグッズ福袋2025の抽選販売に応募する方法
2025年もスクウェア・エニックス オフィシャルグッズ福袋が登場！福袋は「ファイナルファンタジー福袋」「ドラゴンクエスト福袋」「ファイナルファンタジー福袋14」の3種類。応募期間は2024年11月21日～11月27日。
Amazonが新型Echo Show 15（第2世代）を発売。サウンド強化やFire TV機能搭載（Alexa対応音声認識リモコンが同梱）など。価格は47,980円
Amazonが15.6インチディスプレイを搭載した第2世代のEcho Show 15を発表＆販売開始。販売情報やスペックなどをまとめました
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【割引クーポンあり】1Password（有料版）をおトクに契約する方法 – ソースネクストの3年版がコスパよし！価格比較してみた
1Passwordを購入するならソースネクストの3年版がお買い得！公式で購入するより安く1Passwordが使える＆更新/継続用としても利用可能
Huluを通常よりもおトクに契約する方法、キャンペーンまとめ
動画見放題サービス「Hulu」通常特典は2週間無料だけだけどキャンペーンを利用すれば無料期間が延長されたりポイント還元などでおトクに入会できる！
Yahoo!ショッピング『ヤフービッグボーナス2日間セール』徹底攻略！最大23.5％還元。還元率アップ条件やクーポンまとめ
Yahoo!ショッピングの年に数回の大型キャンペーン「ヤフービッグボーナス」ラスト2日間で開催される『2日間セール』はPayPayポイント最大23.5％還元とかなりおトクに買い物できる
LINEMOを通常よりもおトクに契約する方法、キャンペーンまとめ【2024年11月】
LINEMO契約でPayPayポイント還元！他にも様々なキャンペーンが開催中です。契約手数料など各種手数料も無料。
Amazonで『ギフトカード大還元祭』開催！対象のお店でAmazon Pay利用で1回ごとに最大10,000円分のギフトカードが当たる抽選に参加できる＆回数上限なし
Amazon Payを対象店舗で1回1,000円以上利用すると必ずAmazonギフトカードが当たる抽選に参加できる「ギフトカード大還元祭」開催！期間は6月7日（金）まで
