【au Wowma!が熱い!!】超パワーアップで超たまる au WALLET ポイント!20%還元キャンペーン

最終更新 [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」に設定しています。


og:title

タイトルを記載します。
usedoorは各エントリのタイトルをここに設定しています。


og:description

サブタイトル(説明文)を記載します。
usedoorは各エントリの見出し(抜粋)にしています。


og:url

ページのURLを記載します。


og:site_name

サイト名を記載します。


og:image

記事と一緒にシェアしたい画像のURLを記載します。
これは各SNSからアクセスできる画像の絶対パスとなり、facebookであれば200px×200px以上でないとはたらきません。


OGPの主要な部分は↑な感じだと思います。
usedoorもここまでしか設定していません。

その他にも

og:email

連絡用メールアドレス

og:locality

場所

og:country-name



などといろいろと取り揃えられています。

WordPressでのOGP設定サンプル

usedoorで実際に設定しているOGPのWordpressサンプルです。

適切なOpen Graph Protocol(通称:OGP)設定でキレイに記事をシェアしてもらいましょー!


[関連記事]
FacebookのOGPキャッシュを削除する方法


< この記事をシェア >






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

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

【開催中!!】3ヵ月299円と激安!Amazonの読み放題サービス「Kindle Unlimited」に超おトクに登録する方法

キャンペーン

本やコミック、雑誌が読み放題になるAmazonのKindle Unlimitedがまたまた激安で利用できるチャンス!

【期間限定で19,980円~!!】「PlayStation 4 / Pro」をおトクに購入する方法 – 値下げやキャンペーンまとめ

PlayStation

ソニー公式イチキュッキュッパPS4キャンペーンでPS4が19,800円~!各ショップでガッツリ値下げ中!

Dropbox Plus(有料版)を超おトクに契約する方法 – ソースネクストの3年版がコスパよし!

Dropbox

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

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

携帯電話

ソフトバンクのAndroidスマホを購入するとキャッシュバックがもらえるぞ!さらにクーポンでPayPayボーナスももらえる!

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

クレジットカード

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


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

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

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





同じカテゴリの記事

Amazonでクレカの「分割払い・リボ払い」を利用する方法・設定方法

クレジットカード

Amazonでもクレジットカードの分割払い・リボ払いが利用可能に!

dカードの『特約店』まとめ – dポイント倍増、割引が受けられる、ギフトがもらえるお店&特典一覧。dカード、GOLDでおトクに買い物する方法

クレジットカード

dカードで支払うとdポイントが倍になったり、買い物の金額が〇%オフになったりする特約店をまとめてみました

アメックスカードの利用可能額(限度額)を調べる方法

クレジットカード

オンライン・サービスから限度額を確認できるぞ!

【楽天カード】『お買いものパンダデザイン』に申し込む、切り替える方法

クレジットカード

お買いものパンダ5周年記念の50,000枚限定デザインの楽天カードが登場


新着記事

【1月版】『ワクワクペイペイ』の内容&参加条件まとめ – PayPayでコンビニなどのお店、タクシーなどでもっとおトクに買い物する方法

キャンペーン

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

「転生したらスライムだった件」のTカードを予約・ゲットする方法

ポイントカード

TVアニメ2期も制作決定した「転生したらスライムだった件(転スラ)」のTカードが登場!

【iPhone】LINEをアップデートしたらアプリ一覧から消えてなくなった時の対処方法 – LINEの利用推奨年齢が引き上げられた&アプリの年齢制限が原因かも

LINE

LINEをアップデートしたらiPhone内のアプリ一覧から消えた… その原因は利用推奨年齢の引き上げとスクリーンタイムでの利用制限かも

【値下げ!!】「Xperia 8」の価格や予約・発売日、スペックまとめ – au・UQモバイル・ワイモバイルでおトクに予約・購入する方法

Androidスマホ

auオンラインショップで「Xperia 8 SOV42」に機種変更すると機種代金が11,000円割引!一括38,680円で買えます。

LINE無料「着せかえ」まとめ – 現在ダウンロードできる無料&隠し&ディズニーテーマをダウンロードする方法

LINE

LINEスタンプショップ、ストアのイベントで無料でダウンロードできる&隠し着せかえ(テーマ)をまとめています。ただし…


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【1月版】『ワクワクペイペイ』の内容&参加条件まとめ – PayPayでコンビニなどのお店、タクシーなどでもっとおトクに買い物する方法

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


    Pokemon GO Plusを”バッテリー充電式”にできる『Pocket Energy(ZPM001K)』の使い方、レビュー

    ポケモンGOプラスがバッテリー充電式になる衝撃的なアイテム!


    【Apple Pay】iPhoneでSuicaにチャージする方法完全まとめ(現金・クレジットカード・オートチャージ)

    いちおう現金からでもできるiPhoneへ取り込んだSuicaのチャージ方法を総まとめ!


    注目の記事をぜんぶ見る

  • 最新記事

    【1月版】『ワクワクペイペイ』の内容&参加条件まとめ – PayPayでコンビニなどのお店、タクシーなどでもっとおトクに買い物する方法

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


    「転生したらスライムだった件」のTカードを予約・ゲットする方法

    TVアニメ2期も制作決定した「転生したらスライムだった件(転スラ)」のTカードが登場!


    【iPhone】LINEをアップデートしたらアプリ一覧から消えてなくなった時の対処方法 – LINEの利用推奨年齢が引き上げられた&アプリの年齢制限が原因かも

    LINEをアップデートしたらiPhone内のアプリ一覧から消えた… その原因は利用推奨年齢の引き上げとスクリーンタイムでの利用制限かも


    【値下げ!!】「Xperia 8」の価格や予約・発売日、スペックまとめ – au・UQモバイル・ワイモバイルでおトクに予約・購入する方法

    auオンラインショップで「Xperia 8 SOV42」に機種変更すると機種代金が11,000円割引!一括38,680円で買えます。


    LINE無料「着せかえ」まとめ – 現在ダウンロードできる無料&隠し&ディズニーテーマをダウンロードする方法

    LINEスタンプショップ、ストアのイベントで無料でダウンロードできる&隠し着せかえ(テーマ)をまとめています。ただし…


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

  • usedoorをフォロー


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

    【1月版】最大6ヵ月無料!! Yahoo!プレミアムに無料で登録する方法 – さらにYahooショッピングのクーポンも!

    Yahooプレミアムが対象者限定で最大6ヵ月無料!対象かどうかはアクセスしてチェックしてみて


    【最大10,000dポイント】毎日運試し。わくわく毎日くじでdポイントをゲットする方法

    4毎日引けるdポイントが当たるくじが登場。最高は10,000dポイントらしいけど…


    「メルペイ」のキャンペーン&クーポンまとめ – メルペイでお得にお買い物する方法

    メルペイでは定期的におトクなキャンペーンやクーポンを配信中。メルペイ払いしなくてもクーポンも使えちゃう


    【キャッシュバック】ソフトバンクのiPhone XRを激安で購入する方法

    ソフトバンクのiPhone XRが激安!通常よりお得に買えるぞ!


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

    「iPhone XS / XS Max」でもキャッシュバックがもらえるぞ!さらにPayPayボーナスライトももらえます。これはマジで熱い!


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

  • あわせて読みたい記事