【ドコモ機種変】iPhone7や新XpeiraXZなどをおトクに機種変更する方法

新着を見る



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


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キャッシュを削除する方法


< この記事をシェア >





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

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


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




新着記事

iPhone・iPadの連絡先アプリに入っている連絡帳データを友だちに送る、個別にサクッとバックアップ保存する方法 – iCloudの他、LINEなどにも対応

iPhone / iPad

実は意外と使い勝手がいいiOSプリインストールの連絡先アプリ。電話帳データの保存&送信は覚えておくと便利!

【3月に配信決定!!】Android版スーパーマリオランを事前登録(予約)する方法 – ついにGooglePlayに公式ページが登場!

ゲーム

任天堂公式から3月に配信開始という案内!何日かはわからないのでGooglePlayで事前登録を!

【激安!!】実質800円!DIGNO U 404KCを超激安で購入する方法 – ソフトバンクのプリモバイルのアウトレット品に登場

携帯電話

防塵防滴&MIL規格準拠の耐衝撃対応がウリのタフスマホが実質800円で買えるぞー

【Windows10】『既定のブラウザ』に自分が設定したいブラウザが表示されなかった時の対処方法 – 既定のWebブラウザーを設定

ブラウザ

既定のブラウザをちょっとマニアックなブラウザに設定しようと思ったけど一覧にない…と嘆いている人へ


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【Apple Pay】コンビニや店舗、自動販売機などでの支払いはこうやる – ApplePayで支払いする方法

    店舗で支払う時は「ApplePayで!」じゃダメでっせ。支払い・決済方法いろいろ


    注目の記事をぜんぶ見る

  • 最新記事

    iPhone・iPadの連絡先アプリに入っている連絡帳データを友だちに送る、個別にサクッとバックアップ保存する方法 – iCloudの他、LINEなどにも対応

    実は意外と使い勝手がいいiOSプリインストールの連絡先アプリ。電話帳データの保存&送信は覚えておくと便利!


    【3月に配信決定!!】Android版スーパーマリオランを事前登録(予約)する方法 – ついにGooglePlayに公式ページが登場!

    任天堂公式から3月に配信開始という案内!何日かはわからないのでGooglePlayで事前登録を!


    【激安!!】実質800円!DIGNO U 404KCを超激安で購入する方法 – ソフトバンクのプリモバイルのアウトレット品に登場

    防塵防滴&MIL規格準拠の耐衝撃対応がウリのタフスマホが実質800円で買えるぞー


    【Windows10】『既定のブラウザ』に自分が設定したいブラウザが表示されなかった時の対処方法 – 既定のWebブラウザーを設定

    既定のブラウザをちょっとマニアックなブラウザに設定しようと思ったけど一覧にない…と嘆いている人へ


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

  • 人気記事ランキング

    Android 7.0へのアップデート予定機種・開始日まとめ【ドコモ・au・ソフトバンク・ワイモバイル】- Nougatにアップデート出来るか調べる方法

    Android 7.0へのアップデート予定機種・開始日まとめ【ドコモ・au・ソフトバンク・ワイモバイル】- Nougatにアップデート出来るか調べる方法

    [1月13日]ドコモに続き、auの「Xperia XZ SOV34」「Xperia X Performance SOV33」にアップデート配信の案内!...


    ランキングを見る

  • 使い方 カテゴリー

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

    Amazon Android apple au Chrome iOS iOS 8 iOS 9 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone 7 iPhoneおトク Kindle MNP PC SIMフリー SoftBank Windows windows 10 アカウント アップデート オトク クーポン スタンプ スマートフォン セキュリティ ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 削除 動画 料金 楽天モバイル 機種変更 注目・ピックアップ 無料 登録
  • usedoorをフォロー


  • サイト運営・コード・htmlの他の記事

    サイト運営・コード・htmlの記事一覧