og:imgやっとわかった

もはや、Facebookのいいね!対応が必須な感じですが、このOGPをWordPressで設定するのが結構手間です。

えー、今回は中級編です。OGPって何?って人はさくっと飛ばすか、どこかで勉強してきてくださいw

たちまち忘れないうちのメモなんで。

アイキャッチを使う方法

WordPressの記事投稿画面にはアイキャッチを設定する画面がありますが、このアイキャッチを、og:imgにぶちこむ方法をやっと理解しました。

こちらの記事にお世話になりました。ありがとうございました!

 WordPressでOGPを設定する方法|NEX.FM

実際の手順はこちらを後で見てやっていただきたいのですが、大まかなポイントは5つ。

  1. 記事投稿画面でアイキャッチを設定する
  2. アイキャッチがない時用のgif画像を用意して、利用しているテーマの/images/noimage.gifとしてアップロードする
  3. function.phpにアイキャッチを利用するためのコードを追加する
  4. ヘッダーにアイキャッチがある時はアイキャッチ、ない時は準備したgif画像を表示するコードをheader.phpに追加
  5. 設定を保存して記事を表示させても、以前の表示が残る場合は、記事をデバッグして、以前設定したものを消す

これで、やっと、持ってるサイトの1つがFacebookに投稿した時にちゃんと画像を表示するようになりました。

やれやれ。

ずっとできなかったことが出来るようになると、嬉しいですね!

Taku Toguchi様、大変役に立つ記事をありがとうございました!!!!!!