Google +1 ボタンをFC2ブログにvalidなHTMLで設置する

遅ればせながらこのブログにもGoogle +1 ボタンを設置した。調べてみるといくつかのエントリで「+1」されていたようだったので、せっかくだからテンプレートを小カスタマイズするついでに利用してみることに。 ところが単に設置するだけなら別に難しくないんだけど、(HTML文法エラーになる)独自タグを使わないで、かつ記事ごとに別のボタンを設置するとなるとちょっと面倒なことが判明。というわけで、前半では普通にFC2ブロ...

FC2ブログをFacebookのOpen Graph protocol(OGP)に対応させる

FC2ブログをFacebookのOGP(Open Graph protocol)に対応させるカスタマイズコードと、その使い方を紹介。コピーしてテンプレートに貼り付けるだけでいいので、かなり簡単にFC2ブログをFacebook対応にすることが可能なはず。(設定されるのはブログトップと個別記事ページ。)OGPが具体的にどういうものなのかは以下を参照。 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める...

FC2ブログの記事のタイトルにカテゴリ名を含める

たまたまFC2ブログをいくつかチェックしていたら、記事のタイトルに毎回「【○○(カテゴリ名)】」とか「[××(カテゴリ名)]」などの文字列を追加しているところを何か所か発見。このようなタイトルの付け方をしてるのは特に一部のまとめブログなんかに目立つものの、例えばはてなダイアリーなどもこのような「記事のタイトルにカテゴリ名を追加する」機能を搭載している。 上記のように手動で毎回カテゴリを記事名に追加する方...

検索結果にモバイルページが先に出てくる問題をrel=canonicalで解決する

検索エンジンを使ってると「自分のブログやサイトが引っかかって来る」ことは当然あるんだけど、たまに「本来のPC版のページではなくモバイル版のページが表示される」ことがある。もちろん検索結果からアクセスすればそのままモバイルテンプレートで表示されてしまう。以前から気にはなっていたけど、レンタルサーバ + ブログツールならともかくFC2ブログでは(metaタグでモバイルページにnoindexでも指定しない限り)根本的な解...

Facebookの「いいね!」ボタン作成ページの解説とFC2ブログへの設置方法

Facebookアカウントを取得したので、ついでにブログのテンプレートも更新して「いいね!(like)」ボタンを設置することに。すでにFC2ブログの標準機能としてFacebookのいいね!ボタンが設置できるようになってるものの、設置場所が好きに選べるわけではない(拍手ボタンと連動している)し「おすすめ(recommend)」表記に変えるなど細かい設定はできない。 そこで、FC2ブログに限らず自分で「いいね!」ボタンを作成してブロ...