シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法＆対象機種まとめ – 機種のみ購入でもOK！
ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引！機種単体（白ロム）購入も対象。割引の条件、対象機種は？
ワイモバイルを通常よりおトクに契約する方法 – SIMのみで21,000円相当還元!!
ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大21,000円相当の還元がもらえる！
【楽天モバイル】スマホ料金チェック⇒回線契約で最大9,000ポイントがもらえるキャンペーン開催。診断だけで100ポイントも！特典、条件などまとめ
楽天モバイルがスマホ料金チェックを行ってから回線を契約するとのりかえで9,000ポイント、新規契約で5,000ポイントをプレゼントするキャンペーンを毎月開催
【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法
オンライン限定！MNP（のりかえ）なら最大21,600円割引！販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。
【割引クーポンあり】1Password（有料版）をおトクに契約する方法 – ソースネクストの3年版がコスパよし！価格比較してみた
1Passwordを購入するならソースネクストの3年版がお買い得！公式で購入するより安く1Passwordが使える＆更新/継続用としても利用可能
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
「iPhone 17 / Pro / Pro Max」の価格＆割引キャンペーン、スペック、予約開始＆発売日などまとめ – キャリア版/SIMフリー版をおトクに購入する方法
iPhone 17シリーズ（iPhone 17、iPhone 17 Pro、iPhone 17 Pro Max）が2025年9月19日に発売。予約は9月12日21時～受付開始。
「iPhone Air」の価格＆割引キャンペーン、スペック、予約開始＆発売日などまとめ – キャリア版/SIMフリー版をおトクに購入する方法
史上最薄のiPhone『iPhone Air』が登場！超薄い。超軽い。超頑丈。価格は159,800円～、2025年9月19日発売。9月12日21時～予約開始！
ワイモバイルで「OPPO Reno11 A」「AQUOS wish4」が一括1円で販売
2025年9月12日～ワイモバイルオンラインストアで「OPPO Reno11 A」「AQUOS wish4」が値下げ！どちらも一括1円で販売！
ワイモバイルから「iPhone 16」が発売
2025年9月12日（金）にY!mobileから「iPhone 16」が発売。価格は145,440円～211,680円。新規契約とMNPは割引あり。
ワイモバイルから「Google Pixel 9a」が発売
2025年9月12日（金）にY!mobileから「Google Pixel 9a」が発売。価格は88,416円～105,120円。新規契約とMNPは割引あり。
usedoorをフォロー
注目・おすすめ記事
【神コスパ!!】ソフトバンク『データ通信専用3GBプラン』を契約してみた – PayPayクーポン・LYPプレミアムがフル利用できて月額990円！Androidでも使える
ソフトバンクの超コスパのいい「データ通信専用3GBプラン」を契約してみた。特典満載でメリット多数の激安回線！LYPプレミアムやPayPayクーポンが欲しい人はこれを契約した方が安いかも
【実質30,405円】「AirPods Pro」をおトクに購入する方法 – 予約開始日や発売日、価格、第1世代/第2世代のスペックの違い・比較、販売店などまとめ
USB-C充電機能を搭載した新モデル「AirPods Pro（第2世代）」が2023年9月22日に発売！価格は39,800円（税込）。第1世代と第2世代の違い・比較も
【Amazon Pay】Amazon以外のお店でギフト券を使って買い物、支払いする方法。0.5％還元アリ！出前館やふるさと納税、買い物など多数のショップで使える
Amazon以外でAmazonアカウントを使って支払いができる「Amazon Pay」ギフト券も利用できて0.5％還元あり！クレカなしでの買い物にもどうぞ
Amazonでd払い、dポイントを利用する方法＆キャンペーンまとめ – 期間用途限定ポイントも使える
ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意！
クレジットカードなしで格安SIMと契約する方法 – 口座振替、引き落とし、デビットカード、その他決済に対応したMVNOまとめ
クレカなしでも契約できる、口座振替やポイント支払いに対応している格安SIM（MVNO）の会社とプランをまとめ＆比較しました
最新記事＆ニュース
「iPhone 17 / Pro / Pro Max」の価格＆割引キャンペーン、スペック、予約開始＆発売日などまとめ – キャリア版/SIMフリー版をおトクに購入する方法
iPhone 17シリーズ（iPhone 17、iPhone 17 Pro、iPhone 17 Pro Max）が2025年9月19日に発売。予約は9月12日21時～受付開始。
「iPhone Air」の価格＆割引キャンペーン、スペック、予約開始＆発売日などまとめ – キャリア版/SIMフリー版をおトクに購入する方法
史上最薄のiPhone『iPhone Air』が登場！超薄い。超軽い。超頑丈。価格は159,800円～、2025年9月19日発売。9月12日21時～予約開始！
ワイモバイルで「OPPO Reno11 A」「AQUOS wish4」が一括1円で販売
2025年9月12日～ワイモバイルオンラインストアで「OPPO Reno11 A」「AQUOS wish4」が値下げ！どちらも一括1円で販売！
2025年9月12日（金）にY!mobileから「Google Pixel 9a」が発売。価格は88,416円～105,120円。新規契約とMNPは割引あり。
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
Huluを通常よりもおトクに契約する方法、キャンペーンまとめ
動画見放題サービス「Hulu」通常特典は2週間無料だけだけどキャンペーンを利用すれば無料期間が延長されたりポイント還元などでおトクに入会できる！
ワイモバイルで折りたたみスマホ「Libero Flip」をおトクに購入する方法 – 一括9,800円＆PayPayポイント還元で購入できる
ワイモバイルの折りたたみスマホ「Libero Flip（A304ZT）」が値下げ！機種変更でも一括9,800円と激安!!さらに必ずPayPayポイントがもらえる
【楽天モバイル】モバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」が一括1円だから買ってみた – 激安でWi-Fiルーターをゲットする方法
楽天モバイルがモバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」を一括1円の激安特価販売！すでに楽天モバイル回線を契約中でも一括1円で買える！
【裏技？】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された
ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる！直接ahamoで契約するよりもかなりおトクに
