タグ別アーカイブ: OGP設定

Facebook、Twitter、Google+などのソーシャルメディアを活用するために欠かせないOGP設定についての記事一覧です。

さよならAll in One SEO Pack!トップページOGPも正しくしたいから

トップページのOGPだって大切だ!条件分岐ogpタグで解決!

All in One SEO Packといえば、WordPressの初心者にとって、とてもありがたい、それこそ神的な高機能プラグイン。でも、いろいろ気になることがあったので、卒業。その代わりにカスタマイズしたことをOUTPUTしてみました。

WordPress・OGP設定・サイトと記事で条件分岐するOGPテンプレートの作成

条件分岐OGPテンプレート

条件分岐タグでサイトトップ、ブログトップページではWEBサイトに対するOGPを、投稿・固定ページでは各ページに対するOGPを、それぞれ適切なog:title、og:type等になるようにし、正確なOGPを生成でき、更に、投稿記事へのアイキャッチ画像の設定し忘れ、抜粋をog:descriptionにする場合の<p>タグ対策もしたOGPタグを作成しました。OGP設定テンプレートを作成~ディレクトリにアップロードする方法についても説明しています。

OGP設定準備編header.phpのhead prefixとget_template_part

headprefix条件分岐

Facebookボタンに必要な情報を生成するためのタグ(OGP タグ)をheader.phpに設置する必要があります。プラグインで完全なOGPタグを生成してくれるものがあれば簡単だったのですが、2週間程いろいろ試してみたものの、見つけることが出来ませんでしたので、ヘッダーにOGPタグを設置する方法を書いてみました。

OGP設定の為のfacebookアプリケーションid(app-id)取得・fb-admins確認方法

OGP・app-id・fb-adminsの解説・確認・取得方法

シェアされた投稿がリッチな見栄えになるかどうかは、OGPの設定がきちんと出来ているかどうかにかかっています。この記事では、OGPと、OGP設定項目のapp-id、fb-adminsについて書いています。facebookのapp-id:アプリケーションidが必須のわけと、取得方法、fb-adminsが必要なのかそうでないのか、必要な場合の確認方法について解説しています。

Facebookとの連携・OGP設定の為のapp_id取得と設定・2014年版

Facebook開発者登録

ソーシャルメディア上でシェア投稿を魅力的にみせるためにはOGP設定をしっかりとする必要がありますが、特にFacebookでシェアしたり、シェアされたりする場合にはapp-idタグをOGPに含めておくことが重要なポイントです。WordPressとFacebookをばっちり連携させる、このapp-idを取得するためには、アプリケーション登録し、アプリIDを取得、そのIDをOGPタグ内に表記します。OGP設定をするにあたって、まず、Facebookで開発者登録をし、その後アプリケーションIDを取得していきます。

FacebookのLikeボタン

いいね!ボタンポップアップ

ブログにFacebookのいいね!ボタンを設置する目的は、

Facebook→ブログ:Facebookでつながりのある人にブログ閲覧を促す
ブログ→Facebook:ブログ閲覧してくれた人がFacebookユーザーなら、いいね!を押してもらう事によって更なる拡散を目指す
といったところでしょうか。
でも、仕様が変わっていたんですね・・・^^;