シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【楽天モバイル】スマホ料金チェック⇒回線契約で最大9,000ポイントがもらえるキャンペーン開催。診断だけで100ポイントも！特典、条件などまとめ
楽天モバイルがスマホ料金チェックを行ってから回線を契約するとのりかえで9,000ポイント、新規契約で5,000ポイントをプレゼントするキャンペーンを毎月開催
【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法＆対象機種まとめ – 機種のみ購入でもOK！
ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引！機種単体（白ロム）購入も対象。割引の条件、対象機種は？
Amazonでd払い、dポイントを利用する方法＆キャンペーンまとめ – 期間用途限定ポイントも使える
ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意！
ahamo、LINEMO、povoどれにする？開催中キャンペーンの特典と条件を比較してみた – キャッシュバックやポイント還元などまとめ
ドコモのahamo、ソフトバンクのLINEMO、auのpovo、。大容量低価格プランを今契約するならどこが一番おトクにキャンペーンで契約できる？を比較してみた
【裏技？】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された
ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる！直接ahamoで契約するよりもかなりおトクに
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年5月19日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
ワイモバイルで認定中古品「iPhone 14 128GB」が大幅値下げ、緊急値下げセールが開催
ワイモバイルオンラインストアでソフトバンク認定中古品のiPhone 14 128GBが一括27,360円で販売する緊急値下げセールが開催！セール期間は6月1日まで
【2026年も登場】LINEのトーク上に「母の日」背景を表示させる方法＆表示されない場合の対処方法【お母さんに感謝のメッセージ】
LINEのトーク画面の背景にブラウンが花を持ってお母さんに感謝を伝える「母の日」の隠し背景が登場！
【2026年5月】『エディオン スペシャルセール』でおトクに買い物する方法 – 激安商品も！楽天市場店の不定期開催セールにログインする手順（旧：闇市）
エディオン楽天市場店で不定期開催される『スペシャルセール（旧：エディオン闇市）』には価格.com最安値クラスの商品が登場することも！
usedoorをフォロー
注目・おすすめ記事
【完全無料!!】Amazon Musicの音楽を無料で聴く方法 – 非プライム会員でも利用OKの『Amazon Music FREE』登場！できることや機能制限、利用環境など
Amazonの音楽聞き放題サービスに無料版の『Amazon Music FREE』が登場！マジで無料で音楽が聴ける（もちろん制限あり）
【メルペイ】メルカリの売上金、ポイントをSuica残高にチャージする方法 – 1円もロスなしにそのまま交換できる
メルペイをApple PayのiDとして登録すれば、売上金やポイントがそのままSuica残高に交換できちゃう
「メルペイ」のクーポン＆キャンペーンまとめ – クーポンは人によって違うので来ない場合も… メルカードキャンペーンもあり
メルカリが提供するスマホコード支払「メルペイ」は定期的におトクなキャンペーンを開催＆クーポンを配布！人によって違うクーポンを徹底的にまとめてみた
【UQモバイル】のりかえ時にクーポンを適用して20,000円分のau PAY残高をもらう方法 – 買い物不要＆クーポンコードあり。実際に申込してみた
UQ mobileにSIMのみでのりかえ契約するなら絶対にコレ！買い物不要で20,000円分のau PAY残高が還元されるスペシャルクーポンを使ってみた
アイサポでiPhoneのバッテリーを新品に交換してみた – 初期化は必要？価格や交換作業までの流れや手順。料金がちょっと安くなる各種割引も紹介
iPhone修理専門「アイサポ」でiPhoneのバッテリーを新品に交換してみた。Apple公式よりも安く交換できる。その他にも画面割れから水没まで幅広い修理に対応＆安い！
最新記事＆ニュース
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年5月19日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
ワイモバイルで認定中古品「iPhone 14 128GB」が大幅値下げ、緊急値下げセールが開催
ワイモバイルオンラインストアでソフトバンク認定中古品のiPhone 14 128GBが一括27,360円で販売する緊急値下げセールが開催！セール期間は6月1日まで
【2026年も登場】LINEのトーク上に「母の日」背景を表示させる方法＆表示されない場合の対処方法【お母さんに感謝のメッセージ】
LINEのトーク画面の背景にブラウンが花を持ってお母さんに感謝を伝える「母の日」の隠し背景が登場！
【2026年5月】『エディオン スペシャルセール』でおトクに買い物する方法 – 激安商品も！楽天市場店の不定期開催セールにログインする手順（旧：闇市）
エディオン楽天市場店で不定期開催される『スペシャルセール（旧：エディオン闇市）』には価格.com最安値クラスの商品が登場することも！
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【毎日参加!!】Yahoo!オークション「全員あたるくじ」でPayPayポイントをゲットする方法 – 開催中は毎日くじを引こう！
Yahoo! JAPAN IDがあれば誰でも毎日参加できるYahoo!オークション（旧：ヤフオク）の「全員あたるくじ」必ずPayPayポイントがもらえるので開催中は毎日参加がオススメ
【オススメは？】eSIMに対応しているキャリア・格安SIMまとめ＆比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法
eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう
【毎日5％～7％還元!!】Yahoo!ショッピング『PayPay支払いで毎日5%貯まる』キャンペーンでおトクに買い物する方法 – 条件などまとめ
Yahoo!ショッピングで毎日5％還元となるキャンペーンが開催！プレミアム会員などは常時7％還元も。対象となる買い物の条件などまとめ
ワイモバイルで折りたたみスマホ「Libero Flip」をおトクに購入する方法 – 一括9,800円＆PayPayポイント還元で購入できる
ワイモバイルの折りたたみスマホ「Libero Flip（A304ZT）」が値下げ！機種変更でも一括9,800円と激安!!さらに必ずPayPayポイントがもらえる
Amazonでd払い、dポイントを利用する方法＆キャンペーンまとめ – 期間用途限定ポイントも使える
ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意！
