シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり＆適用条件や注意点などまとめ。特典付与スケジュール改善！
楽天モバイルが友だち紹介キャンペーンを実施中。2024年2月より招待された人の特典が爆増！今ならのりかえ契約で13,000ポイントがもらえる。今月の条件や注意点などまとめ
LINEMOを通常よりもおトクに契約する方法、キャンペーンまとめ
LINEMO契約でPayPayポイント還元！他にも様々なキャンペーンが開催中です。契約手数料など各種手数料も無料。
【10,000ポイント還元!!】楽天モバイル『Apple Watchスタートキャンペーン』でおトクにApple Watchを購入する方法 – 対象商品＆条件まとめ
楽天モバイルで条件を満たした上でApple Watch購入で最大10,000ポイントが還元されるキャンペーン開催！セルラー版をお試ししたい人に最適
【最大44,000円割引!!】ドコモが認定中古スマホのセールを開催。docomo CertifiedのiPhone・Androidがかなり安く購入できる！半額以下のスマホもあり
10月25日よりドコモがdocomo Certified（認定中古スマホ）を対象としたセールを開催。新規契約/のりかえで大幅割引が適用される
【紹介コードあり】Yahoo!フリマの「友達紹介キャンペーン」でPayPayポイント1,000円相当をゲットする方法（2025年9月）
Yahoo!フリマ（旧PayPayフリマ）を始めるなら「友達紹介キャンペーン」の紹介コード入力で1,000円分のPayPayポイントがもらえる。2025年9月30日まで
記事を書くヤル気が出るのでフォローよろしくお願いします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をフォロー
注目・おすすめ記事
【一括1円が復活!!】楽天モバイル『Rakuten WiFi Pocket Platinum』をお得に利用する方法 – プラチナバンドに対応したモバイルルーター！
楽天モバイルのプラチナバンドに対応した新型Wi-Fiルーター「Rakuten WiFi Platinum」がお得に利用できるキャンペーン。楽天モバイル回線を契約すれば一括1円で買える！
楽天カードでSuicaにチャージしてポイントを貯める方法（iPhone・Android対応）
楽天カードからiPhone、AndroidのモバイルSuicaに条件を満たした上でチャージすればポイントが貯まる！還元率は0.5％
dポイントをAmazonで使う方法 – ドコモ回線契約なしでもOK。Amazonギフト券に交換すれば0円分まで使い切ることもできる
dポイントはちょっとヒネれば結果的にAmazonでの買い物に使えちゃう
【Twitter】『ダークモード』の設定方法 – iOS・Android・PCでタイムラインなどの背景色を黒やダークブルーにできる。夜間モードの違いなど
夜間モードからダークモードへ名称が変更！Twitterがよりスタイリッシュなブラックテーマ風になるぞー
楽天ポイントを「Appleギフトカード」に交換する方法 – Apple Gift Card 認定店での買い物手順。期間限定ポイントの消化にアリ！クーポンも登場
期間限定の楽天スーパーポイントも利用OK！iPhoneも買えるAppleギフトカードに交換できる。セール時は安く購入することもできておトク
最新記事＆ニュース
「マクドナルドの福袋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をフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
Amazonでd払い、dポイントを利用する方法＆キャンペーンまとめ – 期間用途限定ポイントも使える
ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意！
【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法
オンライン限定！MNP（のりかえ）なら最大21,600円割引！販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。
Huluを通常よりもおトクに契約する方法、キャンペーンまとめ
動画見放題サービス「Hulu」通常特典は2週間無料だけだけどキャンペーンを利用すれば無料期間が延長されたりポイント還元などでおトクに入会できる！
楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり＆適用条件や注意点などまとめ。特典付与スケジュール改善！
楽天モバイルが友だち紹介キャンペーンを実施中。2024年2月より招待された人の特典が爆増！今ならのりかえ契約で13,000ポイントがもらえる。今月の条件や注意点などまとめ
【絶対参加を!!】楽天カード（VISA）で最大20％キャッシュバックキャンペーン開催。運が良ければ10,000円のキャッシュバックも（2024年8月31日まで）
VISAブランドの楽天カード限定で最大20％キャッシュバックキャンペーン開催！対象はスマホに設定したタッチ決済。さらに運がよければ10,000円分のキャッシュバックが抽選で当たる
