【徹底的】Amazonプライムで使えるサービスを使い倒す方法

最終更新 [2014年7月15日]





Wordpressをはじめ、ブログやサイトの記事・ページをfacebookやTwitterなどのSNSで共有してほしい時に設定しておいた方が絶対いいOpen Graph Protocol(通称:OGP)の設定方法とwordpressでのサンプルです。

usedoorのようにfacebookのシェアボタンやTwitterのつぶやくボタンなどを設置する場合はもはや必須と思われる項目です。

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

こんな感じになりますよ

このOGPを適切に設定していることでfacebookのシェアボタンを押した際などに自分がシェアしてほしい内容をキレイにfacebookに通知することができちゃいます。

↑のfacebookの例ですと、http://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="http://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="http://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キャッシュを削除する方法


< この記事をシェア >




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

【5月31日まで】対象店舗全てで5%キャッシュバック!LINE Pay『春のお買い物キャンペーン』で超おトクに買い物する方法

LINE

上限金額は10万円(5,000円分のLINE Pay残高を還元)の長期キャンペーンを開始。LINE PayはQRコード決済に力いれてます

【エントリー受付中】誕生月はポイント5倍!『dポイントバースデェ~チャンス!』に参加しておトクにdポイントを貯める方法

キャンペーン

実際の開始期間は8月1日から。が、エントリーは6月30日までなので事前にやっておきましょー

【1ヶ月666円!!】Dropbox Plus(有料版)を超おトクに契約する方法 – 3年版のコスパがヤバい!

dropbox

これはおトク。Dropbox契約するならソースネクスト経由がマジでオススメ!

【Apple Pay】登録できるクレジットカード&キャンペーンまとめ。ID or QUICPay&おトクに使う方法

Apple Pay

[日々更新中] マツモトキヨシグループで毎日もれなく7%キャッシュバックキャンペーン!


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

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

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


この【Apple Pay】登録できるクレジットカード&キャンペーンまとめ。ID or QUICPay&おトクに使う方法の最終更新日は2018年3月2日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。




同じカテゴリの記事

iPhoneのモバイルSuicaで既存のSuicaに定期券を追加する方法

Apple Pay

現在利用しているiPhoneのSuicaに定期券を追加できるぞ!

【Apple Pay】楽天カードアプリから簡単にカードを追加する方法

Apple Pay

楽天カードアプリをインストール済みの人は簡単にカードを追加できるぞ!

【Apple Pay】SuicaアプリからSuicaを無料で発行する方法【無記名・記名式】

Apple Pay

アプリで簡単にSuicaを発行できるぞ!しかも無料!デポジット不要!

iPhoneのモバイルSuicaで定期券の期間を更新(継続)する方法

Apple Pay

定期券を更新する方法は「Walletアプリ」で更新する方法と「Suicaアプリ」から更新する方法の2つあります。


新着記事

【Amazonで予約可能】「ファイヤープロレスリング ワールド 新日本プロレス PREMIUM EDITION」を予約・ゲットする方法

ゲーム

PS4版のファイプロが発売決定!新日本プロレス仕様の限定版は数量限定販売です。欲しい人は急いだほうがいいかも!?

【6月3日まで】「ZEROウイルスセキュリティ」を安く購入する方法

PCアプリ

税込1,814円で買えるぞ!Amazonより安く買えますよ~

LINE無料スタンプまとめ – 現在ダウンロードできる無料&隠しスタンプのダウンロード方法

LINE

LINEスタンプショップ、ストアのイベントで無料でダウンロードできるスタンプ&隠しスタンプをまとめています

【運用実績公開】ドコモ×THEOの『ポイント投資』でdポイントを運用する方法 – 誰でも参加OK。ポイントは増える?減る?

投資

実際に10,000dポイント投資してみた。8月31日までに開始すれば必ず100dポイントもらえるキャンペーンも

【11日&22日】Yahoo!ショッピング、トラベル、ダイニングで『ゾロ目の日』限定クーポンをゲットする方法

キャンペーン

ゾロ目の日はYahooショッピングなどが意外とアツい!ただクーポンは争奪戦なのでお早めに!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    LINEのモバイルデータ通信量を抑える設定方法 – 画像や動画周りを節約!

    LINEが原因で通信規制を受けている人は一度設定をチェック!


    ApplePayでSuicaをiPhoneに取り込んで登録する方法 – カードは使えなくなるのでご注意を

    WalletアプリからSuicaが登録できない不具合発生中。。せっかくのApplePayが。。


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

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


    注目の記事をぜんぶ見る

  • 最新記事

    【Amazonで予約可能】「ファイヤープロレスリング ワールド 新日本プロレス PREMIUM EDITION」を予約・ゲットする方法

    PS4版のファイプロが発売決定!新日本プロレス仕様の限定版は数量限定販売です。欲しい人は急いだほうがいいかも!?


    【6月3日まで】「ZEROウイルスセキュリティ」を安く購入する方法

    税込1,814円で買えるぞ!Amazonより安く買えますよ~


    LINE無料スタンプまとめ – 現在ダウンロードできる無料&隠しスタンプのダウンロード方法

    LINEスタンプショップ、ストアのイベントで無料でダウンロードできるスタンプ&隠しスタンプをまとめています


    【運用実績公開】ドコモ×THEOの『ポイント投資』でdポイントを運用する方法 – 誰でも参加OK。ポイントは増える?減る?

    実際に10,000dポイント投資してみた。8月31日までに開始すれば必ず100dポイントもらえるキャンペーンも


    【11日&22日】Yahoo!ショッピング、トラベル、ダイニングで『ゾロ目の日』限定クーポンをゲットする方法

    ゾロ目の日はYahooショッピングなどが意外とアツい!ただクーポンは争奪戦なのでお早めに!


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

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome dポイント iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone X iPhoneおトク MNP PC SIMフリー SoftBank Windows windows 10 オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ セブンイレブン ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 写真 削除 動画 新規契約 機種変更 注目・ピックアップ 無料 登録 非表示
  • usedoorをフォロー


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

    【登録するだけで500dポイント!!】『dカーシェア』の登録方法 – ドコモ契約者以外でもOK!

    ドコモ回線契約者以外でも使える話題の車シェア&レンタカー利用もOKのドコモ提供のサービス。今なら登録だけでオイシイ


    【5月13日まで】iPhone 8を月額1,048円で利用する方法 – スマホデビュー割&機種代金一括45,000円

    「スマホデビュー割」キャンペーンを利用すれば超激安でiPhone 8を利用できるぞ!


    【5月31日まで】還元率50%+Amazonギフト券!ふるさと納税の『日本旅行ギフトカード』がヤバい!「ふるなび」で超おトクにふるさと納税する方法

    2018年5月にまたまた岐阜県池田町の返礼品でまさかの復活!『早期終了あり』とのことなのでお早めに。


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

  • あわせて読みたい記事