WordPressをFacebookのOGPにプラグインなしで対応させる
つづく!! と言っといて放っといた、 WordPressをFacebookのOGPに対応させる のつづき。 プラグイン「Open Graph Pro」で、OGPへの対応をしたのですが、 仕事の都合で、Facebookはその後1ヶ月ほど放置。 4月に入ってからちょこちょこやり始めましたのですが、 このブログの記事をFacebookで紹介しようとしたところ、トラブル発生。 画像無くて申し訳ありませんが、 記事概要の部分に、サイトの説明が表示されてしまうのです。 これではプラグイン導入前と、たいして変わらないじゃん。 この1ヶ月で何かしたか？ いや、いろいろしました。 WordPressのテーマのcssをいじったり、他のプラグインをアップデートしたり、 Facebook側もなんか変更あったみたいだし、タイムラインの導入もした。 しかし、Open Graph Proはアップデートしてないし、結局原
FacebookのOGPを簡単に確認するための5つの便利ツール | Creazy!
ご無沙汰しております、ヤガーです。 今までのFacebook関連のネタや、OGPに関する記事を書いてきましたが、さすがに企業サイトやブログなどではOGPの設定が浸透してきていると思います。OGPがあるとないとではウォールに流れた際の反応が全然違いますからね。で、このOGPなんですがFacebookはパフォーマンスのためか一度読んだものはキャッシュしてしまいます。metaタグの構成を変えたり、そもそも記事内容を変更したとしても、1度でもいいね！押されているとその状態のOGP設定が残ってしまいます。 そこで、OGPの設定を確認するためのFacebook公式ツール「デバッガー」を使うのですが、このデバッガーを使うとキャッシュもクリアできるので、表示が切り替わらないって場合にも有効です。 このデバッガー関連の便利ツールを５つ紹介します。 １）Facebook公式デバッガー デバッガー – Face
OGPタグ確認に便利！ブックマークレットで手早くチェック | ブログ | SINAP - 株式会社シナップ
'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0 ';if(og_image%20==%20undefined){addtext%20+='%C3%97%20og:image%E3%81%8C%E8%A8%AD%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82 '}else{addtext%20+='url'+%20og_image%20+' ';if(og_image.match(/http:\/\/[^\/]*/)%20!=%20null){var%20og_image_domain%20=%20o
WPのOGP実装はこれで決まり? ｢WP-OGP Customized｣がイイね!
以前にWordPressでOGPを実装させるプラグイン「WP-OGP」について書いたことがありますが、このプラグインはスペルミスがあったりするなど、ちぃっとばかり不完全な仕上がりのままアップデートされることもなく放置されている状態。 で、そんな「WP-OGP」をベースに改良を加えられたプラグイン「WP-OGP Customized」があったので、そちらを導入することにしました。 「WP-OGP Customized」は「WP-OGP」の困ったちゃんなところを修正してくれている上に、さらに機能的にもパワーアップさせてあるプラグインです。 ベースとなっている「WP-OGP」だと、設定で入力できるのは[fb:admins]と[fb:app_id]の2項目のみだったんですが、「WP-OGP Customized」では、それに加えて以下のことができるようになっています。 [og:descriptio
Facebook の OGP (Open Graph Protocol）用のメタタグを出力する - dogmap.jp
Facebook の OGP (Open Graph Protocol）に対応したいい感じのメタタグを WordPress のヘッダに出力する方法です。 OGP については amachang さんの以下のエントリで詳しく解説されています。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記 まずは、テーマの header.php にある <html> タグに xmlns:og="http://ogp.me/ns#" を追加してください。 その後で、テーマの functions.php に、以下のコードを追記しましょう。 function ogp_tags() { global $wpmp_conf; $title = ''; $thumb = ''; $excerpt = ''; if (is_home()) { $u
OGPの事例について〜coobooの場合〜 - VTuberになったプログラマーの魂の残滓
こんにちは！こんにちは！ さて、ものすごいブクマ数を稼いでいるid:amachangのこの記事ですが、非常に分かりやすいですね。 せっかくなのでcoobooにおけるOGPの事例というのを簡単に紹介してみたいと思います。 作品詳細ページにOGPと「いいね！」ボタンを設置 例として下記のページを見てみましょう サイトウサンTシャツ（積分） 女性Mサイズ | 洋服（洋装） | かえる このページのソースコードを見ると下記のようになっています <meta property="og:site_name" content="cooboo [こーぼー] :: 手作りの作品を披露する・売る・買う ハンドメイドコミュニティ" /> <meta property="og:title" content="サイトウサンTシャツ（積分） 女性Mサイズ | ファッション・アクセサリー > 洋服（洋装） :: c
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
＜遂に公開＞SEOの2倍のアクセスを稼ぐFacebook「OGP」活用術。皆が知らない「いいね！」ボタンの設定方法、超解説 : (旧)ガイアックスソーシャルメディア ラボのブログ