シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【10,000ポイント還元!!】楽天モバイル『Apple Watchスタートキャンペーン』でおトクにApple Watchを購入する方法 – 対象商品＆条件まとめ
楽天モバイルで条件を満たした上でApple Watch購入で最大10,000ポイントが還元されるキャンペーン開催！セルラー版をお試ししたい人に最適
ワイモバイルを通常よりおトクに契約する方法 – SIMのみで26,000円相当還元!!
ワイモバイルオンラインストアでワイモバイルのSIMカードを契約すると最大26,000円相当の還元がもらえる！
Amazonで『ギフトカード大還元祭』開催！対象のお店でAmazon Pay利用で1回ごとに最大10,000円分のギフトカードが当たる抽選に参加できる＆回数上限なし
Amazon Payを対象店舗で1回1,000円以上利用すると必ずAmazonギフトカードが当たる抽選に参加できる「ギフトカード大還元祭」開催！期間は6月7日（金）まで
【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法
紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中！「新規口座開設限定！サービス体験プログラム」にも参加して合計1,000円ゲット！
【楽天モバイル】スマホ料金チェック⇒回線契約で最大9,000ポイントがもらえるキャンペーン開催。診断だけで100ポイントも！特典、条件などまとめ
楽天モバイルがスマホ料金チェックを行ってから回線を契約するとのりかえで9,000ポイント、新規契約で5,000ポイントをプレゼントするキャンペーンを毎月開催
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
Amazon「新生活セール」＆「ポイントアップキャンペーン」でおトクに買い物する方法
2026年もAmazonで「新生活セール」が開催！開催期間は3月6日0時～9日23時59分まで。先行セールは3月3日0時～5日23時59分までの3日間にわたり開催。
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年3月5日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【抽選販売情報あり】指輪サイズ『G-SHOCK NANO（DWN-5600）』を予約・購入する方法 – 5600シリーズの約1/10の指に装着するG-SHOCKが登場！
G-SHOCKの定番モデル5600シリーズのほぼ1/10という指輪サイズの『G-SHOCK NANO（DWN-5600）』が登場！2025年11月8日発売、価格は14,300円。抽選での販売！
【2026年3月】『エディオン スペシャルセール』でおトクに買い物する方法 – 激安商品も！楽天市場店の不定期開催セールにログインする手順（旧：闇市）
エディオン楽天市場店で不定期開催される『スペシャルセール（旧：エディオン闇市）』には価格.com最安値クラスの商品が登場することも！
ワイモバイル、3ヵ月間「30GB・月額0円」の無料お試しキャンペーンを開催
ワイモバイルがシンプル3 M（データ容量30GB）を3ヵ月間無料でお試しできる「ワイモバイル SIM トライアル」キャンペーンを2026年3月2日よりスタート！契約事務手数料も無料！
usedoorをフォロー
注目・おすすめ記事
【機種変更でも一括1,430円!!】ドコモのガラケー「arrows ケータイ ベーシック（F-41C）」を超激安で購入する方法
ドコモのarrowsブランドのパカパカガラケーが機種変更orのりかえで一括1,430円という爆安で販売中！通話用にガラケーはいかが？
クレジットカードなしで格安SIMと契約する方法 – 口座振替、引き落とし、デビットカード、その他決済に対応したMVNOまとめ
クレカなしでも契約できる、口座振替やポイント支払いに対応している格安SIM（MVNO）の会社とプランをまとめ＆比較しました
アイサポでiPhoneのバッテリーを新品に交換してみた – 初期化は必要？価格や交換作業までの流れや手順。料金がちょっと安くなる各種割引も紹介
iPhone修理専門「アイサポ」でiPhoneのバッテリーを新品に交換してみた。Apple公式よりも安く交換できる。その他にも画面割れから水没まで幅広い修理に対応＆安い！
dポイントをAmazonで使う方法 – ドコモ回線契約なしでもOK。Amazonギフト券に交換すれば0円分まで使い切ることもできる
dポイントはちょっとヒネれば結果的にAmazonでの買い物に使えちゃう
【通信障害対策に】サブ回線としての契約がオススメのキャリア・格安SIMまとめ – 月額料金は抑えつつ予備としてどうぞ。eSIM、デュアルSIMなど
時々発生するキャリアの通信障害… 障害発生中は電話・ネットが繋がらない。。を避けるために持っておくのがオススメのサブ回線をまとめてみた
最新記事＆ニュース
Amazon「新生活セール」＆「ポイントアップキャンペーン」でおトクに買い物する方法
2026年もAmazonで「新生活セール」が開催！開催期間は3月6日0時～9日23時59分まで。先行セールは3月3日0時～5日23時59分までの3日間にわたり開催。
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年3月5日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【抽選販売情報あり】指輪サイズ『G-SHOCK NANO（DWN-5600）』を予約・購入する方法 – 5600シリーズの約1/10の指に装着するG-SHOCKが登場！
G-SHOCKの定番モデル5600シリーズのほぼ1/10という指輪サイズの『G-SHOCK NANO（DWN-5600）』が登場！2025年11月8日発売、価格は14,300円。抽選での販売！
【2026年3月】『エディオン スペシャルセール』でおトクに買い物する方法 – 激安商品も！楽天市場店の不定期開催セールにログインする手順（旧：闇市）
エディオン楽天市場店で不定期開催される『スペシャルセール（旧：エディオン闇市）』には価格.com最安値クラスの商品が登場することも！
ワイモバイル、3ヵ月間「30GB・月額0円」の無料お試しキャンペーンを開催
ワイモバイルがシンプル3 M（データ容量30GB）を3ヵ月間無料でお試しできる「ワイモバイル SIM トライアル」キャンペーンを2026年3月2日よりスタート！契約事務手数料も無料！
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
【UQモバイル】のりかえ時にクーポンを適用して20,000円分のau PAY残高をもらう方法 – 買い物不要＆クーポンコードあり。実際に申込してみた
UQ mobileにSIMのみでのりかえ契約するなら絶対にコレ！買い物不要で20,000円分のau PAY残高が還元されるスペシャルクーポンを使ってみた
【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法
オンライン限定！MNP（のりかえ）なら最大21,600円割引！販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。
Amazonギフトカードを5,000円以上購入⇒500ポイントプレゼントキャンペーン開催。2025年プライムデー連動で対象者限定
プライムデー2025連動企画。対象者限定でAmazonギフトカード最大10％還元キャンペーン開催。5,000円以上の購入で500ポイントがもらえる！2025年7月14日まで
【紹介コードあり】みんなの銀行アプリで口座開設して最大1,000円をゲットする方法
紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金500円が貰える「お友だち紹介プログラム」キャンペーン開催中！「新規口座開設限定！サービス体験プログラム」にも参加して合計1,000円ゲット！
【最大44,000円割引!!】ドコモが認定中古スマホのセールを開催。docomo CertifiedのiPhone・Androidがかなり安く購入できる！半額以下のスマホもあり
10月25日よりドコモがdocomo Certified（認定中古スマホ）を対象としたセールを開催。新規契約/のりかえで大幅割引が適用される
