シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法
紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中！「新規口座開設限定！サービス体験プログラム」にも参加して合計1,000円ゲット！
【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法
オンライン限定！MNP（のりかえ）なら最大21,600円割引！販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。
【楽天モバイル】三木谷氏の紹介キャンペーンで14,000ポイントをもらって回線を契約する方法。超おトクに契約できるけど注意点あり
楽天の社長、三木谷氏のRakuten最強プラン紹介キャンペーンを利用すればのりかえ契約で14,000ポイント、新規契約は11,000ポイントがもらえる！ただし、現在は特典付与は1人1回まで。
【条件変更】auオンラインショップ「スペシャルセール」でおトクにスマホを購入する方法 – 対象機種や適用条件、割引金額などまとめ
au PAY残高キャッシュバックや割引特典がある「au Online Shop スペシャルセール」を開催中。機種変更＆指定されたプランで対象機種を購入すると適用される
【最大5,000円相当が無料でもらえる】Yahooショッピング、PayPayモールで買い物して「ウェルカムギフト」をもらう方法 – 対象となる条件などまとめ
はじめてまたは久々にYahooショッピング、PayPayモールで買い物する人は5,000円相当の商品が詰まったウェルカムギフトがもらえる！
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
au PAYに「オフラインコード支払い」機能が追加
2025年12月1日からau PAY（コード支払い）がネットワークに接続できない場合でもお支払いが可能に！
「マクドナルドの福袋2026」の抽選販売に応募、参加＆購入する方法 – 今年はFrancfrancコラボ福袋!!
2026年もマクドナルドの福袋が登場！今回はフランフランとのコラボ福袋！中身はレアアイテム3点と商品無料券（3,910円相当）。販売価格は税込3,900円。さらに10個に1個の割合で金のマックカードが入ってる！
【最終日】Amazon『ブラックフライデー2025』徹底攻略 – 事前準備、おトクな支払い方法/買い方、セール、キャンペーン、割引/目玉商品など完全まとめ
2025年もAmazonブラックフライデー開催！今年は11月24日～12月1日の8日間の大型キャンペーン。先行セールは11月21日からスタート！
【サーティワン福袋2026】サーティワンの「福袋」を予約・ゲットする方法 – モバイルオーダーで予約可能!!
2025年12月9日（火）10時より、モバイルオーダーでサーティワンの2026年福袋の予約受付開始！福袋の種類は2,500円と3,500円の2種類。
【毎月1日限定】楽天市場『ワンダフルデー』でおトクに買い物する方法 – 全ショップポイント3倍、リピート購入2倍、ワンダフルクーポン、特価商品などが登場
楽天市場で毎月1日の24時間限定で開催されるキャンペーン「ワンダフルデー」争奪戦のクーポン配布やポイント最大20％還元の商品などもあり
usedoorをフォロー
注目・おすすめ記事
【神対応すぎる】バルミューダのトースターが壊れた時の申請方法 – 修理依頼を出したらまさかの新品しかも新型への交換に。逆に申し訳なさすぎる…
バルミューダ ザ・トースターが壊れたので修理見積依頼を出したらまさかの新型新品への無償交換に。。こちらが申し訳ないと感じるレベルの神対応…
【LYPプレミアム】LINEスタンププレミアム（使い放題）を無料で利用する方法 – 追加料金なしで有料スタンプが使い放題に！条件や使い方は？
LYPプレミアム（旧：Yahoo!プレミアム）特典の有料LINEスタンプが無料で使い放題となるスタンププレミアムを使ってみた。スタンプ欲しい人はコレで十分かも！
アイサポでiPhoneのバッテリーを新品に交換してみた – 初期化は必要？価格や交換作業までの流れや手順。料金がちょっと安くなる各種割引も紹介
iPhone修理専門「アイサポ」でiPhoneのバッテリーを新品に交換してみた。Apple公式よりも安く交換できる。その他にも画面割れから水没まで幅広い修理に対応＆安い！
【iPhone】マスクを装着したままでFace IDでロックを解除する方法まとめ – iOS 15.4以降、iOS 15.3以前、Apple Watch着用など
iOS 15.4から正式機能になった「マスクをしたまま顔認証でiPhoneのロックを解除」を設定してみた！その他、iPhone 12未満のモデルで使える小ワザも
Apple公式『iPhoneのバッテリー交換』を実際にやってみた – AppleStoreや正規サービスプロバイダで電池交換する時の流れと手順
iPhone 6 PlusのバッテリーをAppleStoreで新品に交換（有料）してみました
最新記事＆ニュース
「マクドナルドの福袋2026」の抽選販売に応募、参加＆購入する方法 – 今年はFrancfrancコラボ福袋!!
2026年もマクドナルドの福袋が登場！今回はフランフランとのコラボ福袋！中身はレアアイテム3点と商品無料券（3,910円相当）。販売価格は税込3,900円。さらに10個に1個の割合で金のマックカードが入ってる！
【最終日】Amazon『ブラックフライデー2025』徹底攻略 – 事前準備、おトクな支払い方法/買い方、セール、キャンペーン、割引/目玉商品など完全まとめ
2025年もAmazonブラックフライデー開催！今年は11月24日～12月1日の8日間の大型キャンペーン。先行セールは11月21日からスタート！
【サーティワン福袋2026】サーティワンの「福袋」を予約・ゲットする方法 – モバイルオーダーで予約可能!!
2025年12月9日（火）10時より、モバイルオーダーでサーティワンの2026年福袋の予約受付開始！福袋の種類は2,500円と3,500円の2種類。
【毎月1日限定】楽天市場『ワンダフルデー』でおトクに買い物する方法 – 全ショップポイント3倍、リピート購入2倍、ワンダフルクーポン、特価商品などが登場
楽天市場で毎月1日の24時間限定で開催されるキャンペーン「ワンダフルデー」争奪戦のクーポン配布やポイント最大20％還元の商品などもあり
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【12円スマホ】ソフトバンク『新トクするサポート（バリュー）』の対象機種、適用条件などまとめ – iPhone 15が対象に⇒128GBモデルは月額1円で利用できる！
ソフトバンクの対象機種が1年間12円～で利用できる『新トクするサポート（バリュー）』の条件や対象機種まとめ。返却で激安でiPhone・Androidが使える！
【ドコモ】『端末購入割引』でiPhone・Androidスマホ・ケータイをおトクに購入する方法 – 適用条件と割引による値下げ、現在の対象機種まとめ
ドコモの分離プラン導入後に新たに登場した「端末購入割引」 条件を満たしていれば機種変更でも対象のiPhoneやAndroidがおトクに買える！
【一括1円が復活!!】楽天モバイル『Rakuten WiFi Pocket Platinum』をお得に利用する方法 – プラチナバンドに対応したモバイルルーター！
楽天モバイルのプラチナバンドに対応した新型Wi-Fiルーター「Rakuten WiFi Platinum」がお得に利用できるキャンペーン。楽天モバイル回線を契約すれば一括1円で買える！
【紹介コードリンクあり】Amazonプライム会員に新規登録して1,000ポイントをゲットする方法 – 適用条件や紹介コードの発行/確認手順など
Amazonが新たにプライム会員になる人を対象に招待プログラムを開始。紹介コードリンクから登録して条件を満たせば1,000円分のAmazonポイントがもらえちゃう
