シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【IIJmio】一括110円！トクトクキャンペーン スマホ大特価セールまとめ – 対象機種や割引条件など。iPhone・Androidが激安で購入できる！
スマホ安売りでお馴染みのIIJmio恒例の『スマホ大特価セール』がトクトクキャンペーンとして開催！今回も特にAndroidスマホが大幅割引で一括110円～と激安に
楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり＆適用条件や注意点などまとめ。特典付与スケジュール改善！
楽天モバイルが友だち紹介キャンペーンを実施中。2024年2月より招待された人の特典が爆増！今ならのりかえ契約で13,000ポイントがもらえる。今月の条件や注意点などまとめ
【第4弾開始!!】ワイモバイル「10周年大感謝祭」まとめ – 誰でも参加OK！PayPay大還元、紹介、スマホ安売り、抽選会などで構成される大型キャンペーン開催！
ワイモバイルが10周年を記念した大型キャンペーン～第4弾～を4月1日から開催！ワイモバを契約中の人もしてない人も参加できてPayPayが当たるなど特典多数！
ワイモバイルを通常よりおトクに契約する方法 – SIMのみで26,000円相当還元!!
ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大26,000円相当の還元がもらえる！
【ワイモバイル契約者限定!!】もう1回線申込で15,000円分のポイントがもらえる特別キャンペーン開催中。のりかえならAQUOS wish4が一括1円の特価で買える
ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえる。のりかえなら一括1円スマホあり
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
【4月4日17時～抽選販売の応募受付開始!!】「Nintendo Switch 2」がついに発表！予約・発売日や価格、進化したポイントなどを解説。体験イベントも開催!!
ついに待望の「Nintendo Switch 2」の詳細が発表！予約・発売日・価格は？一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。
【2025年4月】『エディオン スペシャルセール』でおトクに買い物する方法 – 激安商品も！楽天市場店の不定期開催セールにログインする手順（旧：闇市）
エディオン楽天市場店で不定期開催される『スペシャルセール（旧：エディオン闇市）』には価格.com最安値クラスの商品が登場することも！
【LINE】無料スタンプ＆隠しスタンプまとめ（2025年4月4日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【2025年4月】楽天市場『お買い物マラソン』でおトクに買い物する方法 – 買い回りでポイントアップのコツやクーポン、スロット、間違い探し、注意点などまとめ
楽天市場の買いまわりポイントアップの祭典『お買い物マラソン』に参加してみた。最大付与ポイントをゲットするまでの手順を紹介
【悲報】ドコモがiPhone 16eとiPhone 15を値上げ… 両機種とも4月4日に価格改定、約1万円高くなる
4月4日よりドコモのiPhone 16e、iPhone 15が値上げ。さらに全iPhone 16シリーズの返却プログラムの負担金も変更に
usedoorをフォロー
注目・おすすめ記事
「iPhone 15 / Plus / Pro / Pro Max」の価格＆割引キャンペーン、スペック、予約開始＆発売日などまとめ – キャリア版/SIMフリー版をおトクに購入する方法
2023年モデルのiPhone 15シリーズがApple Storeや日本の4キャリアから発売！Amazonや家電量販店などの各ショップ、キャリア版の販売価格や割引キャンペーンをまとめました
【Android】スマホのバッテリー消費を抑えて電池持ちをアップさせる方法まとめ – Pixelのバッテリーが悪いのでいろいろ設定してみた
Pixel 4のバッテリー持ちが悪すぎるのでAndroid全般の電池消費を節約する設定をガッツリ行ってみた
【Amazon Pay】Amazon以外のお店でギフト券を使って買い物、支払いする方法。0.5％還元アリ！出前館やふるさと納税、買い物など多数のショップで使える
Amazon以外でAmazonアカウントを使って支払いができる「Amazon Pay」ギフト券も利用できて0.5％還元あり！クレカなしでの買い物にもどうぞ
【楽天モバイル】モバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」が一括1円だから買ってみた – 激安でWi-Fiルーターをゲットする方法
楽天モバイルがモバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」を一括1円の激安特価販売！すでに楽天モバイル回線を契約中でも一括1円で買える！
【2025年2月】irumoのキャンペーンまとめ – おトクな回線契約＆既存ユーザー向けも紹介。dポイント還元やドコモ経由の裏技っぽい契約方法、抽選会etc…
ドコモの低料金プラン「irumo」契約でdポイントがもらえるキャンペーン開催中。割引適用で月額料金がかなり安くなるirumoの契約を考えている人はチェックしてみて
最新記事＆ニュース
【4月4日17時～抽選販売の応募受付開始!!】「Nintendo Switch 2」がついに発表！予約・発売日や価格、進化したポイントなどを解説。体験イベントも開催!!
ついに待望の「Nintendo Switch 2」の詳細が発表！予約・発売日・価格は？一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。
【2025年4月】『エディオン スペシャルセール』でおトクに買い物する方法 – 激安商品も！楽天市場店の不定期開催セールにログインする手順（旧：闇市）
エディオン楽天市場店で不定期開催される『スペシャルセール（旧：エディオン闇市）』には価格.com最安値クラスの商品が登場することも！
【LINE】無料スタンプ＆隠しスタンプまとめ（2025年4月4日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【2025年4月】楽天市場『お買い物マラソン』でおトクに買い物する方法 – 買い回りでポイントアップのコツやクーポン、スロット、間違い探し、注意点などまとめ
楽天市場の買いまわりポイントアップの祭典『お買い物マラソン』に参加してみた。最大付与ポイントをゲットするまでの手順を紹介
【悲報】ドコモがiPhone 16eとiPhone 15を値上げ… 両機種とも4月4日に価格改定、約1万円高くなる
4月4日よりドコモのiPhone 16e、iPhone 15が値上げ。さらに全iPhone 16シリーズの返却プログラムの負担金も変更に
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【毎日参加!!】Yahoo!オークション「全員あたるくじ」でPayPayポイントをゲットする方法 – 開催中は毎日くじを引こう！
Yahoo! JAPAN IDがあれば誰でも毎日参加できるYahoo!オークション（旧：ヤフオク）の「全員あたるくじ」必ずPayPayポイントがもらえるので開催中は毎日参加がオススメ
【実質3カ月無料!!】楽天モバイル『Rakuten WiFi Pocket Platinum』をお得に利用する方法 – プラチナバンドに対応したモバイルルーター！
楽天モバイルのプラチナバンドに対応した新型Wi-Fiルーター「Rakuten WiFi Platinum」がお得に利用できるキャンペーン。回線契約＆ルーター購入で9,834ポイント還元！
【毎日5％～7％還元!!】Yahoo!ショッピング『PayPay支払いで毎日5%貯まる』キャンペーンでおトクに買い物する方法 – 条件などまとめ
Yahoo!ショッピングで毎日5％還元となるキャンペーンが開催！プレミアム会員などは常時7％還元も。対象となる買い物の条件などまとめ
【紹介コードリンクあり】Amazonプライム会員に新規登録して1,000ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など
Amazonが新たにプライム会員になる人を対象に招待プログラムを開始。紹介コードリンクから登録して条件を満たせば1,000円分のAmazonポイントがもらえちゃう
Amazonで『ギフトカード大還元祭』開催！対象のお店でAmazon Pay利用で1回ごとに最大10,000円分のギフトカードが当たる抽選に参加できる＆回数上限なし
Amazon Payを対象店舗で1回1,000円以上利用すると必ずAmazonギフトカードが当たる抽選に参加できる「ギフトカード大還元祭」開催！期間は6月7日（金）まで
