楽天モバイルが「OPPO A3 5G」を一括1円で販売

Open Graph Protocol(通称:OGP)の設定方法 【wordpressサンプルあり】

シェアの内容を好きなように設定しよう


最終更新 [2014年7月15日]

この記事内には広告リンクが含まれています。

\\どうかフォローをお願いします…//


< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


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サンプルあり】 &raquo 使い方・方法まとめサイト – 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キャッシュを削除する方法

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly



\\どうかフォローをお願いします…//



このOpen Graph Protocol(通称:OGP)の設定方法 【wordpressサンプルあり】の最終更新日は2014年7月15日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

現在開催中の「おトク」なキャンペーン、セール

【12円スマホ】ソフトバンク『新トクするサポート(バリュー)』の対象機種、適用条件などまとめ – iPhone 15が対象に⇒128GBモデルは月額1円で利用できる!

携帯電話

ソフトバンクの対象機種が1年間12円~で利用できる『新トクするサポート(バリュー)』の条件や対象機種まとめ。返却で激安でiPhone・Androidが使える!

ワイモバイルで折りたたみスマホ「Libero Flip」をおトクに購入する方法 – 一括9,800円&PayPayポイント還元で購入できる

携帯電話

ワイモバイルの折りたたみスマホ「Libero Flip(A304ZT)」が値下げ!機種変更でも一括9,800円と激安!!さらに必ずPayPayポイントがもらえる

【既存ユーザーも対象】楽天モバイルで「YouTube Premium」を3ヵ月間無料で申し込む方法 – 対象となる条件、注意点など

Youtube

楽天モバイル契約者はYoutube Premiumが3ヵ月無料で利用できる。条件はシンプルで既存ユーザーも対象!注意点もアリ

【最大5,000円相当が無料でもらえる】Yahooショッピング、PayPayモールで買い物して「ウェルカムギフト」をもらう方法 – 対象となる条件などまとめ

ショッピング

はじめてまたは久々にYahooショッピング、PayPayモールで買い物する人は5,000円相当の商品が詰まったウェルカムギフトがもらえる!

【ドコモ】『端末購入割引』でiPhone・Androidスマホ・ケータイをおトクに購入する方法 – 適用条件と割引による値下げ、現在の対象機種まとめ

携帯電話

ドコモの分離プラン導入後に新たに登場した「端末購入割引」 条件を満たしていれば機種変更でも対象のiPhoneやAndroidがおトクに買える!


開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

auが衛星データ通信「Starlink Direct」をPixelやGalaxy、Xperiaなど35種類のAnroidスマホに対応することを発表!iPhoneとあわせて62種以上で利用可能に

ニュース

au Starlink Directの衛星データ通信がAndroidスマホに順次対応!GalaxyはS22シリーズ、Pixel 9など過去に発売された機種でも利用できるようになる!!

【PlayStation × Reebok】30周年アニバーサリーコレクションがBEAMSで限定販売、販売方法・販売店は?

ショッピング

PlayStation誕生30周年記念!PlayStationとReebokとのコラボスニーカー「PlayStation × Reebok 30th anniversary collection」がBEAMSで限定販売。販売期間は2025年10月24日~10月26日。

auが「Galaxy S25」「Galaxy S25 Ultra」にAndroid 16のOSアップデートの提供を開始

ニュース

2025年10月15日にドコモが「Galaxy S25」「Galaxy S25 Ultra」の2機種に対してAndroid 16のOSアップデートを配信。

Android 16へのアップデート予定機種・開始日まとめ【ドコモ・au・ソフトバンク・ワイモバイル・楽天モバイル・UQモバイル】アップデート出来るか調べる方法

Androidスマホ

2025年のメジャーアップデート『Android 16』ドコモ、au、ソフトバンク、楽天モバイルなどキャリアから販売されているスマホはアップデート対象?

【2025年11月~1月】dポイント交換増量キャンペーンが開催。今回はもれなく10%増量で上限なし!エントリーはお忘れなく

キャンペーン

恒例のdポイント増量キャンペーンが2025年11月~2026年1月の期間で開催。今回は必ず10%増量で上限なし。おトクに他社ポイントからdポイントへ交換できる


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【既存ユーザーも対象】楽天モバイルで「YouTube Premium」を3ヵ月間無料で申し込む方法 – 対象となる条件、注意点など

楽天モバイル契約者はYoutube Premiumが3ヵ月無料で利用できる。条件はシンプルで既存ユーザーも対象!注意点もアリ


【通信障害対策に】サブ回線としての契約がオススメのキャリア・格安SIMまとめ – 月額料金は抑えつつ予備としてどうぞ。eSIM、デュアルSIMなど

時々発生するキャリアの通信障害… 障害発生中は電話・ネットが繋がらない。。を避けるために持っておくのがオススメのサブ回線をまとめてみた


【2025年版】税金をおトクに支払う方法 – 請求書払いを徹底比較!J-Coin Payがオススメ。楽天ペイ、d払い、au PAY、PayPay、ファミペイでおトクさを比較してみた

2025年も支払う必要がある様々な税金。請求書払いに対応しているもので手数料不要でポイント還元ありなど一番おトクに支払うことができるサービスは何?


【楽天ポイント】期間限定ポイントのオススメの使い方 – 楽天系のサービス以外でも使える!有効期限確認、少額でも使い切る方法

いつの間にか貯まる『期間限定の楽天ポイント』楽天市場で無理やり使うのではなく街のお店などで効率的に使うのがいいかも!


【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法&対象機種まとめ – 機種のみ購入でもOK!

ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引!機種単体(白ロム)購入も対象。割引の条件、対象機種は?



注目の記事をぜんぶ見る


最新記事&ニュース

auが衛星データ通信「Starlink Direct」をPixelやGalaxy、Xperiaなど35種類のAnroidスマホに対応することを発表!iPhoneとあわせて62種以上で利用可能に

au Starlink Directの衛星データ通信がAndroidスマホに順次対応!GalaxyはS22シリーズ、Pixel 9など過去に発売された機種でも利用できるようになる!!


【PlayStation × Reebok】30周年アニバーサリーコレクションがBEAMSで限定販売、販売方法・販売店は?

PlayStation誕生30周年記念!PlayStationとReebokとのコラボスニーカー「PlayStation × Reebok 30th anniversary collection」がBEAMSで限定販売。販売期間は2025年10月24日~10月26日。


auが「Galaxy S25」「Galaxy S25 Ultra」にAndroid 16のOSアップデートの提供を開始

2025年10月15日にドコモが「Galaxy S25」「Galaxy S25 Ultra」の2機種に対してAndroid 16のOSアップデートを配信。


Android 16へのアップデート予定機種・開始日まとめ【ドコモ・au・ソフトバンク・ワイモバイル・楽天モバイル・UQモバイル】アップデート出来るか調べる方法

2025年のメジャーアップデート『Android 16』ドコモ、au、ソフトバンク、楽天モバイルなどキャリアから販売されているスマホはアップデート対象?


【2025年11月~1月】dポイント交換増量キャンペーンが開催。今回はもれなく10%増量で上限なし!エントリーはお忘れなく

恒例のdポイント増量キャンペーンが2025年11月~2026年1月の期間で開催。今回は必ず10%増量で上限なし。おトクに他社ポイントからdポイントへ交換できる



最新記事をもっとチェック


usedoorをフォロー


現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

【絶対参加を!!】楽天カード(VISA)で最大20%キャッシュバックキャンペーン開催。運が良ければ10,000円のキャッシュバックも(2024年8月31日まで)

VISAブランドの楽天カード限定で最大20%キャッシュバックキャンペーン開催!対象はスマホに設定したタッチ決済。さらに運がよければ10,000円分のキャッシュバックが抽選で当たる


【LYPプレミアム】特典、利用できるLINEの機能まとめ&おトクに登録できるキャンペーンを紹介。3ヵ月無料&PayPayポイント&クーポンなど

LYPプレミアムに新規登録で基本料金3ヵ月無料&1,000円分のPayPayポイント&Yahoo!ショッピングの2,000円割引クーポン×2枚がもらえるキャンペーン開催中


「Audible」のキャンペーンまとめ – Amazonの朗読サービスを通常よりもおトクに利用する方法

10月14日までAudibleが過去最長クラスの2ヵ月無料で利用できるプライムデー連動キャンペーン開催中!Amazonの朗読サービス「Audible」に登録するならキャンペーンの利用がオススメ


【楽天モバイル】モバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」が一括1円だから買ってみた – 激安でWi-Fiルーターをゲットする方法

楽天モバイルがモバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」を一括1円の激安特価販売!すでに楽天モバイル回線を契約中でも一括1円で買える!


【最大5,000円相当が無料でもらえる】Yahooショッピング、PayPayモールで買い物して「ウェルカムギフト」をもらう方法 – 対象となる条件などまとめ

はじめてまたは久々にYahooショッピング、PayPayモールで買い物する人は5,000円相当の商品が詰まったウェルカムギフトがもらえる!



開催中のキャンペーンをぜんぶ見る