【最新版】格安SIM(MVNO)料金徹底比較・まとめ - 携帯料金が絶対下がるぞ

最終更新 [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サンプルあり】 &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キャッシュを削除する方法


< この記事をシェア >






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

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

【激安すぎて怖い】iPhone、XPERIA、Galaxy用アクセサリが大量に108円~販売中。エレコム製品のスマホ関連アクセサリをおトクに購入する方法

ショッピング

エレコムダイレクトショップの100円セールが安すぎて怖いレベル。。同じものでも家電量販店などで買うより絶対おトク

【9月はスーパーマーケットが10%還元】『ワクワクペイペイ』の内容&参加条件まとめ – PayPayでおトクに買い物する方法 – 10月はスーパーライフ

キャンペーン

月替わりで開催されるPayPayのおトクなキャンペーン「ワクワクペイペイ」参加条件や今月対象のお店は?

「メルペイ」のキャンペーン&クーポンまとめ – メルペイでお得にお買い物する方法 -初めての人は必ず1,000ポイントもらえる&50%還元!!

キャンペーン

メルペイ友だち紹介で必ず1,000ポイントもらえるキャンペーン!初回なら50%還元キャンペーンも開催!

「楽天トラベル」のクーポンをゲットする方法

キャンペーン

クーポン祭!楽天トラベルのクーポンを使っておトクに旅行にいこう!


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

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

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





新着記事

「AppleCare+」とドコモの「ケータイ補償サービス」どっちがいいの? – ドコモのiPhoneを修理する方法

iPhone / iPad

料金にあまり差はないが保証のサービス内容がけっこう違う!?ドコモのiPhone保証サービスは1年間に2回利用できるぞ!

【ドコモ】『端末購入割引』とは?適用条件と割引による値下げ、対象機種まとめ – iPhone・Androidをおトクに購入する方法(新規/MNP/機種変更)

携帯電話

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

iPhone 11 / Pro / Pro Maxの在庫状況をチェックする方法 – ドコモ・au・ソフトバンク【可能な限りリアルタイム更新】

iPhone / iPad

ドコモ、au、ソフトバンクのiPhone 11シリーズの在庫状況を可能な限りリアルタイムでお届け中

iPhone・iPad単体でApple IDに入金してAppStore&iTunesの残高をチャージする方法 – 10月31日まで10%増量キャンペーン!

iPhone / iPad

定期的に入金分の〇%増量というキャンペーンも開催されるApple謹製のApple IDへの残高入金方法


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【想像以上に良機種!!】Google Pixel 3実機レビュー – 久々に超シンプルでいい感じのAndroid。ドコモ、ソフトバンクからも発売中

    Android 9.0 Pie搭載のGoogle謹製スマホ。GoogleストアでSIMフリー版を購入して使い始めました


    【販売開始】『HomePod』を予約・おトクに購入する方法 – Apple謹製スマートスピーカーが日本上陸!

    ついに日本上陸のHomePod!カラーはホワイトとスペースグレイでお値段は32,800円と高価。。ちょっとでもおトクに買えるお店は?


    スマホQR/バーコード決済の利用条件や使えるお店まとめ – 楽天Pay、LINE Pay、d払い、PayPay、Origami Pay、メルペイを比較

    今後もっと勢いが加速してくるはずのスマホコード決済。主要どころのQR(バーコード)決済を比較&まとめてみた


    LG Style2(L-01L)実機レビュー – 4万円以下なのにバッテリー容量はスマホの中では最大クラスの3,900mAhを搭載!

    docomo with対象機種として販売されていたLG Styleの後継機が登場!販売価格4万円を切るスタミナAndroid


    auでお得に機種変更する方法!157に電話するだけで最大30,000ポイントがもらえる『MNP引き止めポイント』

    auユーザーは必見!機種変更前に絶対に確認した方がいいauMNP引き止めサービス!お得にiPhone7をGETできるかも!?


    注目の記事をぜんぶ見る

  • 最新記事

    「AppleCare+」とドコモの「ケータイ補償サービス」どっちがいいの? – ドコモのiPhoneを修理する方法

    料金にあまり差はないが保証のサービス内容がけっこう違う!?ドコモのiPhone保証サービスは1年間に2回利用できるぞ!


    【ドコモ】『端末購入割引』とは?適用条件と割引による値下げ、対象機種まとめ – iPhone・Androidをおトクに購入する方法(新規/MNP/機種変更)

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


    iPhone 11 / Pro / Pro Maxの在庫状況をチェックする方法 – ドコモ・au・ソフトバンク【可能な限りリアルタイム更新】

    ドコモ、au、ソフトバンクのiPhone 11シリーズの在庫状況を可能な限りリアルタイムでお届け中


    iPhone・iPad単体でApple IDに入金してAppStore&iTunesの残高をチャージする方法 – 10月31日まで10%増量キャンペーン!

    定期的に入金分の〇%増量というキャンペーンも開催されるApple謹製のApple IDへの残高入金方法


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

  • usedoorをフォロー


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

    【4.1万円キャッシュバック】ソフトバンクのiPhone 11 / 11 Pro / 11 Pro Maxを購入して高額キャッシュバックをGETする方法

    ソフトバンクの「iPhone 11 / 11 Pro / 11 Pro Max」にMNPすると発売日から高額キャッシュバックがもらえるぞ!


    【誰でも貰える!】楽天市場アプリでミスドのドーナツを1個無料でGETする方法 – 9月2日まで

    楽天市場アプリをダウンロードすればもれなくプレゼント!もちろん、既に楽天市場アプリを利用中の方も対象です。


    【現金9.2万円もらえる】ソフトバンクのiPhone 8を購入して高額キャッシュバックをGETする方法

    MNPでソフトバンクのiPhone 8買うならここがいいかも!高額キャッシュバックがもらえるぞ!


    【20%還元対象!!】iPhoneのApple Payに『みずほウォレット スマートデビット』を追加する方法 – Apple Pay初のデビットカード!

    iPhoneのApple PayにみずほWalletから発行できる「スマートデビット」が登場!デビットカードなので使いすぎず安心


    【9月版】dカード&dカード GOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数!おトクな入会キャンペーン開催中

    10%還元で噂のdカード GOLDと通常dカードの還元率、メリット、デメリット、比較、疑問を徹底的にまとめています


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

  • あわせて読みたい記事