シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【招待コードあり】エアウォレットの友だち招待キャンペーンで最大1,000円分のCOIN+残高をゲットする方法 – 適用条件や招待コードの発行/確認手順など
AirWALLETを始めるなら友だち招待キャンペーンで招待コード（紹介コード）を入力しての利用開始がおトク！2025年12月8日まで最大1,000円分のCOIN+残高がもらえる。
【紹介コードリンクあり】Amazonプライム会員に新規登録して1,000ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など
Amazonが新たにプライム会員になる人を対象に招待プログラムを開始。紹介コードリンクから登録して条件を満たせば1,000円分のAmazonポイントがもらえちゃう
【オススメは？】eSIMに対応しているキャリア・格安SIMまとめ＆比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法
eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう
【ドコモ】『端末購入割引』でiPhone・Androidスマホ・ケータイをおトクに購入する方法 – 適用条件と割引による値下げ、現在の対象機種まとめ
ドコモの分離プラン導入後に新たに登場した「端末購入割引」 条件を満たしていれば機種変更でも対象のiPhoneやAndroidがおトクに買える！
ワイモバイルを通常よりおトクに契約する方法 – SIMのみで26,000円相当還元!!
ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大26,000円相当の還元がもらえる！
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
【2026年版】新年『あけおめ、ことよろ』に使えるLINEスタンプ100選+α – 午年（うまどし）の新年の挨拶にLINEスタンプを送る方法
2026年（令和8年）は「午年（うまどし）」！ 新年の挨拶をLINEの年賀スタンプでしよう！
【2026年版】LINE新年の挨拶『あけおめ、ことよろ』に使える絵文字100選 – 午年（うまどし）の新年の挨拶にLINE絵文字を送る方法
2026年は『午年（うまどし）』 新年の挨拶でLINEのメッセージを送る人は年賀「絵文字」も組み合わせて送ろう！
【LINE】無料スタンプ＆隠しスタンプまとめ（2025年12月26日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【2025年末】出前館『ピザ半額祭』でおトクにピザをデリバリーする方法
月イチ！有名ピザ屋の対象ピザが半額で注文できる「ピザ半額祭」出前館で月内に数日間の限定開催！
【ちいかわ】セブン‐イレブン＆セブンネット限定グッズをゲットする方法、12月26日14時～販売開始
ちいかわのセブンイレブン＆セブンネットショッピング限定グッズ「ステンレスタンブラー（全2種）」「オリジナルエコバッグ（全1種）」が2025年12月26日14時より販売。
usedoorをフォロー
注目・おすすめ記事
「メルペイ」のクーポン＆キャンペーンまとめ – クーポンは人によって違うので来ない場合も… メルカードキャンペーンもあり
メルカリが提供するスマホコード支払「メルペイ」は定期的におトクなキャンペーンを開催＆クーポンを配布！人によって違うクーポンを徹底的にまとめてみた
AmazonでPayPayで支払いする方法 – 初期セットアップと利用条件、使用できる残高/ポイント、キャンペーンなどまとめ
ついにAmazonでPayPayで支払いができるようになった！PayPay残高とポイントのみ利用可能で最初のみ初期設定が必要
結局、楽天モバイルって普通に使える？メイン回線として日本のいろんなところで最強プランをガチで使いまくってみた。電波状況や通信速度の検証結果を紹介
メイン回線を楽天モバイル『最強プラン』に変更して日本の色んなところに行って通信状況などを調査してみた。結局エリアってどうなの？圏外にならない？
【楽天モバイル】初めて20GB超過利用して1,500ポイントをゲットする方法 – 毎月開催＆必ずもらえる！最強プランにピッタリのキャンペーン。特典増額中！
楽天モバイル契約者限定で過去に一度も20GBを超過したことがなく20GBを超過しそうな人は必見！エントリーと利用だけで1,500ポイントがもらえちゃう
【完全無料!!】Amazon Musicの音楽を無料で聴く方法 – 非プライム会員でも利用OKの『Amazon Music FREE』登場！できることや機能制限、利用環境など
Amazonの音楽聞き放題サービスに無料版の『Amazon Music FREE』が登場！マジで無料で音楽が聴ける（もちろん制限あり）
最新記事＆ニュース
【2026年版】新年『あけおめ、ことよろ』に使えるLINEスタンプ100選+α – 午年（うまどし）の新年の挨拶にLINEスタンプを送る方法
2026年（令和8年）は「午年（うまどし）」！ 新年の挨拶をLINEの年賀スタンプでしよう！
【2026年版】LINE新年の挨拶『あけおめ、ことよろ』に使える絵文字100選 – 午年（うまどし）の新年の挨拶にLINE絵文字を送る方法
2026年は『午年（うまどし）』 新年の挨拶でLINEのメッセージを送る人は年賀「絵文字」も組み合わせて送ろう！
【LINE】無料スタンプ＆隠しスタンプまとめ（2025年12月26日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【ちいかわ】セブン‐イレブン＆セブンネット限定グッズをゲットする方法、12月26日14時～販売開始
ちいかわのセブンイレブン＆セブンネットショッピング限定グッズ「ステンレスタンブラー（全2種）」「オリジナルエコバッグ（全1種）」が2025年12月26日14時より販売。
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【ワイモバイル】もう1回線申し込みキャンペーンまとめ – iPhone 16eが大幅割引、moto g64y 5Gが一括1円、PayPayポイント還元など限定特典あり
ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。SIM/eSIM単体契約は15,000ポイント還元。契約事務手数料が10日間限定で0円！
【紹介リンクあり】JCBカードの『お友達紹介キャンペーン』でもれなく1,500円分のキャッシュバックをもらって入会する方法
JCBカード入会時に友だち紹介のリンクから申し込むともれなく1,500円分のキャッシュバックがもらえる『お友達紹介キャンペーン』開催。紹介リンクあり
【一括1円が復活!!】楽天モバイル『Rakuten WiFi Pocket Platinum』をお得に利用する方法 – プラチナバンドに対応したモバイルルーター！
楽天モバイルのプラチナバンドに対応した新型Wi-Fiルーター「Rakuten WiFi Platinum」がお得に利用できるキャンペーン。楽天モバイル回線を契約すれば一括1円で買える！
