【3月31日まで】ドコモのiPhone XSが激安!!!! SPECIALキャンペーン開催中!!!!

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

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

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

キャンペーン

本やコミック、雑誌が読み放題になるAmazonのKindle Unlimitedが2ヵ月で199円と激安で利用できる!

【3月版】「メルペイ」のキャンペーン&クーポンまとめ – メルペイでお得にお買い物する方法。3月は飲食店最大50%オフなどメルペイフィーバー!

キャンペーン

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

【最大2万円還元】ワイモバイルを通常よりおトクに契約する方法 – 5のつく日&ゾロ目の日がお得

キャンペーン

ワイモバイルを契約するとPayPayを最大14,000円相当還元!代理店経由なら最大20,000円キャッシュバック!

【2ヶ月無料】DAZN(ダゾーン)をお得に契約する方法

スポーツ

DAZNが2ヶ月無料で利用できるキャンペーンが開催中!DAZNを契約するならこの方法がおすすめ!

【一括1,760円~!】ワイモバイルのスマホ「Libero S10 / Android One S5 / HUAWEI P30 lite」を激安でゲットする方法

キャンペーン

ワイモバイルの正規代理店ヤングモバイルで対象機種を一括払いで購入すると機種代金が22,000円割引されるキャンペーンが開催


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

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

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





同じカテゴリの記事

たばこがメルペイの最大70%還元キャンペーンの対象か調べてみた! – メルペイでおトクにお買い物する方法

キャンペーン

たばこってメルペイの「ニッポンの夏!あと払いで最大70&ポイント還元」の対象なの?

【激熱】ドコモオンラインショップでiTunesコードを買うと1,000ポイントプレゼント! – お得にiTunesコードを購入する方法

キャンペーン

5,000円のiTunesコードが実質4,000円で買えるぞ!この激熱キャンペーンは8/16までなので購入するのであればお早めに!

【アメックス】Amazonで10%キャッシュバック! – Amazonでおトクにお買い物する方法

キャンペーン

先着20,000名限定!Amazonでアメックスのビジネス・カードを利用するとその都度10%キャッシュバック!

【終了】読者さん限定。Inateck製iPad mini、Air 2用ケースを合計6名様にプレゼント! – キャンペーン参加方法

キャンペーン

各ケースが無料になるAmazonコードを3名様ずつにプレゼント!Twitterだけで参加OK

【8月15日まで】無限のフィルターアプリ!『infltr』を無料でインストールする方法

キャンペーン

App Storeだと240円で販売中の有料アプリ。「AppleStore」からなら期間限定で無料!


新着記事

【2020年3月末で終了する激熱キャンペーンやセール、割引クーポンまとめ】新生活前におトクにお買い物やふるさと納税する方法

キャンペーン

3月末で様々な激熱キャンペーンが終了。。3月中に利用してお得にお買い物をしちゃいましょう!まだ間に合うぞ!

PASMO ID番号とは?自分のID番号を調べる方法 – カード型、モバイルPASMOどちらも簡単に確認できる

乗り物

PASMOにはユーザー固有のID番号があり。何かと使うことがあるので覚えてなくても調べ方は知っておいた方がいい

【再販決定!!】数量限定カラーの「DUALSHOCK 4(PS4用ワイヤレスコントローラー)」を予約・購入する方法

ゲーム

限定カラー「レッド・カモフラージュ」「ローズ・ゴールド」「ベリー・ブルー(ゲオ限定)」の再販が決定!

【iPhone・iPad】『Apple IDの電話番号を確認してください』と表示された時の対処方法 – 信頼できる電話番号の確認、変更手順

iPhone / iPad

iPhoneやiPadの設定画面のApple IDの下に「Apple IDの電話番号を確認してください」と表示されたら一度チェックを

【3月30日まで】激安の3ヵ月で199円!Amazonの読み放題サービス「Kindle Unlimited」に超おトクに登録する方法

キャンペーン

過去最安値クラス!Amazonの本やコミック、雑誌が読み放題になるKindle Unlimitedが3ヵ月で199円と激安で利用できる!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    Google上に保存(録音)されている自分の『音声データ』を聞く、履歴を削除する方法

    AndroidスマホやGoogleHomeなどで「OK,Goolge!」⇒アシスタント起動をやったことがある人は全員対象


    【Android】メルペイをiDとしてスマホに追加&実際の支払い方法 – おサイフケータイへ登録すればメルカリの売上金やポイントがそのまま使える!あと払いもアリ

    メルペイをAndroidのおサイフケータイにiDとして設定してみた!優先支払い&暗証番号の設定も含めてセットアップと支払い時の使い方を解説


    Xperia 1(ドコモ版:SO-03L)実機レビュー – 2019夏モデルのハイスペック縦長Xperiaはヤバい!au版のSOV40やソフトバンク版を検討している人も是非

    2019年夏モデルのハイスペックで縦長なXperia 1を実機レビュー!初のトリプルカメラ搭載&6.5インチだけどスマートな1台は必見


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

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


    注目の記事をぜんぶ見る

  • 最新記事

    【2020年3月末で終了する激熱キャンペーンやセール、割引クーポンまとめ】新生活前におトクにお買い物やふるさと納税する方法

    3月末で様々な激熱キャンペーンが終了。。3月中に利用してお得にお買い物をしちゃいましょう!まだ間に合うぞ!


    PASMO ID番号とは?自分のID番号を調べる方法 – カード型、モバイルPASMOどちらも簡単に確認できる

    PASMOにはユーザー固有のID番号があり。何かと使うことがあるので覚えてなくても調べ方は知っておいた方がいい


    【再販決定!!】数量限定カラーの「DUALSHOCK 4(PS4用ワイヤレスコントローラー)」を予約・購入する方法

    限定カラー「レッド・カモフラージュ」「ローズ・ゴールド」「ベリー・ブルー(ゲオ限定)」の再販が決定!


    【iPhone・iPad】『Apple IDの電話番号を確認してください』と表示された時の対処方法 – 信頼できる電話番号の確認、変更手順

    iPhoneやiPadの設定画面のApple IDの下に「Apple IDの電話番号を確認してください」と表示されたら一度チェックを


    【3月30日まで】激安の3ヵ月で199円!Amazonの読み放題サービス「Kindle Unlimited」に超おトクに登録する方法

    過去最安値クラス!Amazonの本やコミック、雑誌が読み放題になるKindle Unlimitedが3ヵ月で199円と激安で利用できる!


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

  • usedoorをフォロー


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

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

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


    【3月版】「メルペイ」のキャンペーン&クーポンまとめ – メルペイでお得にお買い物する方法。3月は飲食店最大50%オフなどメルペイフィーバー!

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


    【3月版】『ワクワクペイペイ』の内容&参加条件まとめ – PayPayで飲食店、自動販売機で最大50%、タクシー10%還元etc…おトクに買い物する方法

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


    【激安!!】「TCL PLEX」のスペック&価格まとめ。おトクに購入する方法 – トリプルカメラ搭載で一括6,000円~とコスパ最強のAndroid

    goo Simsellerが「TCL PLEX」の販売開始。トリプルカメラ&けっこうなハイスペックが超激安!コスパ最強Android!


    【3月版】現在ドコモでおトクに機種変更できるiPhone・Androidスマホ・タブレットまとめ – お安くドコモで機種変更する方法

    現在ドコモでおトクに機種変更できるAndroid、iPhone、タブレットをまとめました。機種変更を考えている人はチェック!


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

  • あわせて読みたい記事