シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【LYPプレミアム】特典、利用できるLINEの機能まとめ＆おトクに登録できるキャンペーンを紹介。無料期間延長＆最大5,000円相当のPayPay特典がもらえる！
対象者であればLYPプレミアムに新規登録で無料期間延長＆最大5,000円分の特典がもらえるキャンペーン開催中！使えるLINEの機能やおトク要素をまとめて紹介
【ドコモ】『オンラインショップおトク割』でスマホをおトクに購入する方法 – 端末のみ購入もOK！対象機種、割引金額、適用条件まとめ
ドコモオンラインショップが新たな割引「オンラインショップおトク割」をスタート！5G WELCOME割併用で超大幅割引となる機種も！
【紹介リンクあり】JCBカードの『お友達紹介キャンペーン』でもれなく1,500円分のキャッシュバックをもらって入会する方法
JCBカード入会時に友だち紹介のリンクから申し込むともれなく1,500円分のキャッシュバックがもらえる『お友達紹介キャンペーン』開催。紹介リンクあり
「メルペイ」のクーポン＆キャンペーンまとめ – クーポンは人によって違うので来ない場合も… メルカードキャンペーンもあり
メルカリが提供するスマホコード支払「メルペイ」は定期的におトクなキャンペーンを開催＆クーポンを配布！人によって違うクーポンを徹底的にまとめてみた
【ドコモ】『端末購入割引』でiPhone・Androidスマホ・ケータイをおトクに購入する方法 – 適用条件と割引による値下げ、現在の対象機種まとめ
ドコモの分離プラン導入後に新たに登場した「端末購入割引」 条件を満たしていれば機種変更でも対象のiPhoneやAndroidがおトクに買える！
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
au、UQ mobileが「Redmi Note 13 Pro 5G」「Xiaomi 14T」にAndroid 16のOSアップデートの提供を開始
2025年12月16日にauとUQ mobileの「Redmi Note 13 Pro 5G」「Xiaomi 14T」に対してAndroid 16のOSアップデートを配信。
「マクドナルドの福袋2026」の抽選販売に応募、参加＆購入する方法 – 今年はFrancfrancコラボ福袋!!
2026年もマクドナルドの福袋が登場！今回はフランフランとのコラボ福袋！中身はレアアイテム3点と商品無料券（3,910円相当）。販売価格は税込3,900円。さらに10個に1個の割合で金のマックカードが入ってる！
Amazonでau PAY（ネット支払い）が利用可能に、最大10％還元＆1,000ポイントがあたるキャンペーンも開催
2025年12月16日より、Amazon.co.jpでスマホ決済サービス「au PAY（ネット支払い）」が利用できるようになりました。au PAY 残高のうち「au PAY マネー」のみが利用可能。
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
Appleギフトカードをおトクに購入する方法・キャンペーン【2025年12月】
Appleのあらゆる製品やサービスの購入に使える「Appleギフトカード（Apple Gift Card）」をキャンペーンやセールでおトクにゲット！
usedoorをフォロー
注目・おすすめ記事
「Audible」のキャンペーンまとめ – Amazonの朗読サービスを通常よりもおトクに利用する方法
10月14日までAudibleが過去最長クラスの2ヵ月無料で利用できるプライムデー連動キャンペーン開催中！Amazonの朗読サービス「Audible」に登録するならキャンペーンの利用がオススメ
【通信障害対策に】サブ回線としての契約がオススメのキャリア・格安SIMまとめ – 月額料金は抑えつつ予備としてどうぞ。eSIM、デュアルSIMなど
時々発生するキャリアの通信障害… 障害発生中は電話・ネットが繋がらない。。を避けるために持っておくのがオススメのサブ回線をまとめてみた
【機種変更でも一括1,430円!!】ドコモのガラケー「arrows ケータイ ベーシック（F-41C）」を超激安で購入する方法
ドコモのarrowsブランドのパカパカガラケーが機種変更orのりかえで一括1,430円という爆安で販売中！通話用にガラケーはいかが？
dポイントをAmazonで使う方法 – ドコモ回線契約なしでもOK。Amazonギフト券に交換すれば0円分まで使い切ることもできる
dポイントはちょっとヒネれば結果的にAmazonでの買い物に使えちゃう
【Android】モバイルPASMOの発行方法＆注意点 – ついにおサイフケータイに対応。定期券も買える。Suicaと共存できる？
やっとモバイルPASMOが使えるようになった！定期券も発行できる。モバイルSuicaとの同時発行もできるけど注意が必要
最新記事＆ニュース
au、UQ mobileが「Redmi Note 13 Pro 5G」「Xiaomi 14T」にAndroid 16のOSアップデートの提供を開始
2025年12月16日にauとUQ mobileの「Redmi Note 13 Pro 5G」「Xiaomi 14T」に対してAndroid 16のOSアップデートを配信。
「マクドナルドの福袋2026」の抽選販売に応募、参加＆購入する方法 – 今年はFrancfrancコラボ福袋!!
2026年もマクドナルドの福袋が登場！今回はフランフランとのコラボ福袋！中身はレアアイテム3点と商品無料券（3,910円相当）。販売価格は税込3,900円。さらに10個に1個の割合で金のマックカードが入ってる！
Amazonでau PAY（ネット支払い）が利用可能に、最大10％還元＆1,000ポイントがあたるキャンペーンも開催
2025年12月16日より、Amazon.co.jpでスマホ決済サービス「au PAY（ネット支払い）」が利用できるようになりました。au PAY 残高のうち「au PAY マネー」のみが利用可能。
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
Appleギフトカードをおトクに購入する方法・キャンペーン【2025年12月】
Appleのあらゆる製品やサービスの購入に使える「Appleギフトカード（Apple Gift Card）」をキャンペーンやセールでおトクにゲット！
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
ワイモバイルでおトクに機種変更できるスマホまとめ – moto g64y 5Gが一括6,800円など、Libero Flipが一括9,800円＆PayPay還元など
現在ワイモバイルで機種変更でもおトクに購入できるスマホまとめ。機種変更割引＆端末単体割引で機種変更でも激安購入できる機種アリ！
【割引クーポンあり】1Password（有料版）をおトクに契約する方法 – ソースネクストの3年版がコスパよし！価格比較してみた
1Passwordを購入するならソースネクストの3年版がお買い得！公式で購入するより安く1Passwordが使える＆更新/継続用としても利用可能
Amazonで『ギフトカード大還元祭』開催！対象のお店でAmazon Pay利用で1回ごとに最大10,000円分のギフトカードが当たる抽選に参加できる＆回数上限なし
Amazon Payを対象店舗で1回1,000円以上利用すると必ずAmazonギフトカードが当たる抽選に参加できる「ギフトカード大還元祭」開催！期間は6月7日（金）まで
ワイモバイルで折りたたみスマホ「Libero Flip」をおトクに購入する方法 – 一括9,800円＆PayPayポイント還元で購入できる
ワイモバイルの折りたたみスマホ「Libero Flip（A304ZT）」が値下げ！機種変更でも一括9,800円と激安!!さらに必ずPayPayポイントがもらえる
