シェアの内容を好きなように設定しよう
最終更新 [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ページよりご連絡ください。
【オススメは？】eSIMに対応しているキャリア・格安SIMまとめ＆比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法
eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう
【UQモバイル】のりかえ時にクーポンを適用して20,000円分のau PAY残高をもらう方法 – 買い物不要＆クーポンコードあり。実際に申込してみた
UQ mobileにSIMのみでのりかえ契約するなら絶対にコレ！買い物不要で20,000円分のau PAY残高が還元されるスペシャルクーポンを使ってみた
【最大10,000dポイント】毎日運試し。わくわく毎日くじでdポイントをゲットする方法
毎日引けるdポイントが当たるくじが登場。最高は10,000dポイントらしいけど…
ahamoのキャンペーンまとめ – SIMのみ契約で20,000dポイント還元、ポイ活、ahaクエストなど
ahamoと新規契約でdポイントがもらえたり、既存ユーザーでも対象の開催中のキャンペーンをまとめてみました。ドコモSIM経由のちょっと裏技っぽいおトクな契約方法も
【招待コードあり】エアウォレットの友だち招待キャンペーンで最大1,000円分のCOIN+残高をゲットする方法 – 適用条件や招待コードの発行/確認手順など
AirWALLETを始めるなら友だち招待キャンペーンで招待コード（紹介コード）を入力しての利用開始がおトク！2025年12月8日まで最大1,000円分のCOIN+残高がもらえる。
記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m
ソフトバンク、Netflixが3カ月無料のキャンペーンを実施、2026年2月2日～
ソフトバンクがNetflixの広告つきスタンダードプラン（890円／月）を3カ月目まで追加料金なしで利用できる「Netflix満喫キャンペーン」を実施。期間は2月2日～3月31日まで。
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年1月6日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
「マクドナルド×ドラゴンクエスト スライム in スライム」の抽選販売に応募、参加＆購入する方法。ドラクエシリーズ40周年コラボ第1弾
マクドナルド×ドラゴンクエストコラボ第1弾「マクドナルド×ドラゴンクエスト スライム in スライム」5体セットが抽選で販売。マクドナルド公式アプリから応募。価格は税込2,990円、応募期間は2025年12月18日～2026年1月7日。
【2026年版】新年『あけおめ、ことよろ』に使えるLINEスタンプ100選+α – 午年（うまどし）の新年の挨拶にLINEスタンプを送る方法
2026年（令和8年）は「午年（うまどし）」！ 新年の挨拶をLINEの年賀スタンプでしよう！
usedoorをフォロー
注目・おすすめ記事
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年1月6日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【神対応すぎる】バルミューダのトースターが壊れた時の申請方法 – 修理依頼を出したらまさかの新品しかも新型への交換に。逆に申し訳なさすぎる…
バルミューダ ザ・トースターが壊れたので修理見積依頼を出したらまさかの新型新品への無償交換に。。こちらが申し訳ないと感じるレベルの神対応…
【LINE】トークの写真、画像内の文字を読み取ってテキスト化する方法 – 写真の中の文字をメッセージに変換。翻訳もできる！OCRアプリとして使えちゃう
これは便利！スクリーンショット画像の文字をLINEに読み取ってもらってそのままメッセージとしてトークに送信したり翻訳したりできちゃう！
【2025年版】税金をおトクに支払う方法 – 請求書払いを徹底比較！J-Coin Payがオススメ。楽天ペイ、d払い、au PAY、PayPay、ファミペイでおトクさを比較してみた
2025年も支払う必要がある様々な税金。請求書払いに対応しているもので手数料不要でポイント還元ありなど一番おトクに支払うことができるサービスは何？
楽天モバイル「紹介キャンペーン」で楽天ポイントをゲットする方法 – 招待リンクあり＆適用条件や注意点などまとめ。特典付与スケジュール改善！
楽天モバイルが友だち紹介キャンペーンを実施中。2024年2月より招待された人の特典が爆増！今ならのりかえ契約で13,000ポイントがもらえる。今月の条件や注意点などまとめ
最新記事＆ニュース
ソフトバンク、Netflixが3カ月無料のキャンペーンを実施、2026年2月2日～
ソフトバンクがNetflixの広告つきスタンダードプラン（890円／月）を3カ月目まで追加料金なしで利用できる「Netflix満喫キャンペーン」を実施。期間は2月2日～3月31日まで。
【LINE】無料スタンプ＆隠しスタンプまとめ（2026年1月6日更新）ダウンロード方法＆取得条件
現在配布されているLINEの無料スタンプ＆隠しスタンプを徹底まとめ！スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など
【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法 – 毎週火曜日更新。今週のキーワードは？
超簡単に参加できるクジ。当たればラッキー！dアカウント+ポイントカード持っている人は是非！今週のキーワードも紹介しています
「マクドナルド×ドラゴンクエスト スライム in スライム」の抽選販売に応募、参加＆購入する方法。ドラクエシリーズ40周年コラボ第1弾
マクドナルド×ドラゴンクエストコラボ第1弾「マクドナルド×ドラゴンクエスト スライム in スライム」5体セットが抽選で販売。マクドナルド公式アプリから応募。価格は税込2,990円、応募期間は2025年12月18日～2026年1月7日。
【2026年版】新年『あけおめ、ことよろ』に使えるLINEスタンプ100選+α – 午年（うまどし）の新年の挨拶にLINEスタンプを送る方法
2026年（令和8年）は「午年（うまどし）」！ 新年の挨拶をLINEの年賀スタンプでしよう！
usedoorをフォロー
現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ
ワイモバイルでおトクに機種変更できるスマホまとめ – moto g64y 5Gが一括6,800円など、Libero Flipが一括9,800円＆PayPay還元など
現在ワイモバイルで機種変更でもおトクに購入できるスマホまとめ。機種変更割引＆端末単体割引で機種変更でも激安購入できる機種アリ！
【毎日5％～7％還元!!】Yahoo!ショッピング『PayPay支払いで毎日5%貯まる』キャンペーンでおトクに買い物する方法 – 条件などまとめ
Yahoo!ショッピングで毎日5％還元となるキャンペーンが開催！プレミアム会員などは常時7％還元も。対象となる買い物の条件などまとめ
【紹介コードあり】Yahoo!フリマの「友達紹介キャンペーン」でPayPayポイント1,000円相当をゲットする方法（2025年9月）
Yahoo!フリマ（旧PayPayフリマ）を始めるなら「友達紹介キャンペーン」の紹介コード入力で1,000円分のPayPayポイントがもらえる。2025年9月30日まで
【最大5,000円相当が無料でもらえる】Yahooショッピング、PayPayモールで買い物して「ウェルカムギフト」をもらう方法 – 対象となる条件などまとめ
はじめてまたは久々にYahooショッピング、PayPayモールで買い物する人は5,000円相当の商品が詰まったウェルカムギフトがもらえる！
【紹介コードあり】増量中！メルカリ/メルペイの紹介キャンペーンでポイントをゲットする方法 – 2025年9月はコード利用で1,000ポイントがもらえる
メルカリ・メルペイを始めるなら最初に招待コードの登録がおトク。2025年9月は通常の2倍となる1,000ポイントがもらえる！
