WEBサイト作成時に発生するエラーやトラブル対応の備忘録を中心に、いろいろと書いております。


wordpressでfacebookのOGP情報をのせる

「WP Social Bookmarking Light」を使って、facebookボタンも設置したし(別に使わなくても設置できますが)、あとはOGPだなーと考えて、いつもソースを忘れるので、メモ的に残しておきます。

header.phpの中に以下のソースを

[php]

<?php
global $post; // 記事情報を取得
setup_postdata($post);

if ( is_single()) { //single.phpのとき
?>
<meta property="og:title" content="<?php the_title(); ?>" />
<meta property="og:type" content="blogだとかいろいろ" />
<meta property="og:url" content="<?php the_permalink() ?>" />
<meta property="og:description" content='<?php the_excerpt_rss(); ?>’ />
<meta property="og:site_name" content="<?php bloginfo(‘name’); ?>" />
<meta property="og:image" content="<?php echo catch_that_image() ?>" />
<meta property="fb:app_id" content="ここにappid" />

<?php }else{ //single.php以外
?>
<meta property="og:title" content="<?php bloginfo(‘name’); ?>" />
<meta property="og:type" content="blogだとかいろいろ" />
<meta property="og:url" content="サイトのアドレス" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:description" content="サイトの説明" />
<meta property="og:image" content="facebookのいいねを押したときに表示される画像。代表画像。" />
<meta property="fb:app_id" content="ここにappid" />

<?php } ?>

[/php]

ところで、この

って本当は何を指定したらよいのでしょう?
単純に「blog」とか「website」とかでいいのでしょうか。
Facebook開発者サイト内 Open Graph Protocolを真面目に読んでみることにした……。

けど、素敵な記事↓に、websiteやblogはトップページだけで、あとはarticleにするとよいと書いてありました。

参考
ここを読めば一発でわかります→勘違いに注意!og:typeをwebsiteやblogとして良いのはトップページのみ!
Open Graph Tutorial
Open Graph Protocol

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください