OGPの設定方法

OGPとは？

　OGPというのは、Open Graph Protocolの略で、「このwebページ及びサイトはこんな内容ですよ」っていうのをデータとしてsnsなどで使ってもらう為に、HTMLのheadタグ内に書くメタデータです。
　こういうのです。↓

<meta property="og:title" content="初心者にもおススメ！無料 WordPress テーマ『Principle』">
<meta property="og:type" content="blog" >
<meta property="og:description" content="WordPress テンプレート 『Principle』の機能や使い方の解説サイトです">
<meta property="og:url" content="http://wp-principle.net/" >
<meta property="og:image" content="http://wp-principle.net/wp/wp-content/uploads/2013/12/nobuo.gif">
<meta property="og:site_name" content="初心者にもおススメ！無料 WordPress テーマ『Principle』">
<meta property="fb:admins" content="1073741825">

例えばfacebookでいいね！された時などにこれらの情報が渡されて、facebookのタイムライン上にイメージ画像やサイトの説明などが表示されるので、OGPが書いてあるかどうかは拡散力に大きく関わってきます。

OGPが自動生成される？！

　Principleでは、なんとそのページの情報からOGPが自動で生成されるようになっています。なので設定方法っていうほど特別何もする必要はありません。
　が、fb:app_idだけは、自分で入力しなければならない個所があるので、以下を参考にしてください。
　OGPの各項目について説明していきます。

og:title

　このページのタイトルを表す情報です。
　記事ページなら記事のタイトルが、トップページならブログ名が自動的に入ります。

og:type

　このwebサイトが何なのかを表す情報です。
　Principleはブログ用テンプレートなので、”blog”にしてます。

og:description

　このページの簡単な説明文を表す情報です。
　記事ページなら記事の説明文が、トップページならブログ自体の説明文が入ります。
　記事の説明文というのは、投稿の編集画面の下の方にある「抜粋」の中に自分で書かないとダメです。↓

　もし、抜粋欄が無い人は、画面右上の「表示オプション」というところをクリックすると、投稿の編集画面の表示をカスタマイズできるので、「抜粋」にチェックを入れれば出て来ます。

　ブログ自体の説明文というのは、WP編集画面の左端にある「設定」→「一般」をクリックすると出てくる「一般設定」画面で入力できます。「キャッチフレーズ」というところに入力します。

og:url

　このページのURLを表す情報です。
　自動的にこのページのURLが入ります。

og:image

　このページのイメージ画像のURLを表す情報です。
　記事ページならその記事のアイキャッチ画像のURLが、トップページならプロフィールウィジェットで設定した画像のURLが入ります。（参考：プロフィール欄の設定方法）

og:site_name

　このサイト（ブログ）の名前を表す情報です。
　自動的にブログ名が入ります。

fb:app_id

　紐付けされるfacebookアプリのIDです。
　プロフィール欄ウィジェットのappidの値が自動で入るようになっています。
　ですので、プロフィール欄の設定方法を参考に、プロフィール欄ウィジェットのappidを入力しておいてください。

正しくOGPが設定されているかチェック

　Debugger – Facebook Deveropersで、正しくOGP情報が伝わっているかをチェックすることができます。

　チェックしたいページのURLを入れて確かめてください。
　↓こんな風に何もエラーが出なければOKです。

何か分からないことや問題があれば、Twitterかここのコメント欄にでも書き込んでください。