シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【紹介コードリンクあり】Amazonプライム会員に新規登録して1,000ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など
Amazonが新たにプライム会員になる人を対象に招待プログラムを開始。紹介コードリンクから登録して条件を満たせば1,000円分のAmazonポイントがもらえちゃう
DAZN（ダゾーン）をお得に契約する方法
DAZNをおトクに利用する方法をご紹介！サッカーW杯アジア最終予選のアウェーはDAZN独占配信。2025年6月にアメリカで開催される「FIFAクラブワールドカップ2025」全63試合を無料で独占配信。
【最大10,000dポイント】毎日運試し。わくわく毎日くじでdポイントをゲットする方法
毎日引けるdポイントが当たるくじが登場。最高は10,000dポイントらしいけど…
【割引クーポンあり】Dropbox Plus（有料版）をおトクに購入する方法 – ソースネクストの3年以上複数年版がコスパよし！最安値保証＆返金あり
公式は値上げ…Dropbox Plus（有料版）を安く利用したいならソースネクストの3年版が超お買い得！期間限定割引や限定割引クーポンなどまとめ
【10,000ポイント還元!!】楽天モバイル『Apple Watchスタートキャンペーン』でおトクにApple Watchを購入する方法 – 対象商品＆条件まとめ
楽天モバイルで条件を満たした上でApple Watch購入で最大10,000ポイントが還元されるキャンペーン開催！セルラー版をお試ししたい人に最適
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年3月24日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法 – 入会キャンペーンまとめ
Amazonの音楽聞き放題サービス「Music Unlimited」が3ヵ月無料で利用できる激アツのプライム感謝祭連動キャンペーン開催中！4月6日（月）まで
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
【26.02-13.00.00登場】PlayStation5のシステムソフトウェアをアップデートする方法 – PS5本体のバージョン確認、更新＆自動アプデのオン⇔オフ手順
PlayStation5にももちろんソフトウエアバージョンあり。本体更新データの配信が開始されたらアップデートしよう
【22.0.0登場】Nintendo Switchのシステムソフトウェアをアップデートする方法 – ニンテンドースイッチおよびスイッチ2本体の現在のバージョン確認＆更新手順
Nintendo Switchにももちろんソフトウエアバージョンあり。本体更新データの配信が開始されたらアップデートしよう
usedoorをフォロー
注目・おすすめ記事
「Apple Watch Ultra」の予約や発売日、価格、キャンペーンまとめ – Apple StoreやAmazon、家電量販店、キャリアで予約・購入する方法
屈強で過酷な環境に負けない万能な「Apple Watch Ultra」が2022年9月23日に発売！価格は124,800円（税込）。
【メルペイ】メルカリの売上金、ポイントをSuica残高にチャージする方法 – 1円もロスなしにそのまま交換できる
メルペイをApple PayのiDとして登録すれば、売上金やポイントがそのままSuica残高に交換できちゃう
【楽天モバイル】初めて20GB超過利用して1,500ポイントをゲットする方法 – 毎月開催＆必ずもらえる！最強プランにピッタリのキャンペーン。特典増額中！
楽天モバイル契約者限定で過去に一度も20GBを超過したことがなく20GBを超過しそうな人は必見！エントリーと利用だけで1,500ポイントがもらえちゃう
【ドコモ】『オンラインショップおトク割』でスマホをおトクに購入する方法 – 端末のみ購入もOK！対象機種、割引金額、適用条件まとめ
ドコモオンラインショップが新たな割引「オンラインショップおトク割」をスタート！5G WELCOME割併用で超大幅割引となる機種も！
【マジ便利】LINEで自分一人の『ぼっちグループ』の作り方、有効活用方法 – LINEが自分専用のメモ＆クラウドストレージみたいになって超便利
「ぼっち」といっても寂しい訳じゃないんです。LINEは一人でも有効活用できるという小ワザ。もちろん無料
最新記事＆ニュース
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年3月24日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法 – 入会キャンペーンまとめ
Amazonの音楽聞き放題サービス「Music Unlimited」が3ヵ月無料で利用できる激アツのプライム感謝祭連動キャンペーン開催中！4月6日（月）まで
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
【26.02-13.00.00登場】PlayStation5のシステムソフトウェアをアップデートする方法 – PS5本体のバージョン確認、更新＆自動アプデのオン⇔オフ手順
PlayStation5にももちろんソフトウエアバージョンあり。本体更新データの配信が開始されたらアップデートしよう
【22.0.0登場】Nintendo Switchのシステムソフトウェアをアップデートする方法 – ニンテンドースイッチおよびスイッチ2本体の現在のバージョン確認＆更新手順
Nintendo Switchにももちろんソフトウエアバージョンあり。本体更新データの配信が開始されたらアップデートしよう
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【紹介コードリンクあり】Amazonプライム会員に新規登録して1,000ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など
Amazonが新たにプライム会員になる人を対象に招待プログラムを開始。紹介コードリンクから登録して条件を満たせば1,000円分のAmazonポイントがもらえちゃう
【10,000ポイント還元!!】楽天モバイル『Apple Watchスタートキャンペーン』でおトクにApple Watchを購入する方法 – 対象商品＆条件まとめ
楽天モバイルで条件を満たした上でApple Watch購入で最大10,000ポイントが還元されるキャンペーン開催！セルラー版をお試ししたい人に最適
【裏技？】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された
ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる！直接ahamoで契約するよりもかなりおトクに
【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法＆対象機種まとめ – 機種のみ購入でもOK！
ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引！機種単体（白ロム）購入も対象。割引の条件、対象機種は？
【ドコモ】『端末購入割引』でiPhone・Androidスマホ・ケータイをおトクに購入する方法 – 適用条件と割引による値下げ、現在の対象機種まとめ
ドコモの分離プラン導入後に新たに登場した「端末購入割引」 条件を満たしていれば機種変更でも対象のiPhoneやAndroidがおトクに買える！
