【高額キャッシュバック】ソフトバンクのiPhone XRを購入してキャッシュバックをGETする方法

最終更新 [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ページよりご連絡ください。

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

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

携帯電話

「iPhone XS / XS Max」でも超高額キャッシュバックがもらえるぞ!これはマジで熱い!

LINE Payでコンビニなどのリアル店舗でQR/バーコード支払いする方法 – 実際の支払いはこうやる!ついにセブンイレブンでも使える

LINE

〇%還元や〇ポイントキャッシュバックなどキャンペーンも多彩なLINE Payのコード支払いを実際にやってみた


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

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

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





同じカテゴリの記事

動く「ディズニー ツムツム」スタンプが登場! – LINEスタンプでハートをねだる方法

LINE

つきにキター!ツムツムユーザーはダウンロード必須でしょ!

【新元号】『令和』LINEスタンプまとめ100選!無料スタンプもアリ – 改元をスタンプでお祝いする方法

LINE

5月1日から始まる「令和」改元をお祝い&挨拶できちゃうLINEスタンプを100個ピックアップしてみました。無料で使えるスタンプもアリ!

【公式】LINEの着信音に好きな楽曲を設定する方法 – LINE着うたが着信音設定に対応

LINE

LINE着うたが「着信音」に対応!公式で好きな楽曲に変更できるようになったぞー


新着記事

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

携帯電話

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

【7月16日まで】徹底総まとめ!Amazon Prime Day(プライムデー)2019の目玉商品&キャンペーン – おトクに買い物する方法

ショッピング

2019年のプライムデーは7月15日(月・祝)0時スタート!! 今年も激安アイテムやアツいキャンペーンがスタート!

【レアル 久保建英 出場予定】「インターナショナル・チャンピオンズカップ(ICC)2019」を視聴する方法

スポーツ

レアル・マドリードの久保建英選手が出場予定のプレシーズン大会「インターナショナル・チャンピオンズカップ(ICC)」をDAZNが全試合独占ライブ配信!

LINE無料スタンプまとめ – 現在ダウンロードできる無料&隠し&ディズニースタンプをゲットする方法。取り放題も開始!

LINE

LINEスタンプショップ、ストアのイベントで無料でダウンロードできるスタンプ&隠しスタンプをまとめています。会員制のディズニースタンプも登場!

「おそ松さん」のnanacoカードを予約・ゲットする方法

ポイントカード

おそ松さんのnanacoカードがついに登場!えいがのおそ松さん×イトーヨーカドーコラボ「DIY松」


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【7月23日まで&本数限定】Dropbox Plus(有料版)を超おトクに契約する方法 – 3年版がコスパよし!

    公式は値上げ!あのおトクなDropbox3年版がついに復活!Plus契約するならソースネクスト経由がマジでオススメ!


    【ドコモ分離プラン】新料金『ギガホ』『ギガライト』徹底まとめ – おトクになる人と損する人、概要や注意点など。ドコモの携帯料金をおトクにする方法

    docomo withなど現在のプランや割引は5月31日で新規受付停止。新料金プランに移行する?現状維持?自分がおトクなプランを探しましょー


    Xperia Ace(SO-02L)実機レビュー – ドコモ専売の低価格でコンパクトな2019夏モデルのXperiaを使ってみた。この価格でこのスペックはアリ!

    ドコモの2019年夏モデルの低価格版Xperia「Ace(SO-02L)」をレビュー!この価格でXperiaの2019年モデルが買えちゃう


    【マジ便利】LINEで自分一人の『ぼっちグループ』の作り方、有効活用方法 – LINEが自分専用のメモ&クラウドストレージみたいになって超便利

    「ぼっち」といっても寂しい訳じゃないんです。LINEは一人でも有効活用できるという小ワザ。もちろん無料


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

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


    注目の記事をぜんぶ見る

  • 最新記事

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

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


    【7月16日まで】徹底総まとめ!Amazon Prime Day(プライムデー)2019の目玉商品&キャンペーン – おトクに買い物する方法

    2019年のプライムデーは7月15日(月・祝)0時スタート!! 今年も激安アイテムやアツいキャンペーンがスタート!


    【レアル 久保建英 出場予定】「インターナショナル・チャンピオンズカップ(ICC)2019」を視聴する方法

    レアル・マドリードの久保建英選手が出場予定のプレシーズン大会「インターナショナル・チャンピオンズカップ(ICC)」をDAZNが全試合独占ライブ配信!


    LINE無料スタンプまとめ – 現在ダウンロードできる無料&隠し&ディズニースタンプをゲットする方法。取り放題も開始!

    LINEスタンプショップ、ストアのイベントで無料でダウンロードできるスタンプ&隠しスタンプをまとめています。会員制のディズニースタンプも登場!


    「おそ松さん」のnanacoカードを予約・ゲットする方法

    おそ松さんのnanacoカードがついに登場!えいがのおそ松さん×イトーヨーカドーコラボ「DIY松」


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

  • usedoorをフォロー


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

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

    「iPhone XS / XS Max」でも超高額キャッシュバックがもらえるぞ!これはマジで熱い!


    【7.1万円還元!】ソフトバンクのAndroidを購入して高額キャッシュバックをGETする方法

    ソフトバンクのAndroidにお乗り換えすると高額キャッシュバックがもらえるぞ!


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

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


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

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


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

  • あわせて読みたい記事