シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【紹介コードあり】Yahoo!フリマの「友達紹介キャンペーン」でPayPayポイント500円相当をゲットする方法（2025年7月）
Yahoo!フリマ（旧PayPayフリマ）を始めるなら「友達紹介キャンペーン」の紹介コード入力で500円分のPayPayポイントがもらえる。2025年7月31日まで
「メルペイ」のクーポン＆キャンペーンまとめ – クーポンは人によって違うので来ない場合も… メルカードキャンペーンもあり
メルカリが提供するスマホコード支払「メルペイ」は定期的におトクなキャンペーンを開催＆クーポンを配布！人によって違うクーポンを徹底的にまとめてみた
【既存ユーザーも対象】楽天モバイルで「YouTube Premium」を3ヵ月間無料で申し込む方法 – 対象となる条件、注意点など
楽天モバイル契約者はYoutube Premiumが3ヵ月無料で利用できる。条件はシンプルで既存ユーザーも対象！注意点もアリ
【楽天モバイル】三木谷氏の紹介キャンペーンで14,000ポイントをもらって回線を契約する方法。超おトクに契約できるけど注意点あり
楽天の社長、三木谷氏のRakuten最強プラン紹介キャンペーンを利用すればのりかえ契約で14,000ポイントがもらえる。ただし現在は特典付与は1人1回まで
楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり＆適用条件や注意点などまとめ。特典付与スケジュール改善！
楽天モバイルが友だち紹介キャンペーンを実施中。2024年2月より招待された人の特典が爆増！今ならのりかえ契約で13,000ポイントがもらえる。今月の条件や注意点などまとめ
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
IIJmioで「motorola edge 60 pro」が一括39,800円の特価で販売、発売記念キャンペーン
7月4日より、格安SIMのIIJmioで「motorola edge 60 pro」が発売記念キャンペーンで特価販売！42％の39,800円で販売、24回払いなら月額1,659円（税込）。期間は8月31日まで。
【2025年7月】『エディオン スペシャルセール』でおトクに買い物する方法 – 激安商品も！楽天市場店の不定期開催セールにログインする手順（旧：闇市）
エディオン楽天市場店で不定期開催される『スペシャルセール（旧：エディオン闇市）』には価格.com最安値クラスの商品が登場することも！
【抽選販売情報あり】Nintendo Switch 2の予約・発売日や価格、ショップなど販売情報まとめ – 初代から進化したポイントも解説
ついに待望の「Nintendo Switch 2」が発売！抽選販売情報やスペック、進化したポイントなどを解説。
【2025年7月】楽天市場『お買い物マラソン』でおトクに買い物する方法 – 買い回りでポイントアップのコツやクーポン、スロット、間違い探し、注意点などまとめ
楽天市場の買いまわりポイントアップの祭典『お買い物マラソン』に参加してみた。最大付与ポイントをゲットするまでの手順を紹介
【Windows】Notionが起動しなくなった時の対処方法 – これをやったら直った！
WindowsにインストールしているNotionアプリが起動しなくなった… 原因はプロセスが悪さしている感じかも。タスクの終了で直る⇒ということは…
usedoorをフォロー
注目・おすすめ記事
【Amazon Pay】Amazon以外のお店でギフト券を使って買い物、支払いする方法。0.5％還元アリ！出前館やふるさと納税、買い物など多数のショップで使える
Amazon以外でAmazonアカウントを使って支払いができる「Amazon Pay」ギフト券も利用できて0.5％還元あり！クレカなしでの買い物にもどうぞ
【メルペイ】メルカリの売上金、ポイントをSuica残高にチャージする方法 – 1円もロスなしにそのまま交換できる
メルペイをApple PayのiDとして登録すれば、売上金やポイントがそのままSuica残高に交換できちゃう
楽天カードを1つの名義で国際ブランドの異なる2枚のカードを発行する方法 – 2枚持ちでも年会費無料！
楽天カードの『2枚目のカード』サービスで、異なる国際ブランドやデザインの楽天カードがもう1枚作成できる！
【楽天ポイント】期間限定ポイントのオススメの使い方 – 楽天系のサービス以外でも使える！有効期限確認、少額でも使い切る方法
いつの間にか貯まる『期間限定の楽天ポイント』楽天市場で無理やり使うのではなく街のお店などで効率的に使うのがいいかも！
【12円スマホ】ソフトバンク『新トクするサポート（バリュー）』の対象機種、適用条件などまとめ – iPhone 15が対象に⇒128GBモデルは月額1円で利用できる！
ソフトバンクの対象機種が1年間12円～で利用できる『新トクするサポート（バリュー）』の条件や対象機種まとめ。返却で激安でiPhone・Androidが使える！
最新記事＆ニュース
IIJmioで「motorola edge 60 pro」が一括39,800円の特価で販売、発売記念キャンペーン
7月4日より、格安SIMのIIJmioで「motorola edge 60 pro」が発売記念キャンペーンで特価販売！42％の39,800円で販売、24回払いなら月額1,659円（税込）。期間は8月31日まで。
【2025年7月】『エディオン スペシャルセール』でおトクに買い物する方法 – 激安商品も！楽天市場店の不定期開催セールにログインする手順（旧：闇市）
エディオン楽天市場店で不定期開催される『スペシャルセール（旧：エディオン闇市）』には価格.com最安値クラスの商品が登場することも！
【抽選販売情報あり】Nintendo Switch 2の予約・発売日や価格、ショップなど販売情報まとめ – 初代から進化したポイントも解説
ついに待望の「Nintendo Switch 2」が発売！抽選販売情報やスペック、進化したポイントなどを解説。
【2025年7月】楽天市場『お買い物マラソン』でおトクに買い物する方法 – 買い回りでポイントアップのコツやクーポン、スロット、間違い探し、注意点などまとめ
楽天市場の買いまわりポイントアップの祭典『お買い物マラソン』に参加してみた。最大付与ポイントをゲットするまでの手順を紹介
【Windows】Notionが起動しなくなった時の対処方法 – これをやったら直った！
WindowsにインストールしているNotionアプリが起動しなくなった… 原因はプロセスが悪さしている感じかも。タスクの終了で直る⇒ということは…
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
DAZNをおトクに利用する方法をご紹介！サッカーW杯アジア最終予選のアウェーはDAZN独占配信。2025年6月にアメリカで開催される「FIFAクラブワールドカップ2025」全63試合を無料で独占配信。
Amazonでd払い、dポイントを利用する方法＆キャンペーンまとめ – 期間用途限定ポイントも使える
ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意！
dマガジンをおトクに契約する方法 – 必ず400dポイントもらえる、実質最大3ヵ月ほぼ無料キャンペーンなど
dマガジンはWEBから入会すれば400dポイントがもらえる！初回31日無料とあわせて実質2ヵ月無料で利用できる。エントリーはお忘れなく！
【毎日5％～7％還元!!】Yahoo!ショッピング『PayPay支払いで毎日5%貯まる』キャンペーンでおトクに買い物する方法 – 条件などまとめ
Yahoo!ショッピングで毎日5％還元となるキャンペーンが開催！プレミアム会員などは常時7％還元も。対象となる買い物の条件などまとめ
