シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【第2弾】ワイモバイル「10周年大感謝祭」まとめ – PayPay大還元、紹介、スマホ安売り、誰でも参加できる抽選会などで構成される大型キャンペーン開催！
ワイモバイルが10周年を記念した大型キャンペーン～第2弾～を開催！ワイモバを契約中の人もしてない人も参加できてPayPayが当たるなど特典多数！
【3ヵ月無料!!】Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法、開催中のキャンペーンまとめ – 再登録で3ヵ月間月額300円、無料期間など
Amazonの音楽聞き放題サービス「Music Unlimited」におトクに登録できるキャンペーンを紹介。現在は3ヵ月・30日間無料や再登録がおトクなどが開催中
【2024年9月】楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり。適用条件や注意点などまとめ
楽天モバイルが友だち紹介キャンペーンを実施中。2024年2月より招待された人の特典が爆増！今ならのりかえ契約で13,000ポイントがもらえる。今月の条件や注意点などまとめ
【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法＆対象機種まとめ – 機種のみ購入でもOK！
ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引！機種単体（白ロム）購入も対象。割引の条件、対象機種は？
【ドコモ】『オンラインショップおトク割』でスマホをおトクに購入する方法 – 端末のみ購入もOK！対象機種、割引金額、適用条件まとめ
ドコモオンラインショップが新たな割引「オンラインショップおトク割」をスタート！5G WELCOME割併用で超大幅割引となる機種も！
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
【土日開催!!】Amazonで週末にポイント2倍『土曜日曜ダブルポイント』でおトクに買い物する方法 – 対象商品、参加条件などまとめ
Amazonで週末に対象商品購入でダブルポイントとなるキャンペーンを開催。今回は1回で7,000円以上の商品購入が対象。Anker製品などもあり
【土日配布!!】Yahoo!オークション『ゴールドクーポン』をゲットする方法 – 9月の週末は誰でも旧ヤフオクでクーポンを使っておトクに買い物できる！
Yahoo!オークション（旧：ヤフオク）では週末土日にゴールドクーポン配布中！誰でも買い物金額に応じた割引が受けられる！
【iPhone】ゲームモードをオフ・無効化する方法 – iOS 18から利用できるゲームアプリ起動時に自動的にオンとなるゲームモードとは？
iOS 18以降のiPhoneはゲームモードが利用できる。フレームレート安定や遅延軽減などゲームプレイに特化したモード。不要な場合はオフ・無効化もできる
【2024年9月】Amazon「ファッションタイムセール祭り」の特典など内容まとめ – 同時開催のポイントアップキャンペーンは全商品対象で10%還元！
Amazonが『Fashion×秋のお出かけタイムセール祭り』を9月20日～24日に開催！同時開催のポイントアップキャンペーンは全商品対象＆ファッションアイテム+5％還元
【iPhone】iOS 18以降で写真/動画を編集する方法 – 写真アプリの「編集」ボタンがなくなった… アイコンに変更された新しい編集ボタンはコレ
iOS 18で写真アプリが大幅アップデート。これまであった写真や動画の「編集」ボタンが変更になっているので注意（最初、編集できなくなったのかと思ったぜ…）
usedoorをフォロー
注目・おすすめ記事
【楽天モバイル】モバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」が一括1円だから買ってみた – 激安でWi-Fiルーターをゲットする方法
楽天モバイルがモバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」を一括1円の激安特価販売！すでに楽天モバイル回線を契約中でも一括1円で買える！
【2024年版】税金をおトクに支払う方法 – 請求書払いを徹底比較！楽天ペイ、d払い、au PAY、PayPay、ファミペイで一番おトクに支払えるのは？
2024年も支払う必要がある様々な税金。請求書払いに対応しているもので手数料不要でポイント還元ありなど一番おトクに支払うことができるサービスは何？
Kindle Unlimitedにおトクに登録できるキャンペーンまとめ – Amazonの本/雑誌/マンガ読み放題が2ヵ月99円、30日間無料、1年9,800円など【2024年9月】
Amazonの読み放題サービス「Kindle Unlimited」のキャンペーンをまとめています。現在は2ヵ月99円や30日間無料、1年で9,800円など。対象者ならおトクに通常よりもおトクに利用できる
【Android】モバイルPASMOの発行方法＆注意点 – ついにおサイフケータイに対応。定期券も買える。Suicaと共存できる？
やっとモバイルPASMOが使えるようになった！定期券も発行できる。モバイルSuicaとの同時発行もできるけど注意が必要
【一括1円】楽天モバイル『Rakuten WiFi Pocket Platinum』を激安で購入する方法 – プラチナバンドに対応した新型モバイルルーターが登場！
楽天モバイルのプラチナバンドに対応した新型Wi-FIルーター「Rakuten WiFi Platinum」が登場。1人1点まで＆条件を満たす場合はいきなり一括1円で買える！
最新記事＆ニュース
【土日開催!!】Amazonで週末にポイント2倍『土曜日曜ダブルポイント』でおトクに買い物する方法 – 対象商品、参加条件などまとめ
Amazonで週末に対象商品購入でダブルポイントとなるキャンペーンを開催。今回は1回で7,000円以上の商品購入が対象。Anker製品などもあり
【土日配布!!】Yahoo!オークション『ゴールドクーポン』をゲットする方法 – 9月の週末は誰でも旧ヤフオクでクーポンを使っておトクに買い物できる！
Yahoo!オークション（旧：ヤフオク）では週末土日にゴールドクーポン配布中！誰でも買い物金額に応じた割引が受けられる！
【iPhone】ゲームモードをオフ・無効化する方法 – iOS 18から利用できるゲームアプリ起動時に自動的にオンとなるゲームモードとは？
iOS 18以降のiPhoneはゲームモードが利用できる。フレームレート安定や遅延軽減などゲームプレイに特化したモード。不要な場合はオフ・無効化もできる
【2024年9月】Amazon「ファッションタイムセール祭り」の特典など内容まとめ – 同時開催のポイントアップキャンペーンは全商品対象で10%還元！
Amazonが『Fashion×秋のお出かけタイムセール祭り』を9月20日～24日に開催！同時開催のポイントアップキャンペーンは全商品対象＆ファッションアイテム+5％還元
【iPhone】iOS 18以降で写真/動画を編集する方法 – 写真アプリの「編集」ボタンがなくなった… アイコンに変更された新しい編集ボタンはコレ
iOS 18で写真アプリが大幅アップデート。これまであった写真や動画の「編集」ボタンが変更になっているので注意（最初、編集できなくなったのかと思ったぜ…）
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【2024年9月】ドコモのiPhone、Androidスマホが機種変更で5,500円割引となるクーポンをWEB上からゲットする方法 – 対象機種、条件など
2024年9月もドコモがiPhoneやAndroidスマホの機種変更が5,500円割引となるクーポンをウェブ上で配布中！対象者限定みたいのでまずは取得できるかをチェック！
【条件変更】auオンラインショップ「スペシャルセール」でおトクにスマホを購入する方法 – 対象機種や適用条件、割引金額などまとめ
au PAY残高キャッシュバックや割引特典がある「au Online Shop スペシャルセール」を開催中。機種変更＆指定されたプランで対象機種を購入すると適用される
【10,000ポイント還元!!】楽天モバイル『Apple Watchスタートキャンペーン』でおトクにApple Watchを購入する方法 – 対象商品＆条件まとめ
楽天モバイルで条件を満たした上でApple Watch購入で最大10,000ポイントが還元されるキャンペーン開催！セルラー版をお試ししたい人に最適
【2024年9月】毎日参加！Yahoo!オークション「全員あたるくじ」でPayPayポイントをゲットする方法 – 開催中は毎日くじを引こう！
Yahoo! JAPAN IDがあれば誰でも毎日参加できるYahoo!オークション（旧：ヤフオク）の「全員あたるくじ」必ずPayPayポイントがもらえるので開催中は毎日参加がオススメ
【紹介コードあり】Yahoo!フリマの「友達紹介キャンペーン（2024年8月～9月）」でPayPayポイント500円相当をゲットする方法
Yahoo!フリマ（旧PayPayフリマ）を始めるなら「友達紹介キャンペーン」の紹介コード入力で500円分のPayPayポイントがもらえる。2024年9月30日まで
