シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【GUで全額還元!!】ペイペイジャンボとは？開催中のキャンペーン、還元条件、対象ショップまとめ – 当たらない？当選の確認手順や本人確認などの参加条件など
最大1,000％還元や全額還元などが当たる「ペイペイジャンボ」開催！対象となる条件や特典をまとめました。楽しいしおトク。だけどなかなか当たらない…
ワイモバイルを通常よりおトクに契約する方法 – SIMのみで26,000円相当還元!!
ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大26,000円相当の還元がもらえる！
【最大5,000円相当が無料でもらえる】Yahooショッピング、PayPayモールで買い物して「ウェルカムギフト」をもらう方法 – 対象となる条件などまとめ
はじめてまたは久々にYahooショッピング、PayPayモールで買い物する人は5,000円相当の商品が詰まったウェルカムギフトがもらえる！
【招待コードあり】エアウォレットの友だち招待キャンペーンで最大1,000円分のCOIN+残高をゲットする方法 – 適用条件や招待コードの発行/確認手順など
AirWALLETを始めるなら友だち招待キャンペーンで招待コード（紹介コード）を入力しての利用開始がおトク！2026年3月16日まで最大1,000円分のCOIN+残高がもらえる。
【割引クーポンあり】Dropbox Plus（有料版）をおトクに購入する方法 – ソースネクストの3年以上複数年版がコスパよし！最安値保証＆返金あり
公式は値上げ…Dropbox Plus（有料版）を安く利用したいならソースネクストの3年版が超お買い得！期間限定割引や限定割引クーポンなどまとめ
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
Amazonで対象のギフトカードが9％OFF、さらにAmazonポイント1％還元
Amazonで「Uber ギフトカード」や「U-NEXT ギフトコード」が9％OFF＆Amazonポイント1％還元のキャンペーンが開催！キャンペーン期間は3月3日～16日まで。
Uber ギフトカードをおトクに購入する方法・キャンペーン【2026年3月】
Uber、Uber Eatsを利用する際に利用できる「Uber ギフトカード」をキャンペーンやセールでおトクにゲット！
Android 16へのアップデート予定機種・開始日まとめ【ドコモ・au・ソフトバンク・ワイモバイル・楽天モバイル・UQモバイル】アップデート出来るか調べる方法
2025年のメジャーアップデート『Android 16』ドコモ、au、ソフトバンク、楽天モバイルなどキャリアから販売されているスマホはアップデート対象？
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年3月10日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
usedoorをフォロー
注目・おすすめ記事
【割引クーポンあり】Dropbox Plus（有料版）をおトクに購入する方法 – ソースネクストの3年以上複数年版がコスパよし！最安値保証＆返金あり
公式は値上げ…Dropbox Plus（有料版）を安く利用したいならソースネクストの3年版が超お買い得！期間限定割引や限定割引クーポンなどまとめ
【iPhone・Androidスマホ】『緊急速報』をオン⇔オフする方法 – 外出自粛や緊急地震速報、Jアラートなどを無効化もできる。届かない、非対象機種の対処方法も
緊急地震速報＆ミサイル発射も警告してくれるJアラートはちゃんとスマホで受信出来た方がいい！外出自粛はちょっとウザいけどしょうがない
【神コスパ!!】ソフトバンク『データ通信専用3GBプラン』を契約してみた – PayPayクーポン・LYPプレミアムがフル利用できて月額990円！Androidでも使える
ソフトバンクの超コスパのいい「データ通信専用3GBプラン」を契約してみた。特典満載でメリット多数の激安回線！LYPプレミアムやPayPayクーポンが欲しい人はこれを契約した方が安いかも
【完全版】Amazonで『クレジットカードなし』で買い物する方法 – クレカ不要の支払い手段を徹底まとめ！他社のポイント利用も
クレジットカード不要でAmazonでの買い物の支払いができる手段をがっつりまとめました！クレカがない人や未成年の人もどうぞ
【オススメは？】eSIMに対応しているキャリア・格安SIMまとめ＆比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法
eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう
最新記事＆ニュース
Amazonで対象のギフトカードが9％OFF、さらにAmazonポイント1％還元
Amazonで「Uber ギフトカード」や「U-NEXT ギフトコード」が9％OFF＆Amazonポイント1％還元のキャンペーンが開催！キャンペーン期間は3月3日～16日まで。
Android 16へのアップデート予定機種・開始日まとめ【ドコモ・au・ソフトバンク・ワイモバイル・楽天モバイル・UQモバイル】アップデート出来るか調べる方法
2025年のメジャーアップデート『Android 16』ドコモ、au、ソフトバンク、楽天モバイルなどキャリアから販売されているスマホはアップデート対象？
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年3月10日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【オススメは？】eSIMに対応しているキャリア・格安SIMまとめ＆比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法
eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう
【GUで全額還元!!】ペイペイジャンボとは？開催中のキャンペーン、還元条件、対象ショップまとめ – 当たらない？当選の確認手順や本人確認などの参加条件など
最大1,000％還元や全額還元などが当たる「ペイペイジャンボ」開催！対象となる条件や特典をまとめました。楽しいしおトク。だけどなかなか当たらない…
【ドコモ】『オンラインショップおトク割』でスマホをおトクに購入する方法 – 端末のみ購入もOK！対象機種、割引金額、適用条件まとめ
ドコモオンラインショップが新たな割引「オンラインショップおトク割」をスタート！5G WELCOME割併用で超大幅割引となる機種も！
【毎日参加!!】Yahoo!オークション「全員あたるくじ」でPayPayポイントをゲットする方法 – 開催中は毎日くじを引こう！
Yahoo! JAPAN IDがあれば誰でも毎日参加できるYahoo!オークション（旧：ヤフオク）の「全員あたるくじ」必ずPayPayポイントがもらえるので開催中は毎日参加がオススメ
