iPhone 15、Plus、Pro、Pro Maxの予約最速ページまとめ&予約時に使える小ワザを紹介【Apple Store、楽天モバイル、ドコモ、au、ソフトバンク、Amazon、家電量販店、代理店、正規取扱店】

Open Graph Protocol(通称:OGP)の設定方法 【wordpressサンプルあり】

シェアの内容を好きなように設定しよう


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

当サイトはアフィリエイト広告を使用しています。


usedoor facebookでシェア
usedoor Twitterでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


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


< この記事をシェア >

usedoor facebookでシェア
usedoor Twitterでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly





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

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

【毎日5%~7%還元!!】Yahoo!ショッピング『PayPay支払いで毎日5%貯まる』キャンペーンでおトクに買い物する方法 – 条件などまとめ

キャンペーン

Yahoo!ショッピングで毎日5%還元となるキャンペーンが開催!プレミアム会員などは常時7%還元も。対象となる買い物の条件などまとめ

「メルペイ」のキャンペーン&クーポンまとめ – メルペイでおトクに買い物する方法。紹介コードあり

キャンペーン

メルカリが提供するスマホコード支払「メルペイ」は定期的におトクなキャンペーンを開催&クーポンを配布!徹底的にまとめてみた

【2万円相当還元!!】LINEMOを通常よりもおトクに契約する方法、キャンペーンまとめ – ミニプラン12ヵ月実質無料など

携帯電話

LINEMOでミニプランが実質12カ月間無料、スマホプランなら「LINEMO 秋の大感謝祭」でPayPayポイント最大20,000円相当還元!他にも様々なキャンペーンが開催中です。契約手数料など各種手数料も無料。

【10月版】PayPayで開催中のキャンペーンまとめ – 特典や適用条件など。LYPマイレージ、ミニストップ、ワクワクペイペイ、クーポンや地域限定etc…

キャンペーン

ほぼ常時様々なお店やエリアで開催されるPayPayのおトクなキャンペーンやクーポンを徹底まとめ。特典や参加条件、今月対象のお店は?

【既存ユーザーも対象】楽天モバイルで「YouTube Premium」を3ヵ月間無料で申し込む方法 – 対象となる条件、注意点など

Youtube

楽天モバイル契約者はYoutube Premiumが3ヵ月無料で利用できる。条件はシンプルで既存ユーザーも対象!注意点もアリ


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

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

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

usedoor facebook
usedoor Twitter
usedoor feedly
usedoor RSS


新着ニュース&記事

「Google Pixel 8 / Pro」の価格、スペック、キャンペーンまとめ – Googleストアやキャリアでおトクに購入する方法

Androidスマホ

Google AIとPixel史上最高性能のカメラを備えた「Google Pixel 8」「Google Pixel 8 Pro」が2023年10月12日に発売!10月5日より予約受付開始。価格はPixel 8が112,900円~、Pixel 8 Proは159,900円~。

LINEとYahoo!JAPAN IDを連携する方法 – データを連携すれば便利な機能が利用できたり、特典をもらうことができる

webサービス

2023年10月4日よりYahoo!JAPAN IDとLINEの連携がスタート。連携は任意だけど便利機能が使えたり特典がもらえるなどのメリットも

【新カラー登場!!】「PlayStation 5用カバー」を予約・購入する方法 – ヴォルカニック レッド、コバルト ブル、スターリング シルバー

ゲーム

PS5用カバーに新色「ヴォルカニック レッド」「スターリング シルバー」「コバルト ブルー」が登場!ヴォルカニックレッドとコバルトブルーが2023年11月3日発売、スターリング シルバーは2024年1月26日発売。

【新カラー登場!!】「DualSense ワイヤレスコントローラー」を予約・購入する方法 – 予約開始日、発売日、価格、販売ショップなどまとめ

ゲーム

PS5のワイヤレスコントローラーDualSenseにさらに新色登場!スターリングシルバーが2024年月26日、ヴォルカニックレッドとコバルトブルーが2023年11月3日に発売&予約受付中

【ディズニープラス】Wi-Fiなしで動画をダウンロードする方法 – 5G/4Gなどモバイルネットワーク通信でダウンロードできるようにする手順。ギガ消費は要注意!

スマホアプリ

ディズニープラス(iPhone・Androidアプリ版)は初期設定だとWi-Fi通信じゃないと動画がダウンロードできない。ギガ消費が問題ない場合はモバイルネットワーク通信でもダウンロードできるように設定変更できる


新着記事をもっと見る

usedoorをフォロー


注目の使い方

【10月版】闇ふるさと納税?返礼品とは別にAmazonギフトカードなどの特典を貰う方法 – ほぼ無条件&上限なしで最大12%還元キャンペーンが開催中

簡単な条件を満たせば、ふるさと納税寄付金額に応じたAmazonギフトカードが返礼品とは別にもらえる各ふるさと納税サイトのキャンペーンまとめ


【Windows 11標準機能】タスクバーの統合を解除してラベルを表示する方法 – まとめラベルをオフ、非表示にする手順(バージョン22H2、KB5030310適用)

ついにWindows 11でタスクバーの結合の解除、ラベル表示ができるようになった!今後はExplorerPatcherなどのサードパーティ製のアプリは不要に。オプションパッチ「KB5030310」の適用は必須


結局、楽天モバイルって普通に使える?メイン回線として日本のいろんなところで最強プランをガチで使いまくってみた。電波状況や通信速度の検証結果を紹介

メイン回線を楽天モバイル『最強プラン』に変更して日本の色んなところに行って通信状況などを調査してみた。結局エリアってどうなの?普通に使えるの?


iPadの在庫状況をチェックする方法(Pro、mini、Air、第10世代etc…) – ドコモ・au・ソフトバンク

第10世代iPadや新しいiPad Proが登場!ドコモ・au・ソフトバンクのiPad(主にセルラー版)の在庫状況を可能な限りリアルタイムでお届け中


【楽天モバイル】モバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」が一括1円だから買ってみた – 激安でWi-Fiルーターをゲットする方法

楽天モバイルがモバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」を一括1円の激安特価販売!すでに楽天モバイル回線を契約中でも一括1円で買える!



注目の記事をぜんぶ見る


最新記事&ニュース

「Google Pixel 8 / Pro」の価格、スペック、キャンペーンまとめ – Googleストアやキャリアでおトクに購入する方法

Google AIとPixel史上最高性能のカメラを備えた「Google Pixel 8」「Google Pixel 8 Pro」が2023年10月12日に発売!10月5日より予約受付開始。価格はPixel 8が112,900円~、Pixel 8 Proは159,900円~。


LINEとYahoo!JAPAN IDを連携する方法 – データを連携すれば便利な機能が利用できたり、特典をもらうことができる

2023年10月4日よりYahoo!JAPAN IDとLINEの連携がスタート。連携は任意だけど便利機能が使えたり特典がもらえるなどのメリットも


【新カラー登場!!】「PlayStation 5用カバー」を予約・購入する方法 – ヴォルカニック レッド、コバルト ブル、スターリング シルバー

PS5用カバーに新色「ヴォルカニック レッド」「スターリング シルバー」「コバルト ブルー」が登場!ヴォルカニックレッドとコバルトブルーが2023年11月3日発売、スターリング シルバーは2024年1月26日発売。


【新カラー登場!!】「DualSense ワイヤレスコントローラー」を予約・購入する方法 – 予約開始日、発売日、価格、販売ショップなどまとめ

PS5のワイヤレスコントローラーDualSenseにさらに新色登場!スターリングシルバーが2024年月26日、ヴォルカニックレッドとコバルトブルーが2023年11月3日に発売&予約受付中


【ディズニープラス】Wi-Fiなしで動画をダウンロードする方法 – 5G/4Gなどモバイルネットワーク通信でダウンロードできるようにする手順。ギガ消費は要注意!

ディズニープラス(iPhone・Androidアプリ版)は初期設定だとWi-Fi通信じゃないと動画がダウンロードできない。ギガ消費が問題ない場合はモバイルネットワーク通信でもダウンロードできるように設定変更できる



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


usedoorをフォロー


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

Amazon Photosから買い物に使える2,000円分の割引クーポンを取得する方法 – 超簡単な条件でおトクなクーポンがゲットできる【Prime感謝祭】

Amazon photosに写真をアップロードするだけでAmazonでの買い物が2,000円オフとなるクーポンを配布中。prime感謝祭の一環。取得/使用条件は?


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

10%還元で噂のdカード GOLDと通常dカードの還元率、メリット/デメリット、比較、疑問を徹底まとめ!自分も実際にdカード GOLD使っています!


【10月版】ドコモのiPhone、Androidスマホが機種変更で5,500円割引となるクーポンをWEB上からゲットする方法 – 対象機種、条件など

2023年10月もドコモがiPhoneやAndroidスマホの機種変更が5,500円引きになるクーポンを配布中!対象者限定みたいのでまずは取得できるかをチェック!


Amazonでd払い、dポイントを利用する方法&キャンペーンまとめ – 期間用途限定ポイントも使える。ahamoもOK!

ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意!


【楽天モバイル】モバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」が一括1円だから買ってみた – 激安でWi-Fiルーターをゲットする方法

楽天モバイルがモバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」を一括1円の激安特価販売!すでに楽天モバイル回線を契約中でも一括1円で買える!



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