シェアの内容を好きなように設定しよう
最終更新 [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円をゲットする方法
紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中！「新規口座開設限定！サービス体験プログラム」にも参加して合計1,000円ゲット！
【割引増額中】au「5G機種変更おトク割」でiPhone・Androidをおトクに購入する方法 – 適用条件と対象機種、割引金額まとめ。キャッシュバックも
5G対応端末への機種変更が割引されるauの『5G機種変更おトク割』条件を満たすことでiPhoneやAndroidスマホにおトクに機種変更できる。対象機種まとめ
【UQモバイル】のりかえ時にクーポンを適用して20,000円分のau PAY残高キャッシュバックをもらう方法 – 買い物不要＆クーポンコードあり。実際に申込してみた
UQモバイルにSIMのみでのりかえ契約するなら絶対にコレ！買い物不要で最大20,000円分のau PAY残高がキャッシュバックされるスペシャルクーポンを使ってみた
【2025年2月】ドコモのiPhone、Androidスマホが機種変更で5,500円割引となるクーポンをWEB上からゲットする方法 – 対象機種、条件など
2025年2月もドコモがiPhoneやAndroidスマホの機種変更が5,500円割引となるクーポンをウェブ上で配布中！iPhone 16 / Pixel 9シリーズも対象。対象者限定なので取得できるかをチェック！
【紹介コードあり】増量中！メルカリ/メルペイの紹介キャンペーンでポイントをゲットする方法 – 開始にコード利用で1,000ポイントがもらえる
メルカリ・メルペイを始めるなら最初に招待コードの登録がおトク！今なら必ずメルカリやメルペイの買い物時に利用できるポイントがもらえる。2月16日まで増量中！
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
【悲報】ドコモがiPhone 16eとiPhone 15を値上げ… 両機種とも4月4日に価格改定、約1万円高くなる
4月4日よりドコモのiPhone 16e、iPhone 15が値上げ。さらに全iPhone 16シリーズの返却プログラムの負担金も変更に
【6月5日発売】「Nintendo Switch 2」がついに発表！予約・発売日や価格、進化したポイントなどを解説。体験イベントも開催!!
ついに待望の「Nintendo Switch 2」の詳細が発表！予約・発売日・価格は？一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。
国内初！KDDIが「5G+」のアンテナピクト表示を発表。Sub6・ミリ波で通信中は5G+の表示に。なんちゃって5Gが一目で判別できるように
KDDIがsub6/ミリ波での通信中はアンテナピクトに「5G+」と表示されるようになると発表。4G転用のなんちゃって5Gを見抜けるようになる！
【金曜日限定】セブンイレブンでVポイントPayアプリのお買い物が最大20％還元
2025年4月4日～5月30日までの毎週金曜日に、セブンイレブンでVポイントPayアプリのVisaタッチ決済を利用すると最大20％のポイント還元が受けられるキャンペーンが開催。
【ワイモバイル契約者限定!!】もう1回線申込で15,000円分のポイントがもらえる特別キャンペーン開催中。のりかえならAQUOS wish4が一括1円の特価で買える
ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえる。のりかえなら一括1円スマホあり
usedoorをフォロー
注目・おすすめ記事
【機種変更でも一括1,430円!!】ドコモのガラケー「arrows ケータイ ベーシック（F-41C）」を超激安で購入する方法
ドコモのarrowsブランドのパカパカガラケーが機種変更orのりかえで一括1,430円という爆安で販売中！通話用にガラケーはいかが？
【2025年2月】ドコモのiPhone、Androidスマホが機種変更で5,500円割引となるクーポンをWEB上からゲットする方法 – 対象機種、条件など
2025年2月もドコモがiPhoneやAndroidスマホの機種変更が5,500円割引となるクーポンをウェブ上で配布中！iPhone 16 / Pixel 9シリーズも対象。対象者限定なので取得できるかをチェック！
【保存版】ネットフリックスの隠しカテゴリの裏コード＆リンクまとめ – NETFLIXで動画をより詳細なジャンルで探す方法
NETFLIXにはトップページなどには表示されていない、より詳細なカテゴリ、ジャンルページがたくさんある！
「PlayStation 5 / デジタル・エディション」を予約・購入する方法 – 新旧モデルのスペックなどの違い、販売ショップまとめ
11月29日からAmazonや楽天ブックス、家電量販店などで「プレイステーション ブラックフライデーセール」が開催！PS5本体が1万円割引で販売。
【マジ便利】LINEで自分一人の『ぼっちグループ』の作り方、有効活用方法 – LINEが自分専用のメモ＆クラウドストレージみたいになって超便利
「ぼっち」といっても寂しい訳じゃないんです。LINEは一人でも有効活用できるという小ワザ。もちろん無料
最新記事＆ニュース
【悲報】ドコモがiPhone 16eとiPhone 15を値上げ… 両機種とも4月4日に価格改定、約1万円高くなる
4月4日よりドコモのiPhone 16e、iPhone 15が値上げ。さらに全iPhone 16シリーズの返却プログラムの負担金も変更に
【6月5日発売】「Nintendo Switch 2」がついに発表！予約・発売日や価格、進化したポイントなどを解説。体験イベントも開催!!
ついに待望の「Nintendo Switch 2」の詳細が発表！予約・発売日・価格は？一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。
国内初！KDDIが「5G+」のアンテナピクト表示を発表。Sub6・ミリ波で通信中は5G+の表示に。なんちゃって5Gが一目で判別できるように
KDDIがsub6/ミリ波での通信中はアンテナピクトに「5G+」と表示されるようになると発表。4G転用のなんちゃって5Gを見抜けるようになる！
【金曜日限定】セブンイレブンでVポイントPayアプリのお買い物が最大20％還元
2025年4月4日～5月30日までの毎週金曜日に、セブンイレブンでVポイントPayアプリのVisaタッチ決済を利用すると最大20％のポイント還元が受けられるキャンペーンが開催。
【ワイモバイル契約者限定!!】もう1回線申込で15,000円分のポイントがもらえる特別キャンペーン開催中。のりかえならAQUOS wish4が一括1円の特価で買える
ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえる。のりかえなら一括1円スマホあり
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
ソースネクストの割引クーポンまとめ – 現在配布中の最新クーポンやキャンペーンを製品別にまとめてみた
ソースネクストの割引クーポンを総まとめ！公式から一覧情報を頂いているので全てのクーポンがチェックできます。Dropboxや1Password、ZEROセキュリティetc...と多数配布中！
【GUで全額還元!!】ペイペイジャンボとは？開催中のキャンペーン、還元条件、対象ショップまとめ – 当たらない？当選の確認手順や本人確認などの参加条件など
最大1,000％還元や全額還元などが当たる「ペイペイジャンボ」開催！対象となる条件や特典をまとめました。楽しいしおトク。だけどなかなか当たらない…
【割引クーポンあり】1Password（有料版）をおトクに契約する方法 – ソースネクストの3年版がコスパよし！価格比較してみた
1Passwordを購入するならソースネクストの3年版がお買い得！公式で購入するより安く1Passwordが使える＆更新/継続用としても利用可能
【ドコモ】『オンラインショップおトク割』でスマホをおトクに購入する方法 – 端末のみ購入もOK！対象機種、割引金額、適用条件まとめ
ドコモオンラインショップが新たな割引「オンラインショップおトク割」をスタート！5G WELCOME割併用で超大幅割引となる機種も！
