シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【オススメは？】eSIMに対応しているキャリア・格安SIMまとめ＆比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法
eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう
【プライムデー】3ヵ月無料！Amazon「Audible」のキャンペーンまとめ – プライムデー連動の大型キャンペーン開催中！
7月31日までAudibleが過去最長クラスの3ヵ月無料で利用できるプライムデー連動キャンペーン開催中！Amazonの朗読サービス「Audible」に登録するならキャンペーンの利用がオススメ
【楽天モバイル】スマホ料金チェック⇒回線契約で最大9,000ポイントがもらえるキャンペーン開催。診断だけで100ポイントも！特典、条件などまとめ
楽天モバイルがスマホ料金チェックを行ってから回線を契約するとのりかえで9,000ポイント、新規契約で5,000ポイントをプレゼントするキャンペーンを毎月開催
【最大44,000円割引!!】ドコモが認定中古スマホのセールを開催。docomo CertifiedのiPhone・Androidがかなり安く購入できる！半額以下のスマホもあり
10月25日よりドコモがdocomo Certified（認定中古スマホ）を対象としたセールを開催。新規契約/のりかえで大幅割引が適用される
【紹介コードあり】「Oliveアカウント紹介プログラム」で1,000円相当のVポイントをゲットする方法
紹介コードを入力してエントリーすると紹介した人・紹介された人それぞれに1,000円相当のVポイントが貰える「Oliveアカウント紹介プログラム」。
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
【Amazonプライムデー】Apple Gift Cardが最大12％還元＆500ポイント還元で買えるキャンペーンが開催
プライムデー2025連動企画。Apple Gift Card(Eメール送信)をAmazon Mastercardで買うと最大12％ポイント還元！さらに最大500ポイントもらえるキャンペーンも併用可能。期間は7月14日まで。
Appleギフトカードをおトクに購入する方法・キャンペーン【2025年7月】
Appleのあらゆる製品やサービスの購入に使える「Appleギフトカード（Apple Gift Card）」をキャンペーンやセールでおトクにゲット！
楽天モバイルが「OPPO A3 5G」を一括1円で販売
2025年7月11日より、楽天モバイルでOPPO A3 5Gが1円で販売！条件は他社からの乗り換え（MNP）のみ。
ドコモが「Galaxy S21 / S21 Ultra / Flip3 / Fold3 / A53 / A54」にAndroid 15のアップデートの提供を開始。7月14日に7機種一斉に配信
7月14日にドコモがGalaxy7機種に対してAndroid 15のOSアップデートを一斉配信。定番のドコモ絵文字のダークモード利用時の色味改善も。
Android 15へのアップデート予定機種・開始日まとめ【ドコモ・au・ソフトバンク・ワイモバイル・楽天モバイル・UQモバイル】アップデート出来るか調べる方法
2024年配信のAndroid 15。ドコモ、au、ソフトバンク、楽天モバイルなどキャリアから販売されているスマホはアップデート対象？
usedoorをフォロー
注目・おすすめ記事
【プライムデー】3ヵ月無料！Amazon「Audible」のキャンペーンまとめ – プライムデー連動の大型キャンペーン開催中！
7月31日までAudibleが過去最長クラスの3ヵ月無料で利用できるプライムデー連動キャンペーン開催中！Amazonの朗読サービス「Audible」に登録するならキャンペーンの利用がオススメ
【楽天モバイル】三木谷氏の紹介キャンペーンで14,000ポイントをもらって回線を契約する方法。超おトクに契約できるけど注意点あり
楽天の社長、三木谷氏のRakuten最強プラン紹介キャンペーンを利用すればのりかえ契約で14,000ポイントがもらえる。ただし現在は特典付与は1人1回まで
【Twitter】『ダークモード』の設定方法 – iOS・Android・PCでタイムラインなどの背景色を黒やダークブルーにできる。夜間モードの違いなど
夜間モードからダークモードへ名称が変更！Twitterがよりスタイリッシュなブラックテーマ風になるぞー
【無償交換という神対応】Dysonの掃除機のバッテリーを交換する方法 – 2年の保証期間内ならまさかの無料！V8 Absoluteのバッテリーを交換してみた
Dysonの掃除機はバッテリーまで2年の保証対象内！掃除機復活でダイソンの手厚いサポートにマジで感動しました。
【Android】スマホのバッテリー消費を抑えて電池持ちをアップさせる方法まとめ – Pixelのバッテリーが悪いのでいろいろ設定してみた
Pixel 4のバッテリー持ちが悪すぎるのでAndroid全般の電池消費を節約する設定をガッツリ行ってみた
最新記事＆ニュース
【Amazonプライムデー】Apple Gift Cardが最大12％還元＆500ポイント還元で買えるキャンペーンが開催
プライムデー2025連動企画。Apple Gift Card(Eメール送信)をAmazon Mastercardで買うと最大12％ポイント還元！さらに最大500ポイントもらえるキャンペーンも併用可能。期間は7月14日まで。
Appleギフトカードをおトクに購入する方法・キャンペーン【2025年7月】
Appleのあらゆる製品やサービスの購入に使える「Appleギフトカード（Apple Gift Card）」をキャンペーンやセールでおトクにゲット！
ドコモが「Galaxy S21 / S21 Ultra / Flip3 / Fold3 / A53 / A54」にAndroid 15のアップデートの提供を開始。7月14日に7機種一斉に配信
7月14日にドコモがGalaxy7機種に対してAndroid 15のOSアップデートを一斉配信。定番のドコモ絵文字のダークモード利用時の色味改善も。
Android 15へのアップデート予定機種・開始日まとめ【ドコモ・au・ソフトバンク・ワイモバイル・楽天モバイル・UQモバイル】アップデート出来るか調べる方法
2024年配信のAndroid 15。ドコモ、au、ソフトバンク、楽天モバイルなどキャリアから販売されているスマホはアップデート対象？
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【紹介コードあり】Yahoo!フリマの「友達紹介キャンペーン」でPayPayポイント500円相当をゲットする方法（2025年7月）
Yahoo!フリマ（旧PayPayフリマ）を始めるなら「友達紹介キャンペーン」の紹介コード入力で500円分のPayPayポイントがもらえる。2025年7月31日まで
【機種変更でも実質6,800円～!!】ワイモバイルで折りたたみスマホ「Libero Flip」をおトクに購入する方法 – 一括9,800円＆PayPayポイント還元で購入できる
ワイモバイルの折りたたみスマホ「Libero Flip（A304ZT）」が値下げ！機種変更でも一括9,800円と激安!!さらに必ずPayPayポイントがもらえる
【割引クーポンあり】Dropbox Plus（有料版）をおトクに購入する方法 – ソースネクストの3年以上複数年版がコスパよし！最安値保証＆返金あり
公式は値上げ…Dropbox Plus（有料版）を安く利用したいならソースネクストの3年版が超お買い得！期間限定割引や限定割引クーポンなどまとめ
【毎日参加!!】Yahoo!オークション「全員あたるくじ」でPayPayポイントをゲットする方法 – 開催中は毎日くじを引こう！
Yahoo! JAPAN IDがあれば誰でも毎日参加できるYahoo!オークション（旧：ヤフオク）の「全員あたるくじ」必ずPayPayポイントがもらえるので開催中は毎日参加がオススメ
