【リアルタイム更新】安い!キャリア版iPadの在庫状況をチェックする方法 - ドコモ・au・ソフトバンク

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

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

【毎日開催】dマガジン4周年特別企画『毎日クイズ★チャレンジ』でdポイントをゲットする方法 – 新規入会キャンペーンは実質2ヵ月無料!

本・コミック

dマガジンを契約している人は毎日チャレンジ!当たれば月額料金以上のdポイントがゲットできちゃう。LINE無料スタンプもアリ!

【徹底的】Amazonプライムで使えるサービスを使い倒す方法&年会費の元が取れるキャンペーンまとめ

webサービス

これだけのサービスが使えれば年会費は惜しくない!既にプライム会員の人は使えるサービスをフルに使い倒してみて!

【最大3,000円分!!】けっこうアツい!GooglePlay『Summer Chance 2018』のクーポンをゲットする方法 – 見つからない場合の対処方法

Google Play

1,000円クーポン×3回がGooglePlayにて配布中!人気ゲームはだいたい対象なのでプレイヤーはオイシイぞー


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

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

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





同じカテゴリの記事

【もれなく100ポイント貰える!】ダイエー公式アプリに「WAON POINTカード」または「イオンカード」を登録して100ポイントをゲットする方法

キャンペーン

ダイエー公式アプリ特別企画!もれなくWAON POINTが100ポイントもらえるぞ!登録期限は6/30までです。

【au冬フェス】『2017年三太郎のカレンダー』を無料でGETする方法

キャンペーン

auユーザーじゃなくても貰えるぞ!他にもお得なキャンペーンが盛りだくさん!

Chromecastで映画無料クーポン配布中! – 映画を無料で視聴する方法

キャンペーン

映画だけではなく「Netflix 1ヶ月無料体験」クーポンも配布中!


新着記事

夏の祭典『a-nation 2018』の生放送を無料で見る方法

webサービス

今年のa-nation生配信は大阪・東京の2会場4日間!dTVとdTVチャンネルで生配信されるぞ!

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

クレジットカード

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

【DAZN独占】ロナウドのセリエA デビュー戦をライブ配信・生放送で見る方法

スポーツ

ライブ配信はDAZN(ダゾーン)が独占!試合は8月19日1:00~です。

【8のつく日はポイント5倍!】オムニ7「イトーヨーカドー」「アカチャンホンポ」のハッピーデーでおトクに買い物する方法

ショッピング

ネット注文でも8のつく日ハッピーデーは存在!が、店舗での買い物とは内容や条件などが異なります

【Xperia】Android 9.0 Pieにアップデートできるかを確認する方法 – ソニーがアプデ対象機種を発表!

Androidスマホ

SONY公式がXperiaのAndroid 9.0へのアップデート機種を発表。ただし日本キャリアに適用されるかは…


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    ドコモ回線のスマホを月額280円(税込302円)で維持する方法 – docomo with×シンプルプラン

    [6月15日]docomo with対応のGalaxy Feel SC-04Jが発売!2機種でこのプランを契約できます


    【誤爆対策】LINEで送信済のメッセージを消す『送信取消』機能の使い方 – 既読/未読時はこうなる

    ついに実装!iPhone・Android対応。LINEで送ったメッセージ、スタンプ、写真などが消せる!ただ「削除」と「送信取消」が紛らわしいのでご注意を


    Galaxy S9+実機レビュー – ドコモ版『SC-03K』を使ってみた。S8との違いは?S9が気になる人もどうぞ!

    Galaxy S9+をガッツリ触れたのでレビュー書きました!基本的にS9も同じなのでSC-02Kやau版のSCV38、39が気になっている人も是非


    丸亀製麺のクーポンをゲットする方法 – スマホがあれば誰でもOK!公式アプリの使い方

    アプリ会員になると人気の天ぷら3種無料クーポンをプレゼント!


    注目の記事をぜんぶ見る

  • 最新記事

    夏の祭典『a-nation 2018』の生放送を無料で見る方法

    今年のa-nation生配信は大阪・東京の2会場4日間!dTVとdTVチャンネルで生配信されるぞ!


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

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


    【DAZN独占】ロナウドのセリエA デビュー戦をライブ配信・生放送で見る方法

    ライブ配信はDAZN(ダゾーン)が独占!試合は8月19日1:00~です。


    【8のつく日はポイント5倍!】オムニ7「イトーヨーカドー」「アカチャンホンポ」のハッピーデーでおトクに買い物する方法

    ネット注文でも8のつく日ハッピーデーは存在!が、店舗での買い物とは内容や条件などが異なります


    【Xperia】Android 9.0 Pieにアップデートできるかを確認する方法 – ソニーがアプデ対象機種を発表!

    SONY公式がXperiaのAndroid 9.0へのアップデート機種を発表。ただし日本キャリアに適用されるかは…


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

  • usedoorをフォロー


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

    【徹底的】Amazonプライムで使えるサービスを使い倒す方法&年会費の元が取れるキャンペーンまとめ

    これだけのサービスが使えれば年会費は惜しくない!既にプライム会員の人は使えるサービスをフルに使い倒してみて!


    【最大20,000dポイント】運試しに。ドキドキキーワードあみだくじでdポイントをゲットする方法

    超簡単に参加できるクジ。当たればラッキー!dアカウント+ポイントカード持っている人は是非


    【8月版】機種変更アリ!ドコモから『648円以下』で販売されているiPhone・iPad・Androidスマホ・ガラケーまとめ – 激安でドコモ端末を購入する方法

    現在ドコモで販売されている648円以下(一括0円もあり)の機種を一括価格、実質価格、契約別にまとめました


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

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


    【毎日開催】dマガジン4周年特別企画『毎日クイズ★チャレンジ』でdポイントをゲットする方法 – 新規入会キャンペーンは実質2ヵ月無料!

    dマガジンを契約している人は毎日チャレンジ!当たれば月額料金以上のdポイントがゲットできちゃう。LINE無料スタンプもアリ!


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

  • あわせて読みたい記事