ユーザータグ 【 ありのごとくあつまりて 】

1.　ユーザータグの一覧を 「1つの記事に表示する方法」

FC2のプレビュー機能を使えば、方法は何通りかあるのですが．．． ここではその1つを例に説明していきます。 一見、難しそうに見えるかもしれませんが、要は 「ソースのコピー&ペースト」 意外と単純です。

1-1　スタイルシートに 以下↓ を記入

ここで、注意しなければいけないのが 「ブラウザによって表示，仕様が異なる」 という点です。 中でも IE6 や IE5.5 では width で指定する幅 を ピッタリサイズより かなり減らしておかないと レイアウトが崩れる恐れがあります。 また、IE7以下 では リストの先頭マーク が何故か表示されません。 （Sleipnir2， IE8， IE7， IE6， IE5.5， Firefox3， Opera9， Google Chrome2 で表示確認済。）

幅は、余裕を持たせた タグが改行されないで表示できる程度 でテストしてみてください。 （※上のスタイルシートで設定している幅は、以前の 3カラムテンプレート でのものです。 現在は 510px に変更しました。）

1-2　ユーザータグ一覧用の記事 を準備する

私の記事 をベースに、記事内容の一例を載せておきます。 ■色文字部分 を入れてもらえれば、他の部分はご自由にどうぞ。

1-3　公式プラグインからプラグインを1つ追加する

1-4　【HTMLの編集】 で 内容を 以下↓ に変更

作業用の 「表示しない （非表示の）」 プラグインを用意したいだけなので、何でもOKです！ 迷ったら 「ユーザータグ」 でも選んで追加してください。

上のソースのまま貼り付けてもらうと、後の作業がしやすくなります。
貼り付けたら、プレビューしてみる。 ユーザータグが 1列のリストで表示 されているはずなので、これを保存 （「設定」 を押す）。 これで、準備は完了です!!

1-5　プラグイン → プレビュー → ソースのコピー

普段はこれ以降の作業のみ行います。 1-4 で作ったプラグインをプレビューし、Webページのソースを表示・その箇所のソースをコピーします。

（1-6　コピーしたソースの絶対指定を 相対指定 に置換）

これは余力がある方は行ってください。 せっかくなので、一括置換機能を使い、ソースを軽くしておきましょう！ 面倒であれば、この作業は不要です。

1-7　ユーザータグ一覧用の記事 に貼り付けます。

<ul class="MultiLineList"> ～ </ul> の間に、ソースを正しく貼り付けてください。 これで完成です♪

以降、1-5～1-7 の作業をして、時々 この記事の内容 を更新してもらえればOKです。 「過去の記事の管理」 → 「編集」 からでもOKですが、記事に 「編集モードへのリンク」 を設置しておくと、何かと便利です。

2.　ユーザータグの一覧を 「全記事一覧ページ ./archives.html （./?all） だけでオート表示する方法」

追記 ： 2009/08/11
共有プラグイン に 検索BOX・タグ一覧 が登録されました。 以下と同じものが手軽に使えますので よかったらどうぞ！

プラグインの詳細 → 【HTMLの編集】 で （上の 1-4 の内容を） ↓ 以下のように書き換え、「表示する」 に変更します。 ついでに、このサイトでも使っている FC2の 「サイト内検索 （検索用ソース）」 などもつけておきました。 ソースは一例ですが、使えそうならどうぞ。

灰色の背景部分 は、ユーザータグの一覧 を 「1つの記事にも表示する」 場合、（その記事番号に変更して） 入れてください。

上の 1-4 の場合と異なり、プラグインのプレビューでは （トップページが表示されるため） ユーザータグ一覧は、そこでは確認できません。 逆に、公開中の 全記事一覧ページ で常に確認ができるので、ソースを表示・その箇所のソースをコピーには 全記事一覧ページ ./archives.html （./?all） を使ってください。

キーワードの出現率 を考えてもらうとイメージしやすいと思います。

1. 上部にページナビゲーション （例： 便利ナビ）

ブログに 「今どのようなページを表示しているのか」 というナビゲーションをつけることは、アクセシビリティの面だけでなく、SEO対策としても効果的かと思います。
[ 関連記事 ： ブログのページナビゲーション （便利ナビ） ]

2. キーワードの強調表示 （KW強調ボタン）

タグ検索結果ページ と 検索結果ページ には タグや検索用語にハイライトを当てて強調表示できる方法として FCafe（danielさん） の KW強調ボタン をアレンジして使わせていただいています。 機能的ですごく気に入っていますが、SEO対策にもなっているかと思います。

追記 ： 2009/06/08　
<script type="text/javascript"><!--　～～　//--></script>
としてあるので、SEO的にはあまり関係ない部分でした。 ちなみに、コメントタグを外すと W3C の構文チェックではエラーと指摘されます。

さらに追記 ： 強調表示の方法を jQuery を使ったものに変更しました。
[ 関連記事 ： 検索用語をハイライト（強調表示）するスクリプト ]

3. 記事毎にユーザータグリンク （タグ検索）

記事に設定した ユーザータグ をまとめて表示して、リンクから サイト内のタグ検索 （キーワード検索） を行えるようにしているものです。
<%topentry_jointtag> を使う方法もありますが、これだと外部リンクになってしまうので サイト内のタグ検索 にしています。

ちなみに．．．
ユーザータグの一覧 （全件表示） は、全記事一覧ページ ./archives.html と 1つの記事 ./blog-entry-33.html の中などだけで、リスト表示 するようにしています。 全てのページに タグクラウド等 を表示するよりも少しスッキリするかなと思っています。

4. 個別記事ページに <meta name="keywords" ～
　（ おまけ： <meta name="description" ～ ）

最近の 検索エンジン（ロボット） は <meta name="keywords" ～ を重視しないと言われているので 効果はないかもしれませんが、簡単に設定できるので 記事に設定したユーザータグを キーワード として設定しています。

また、ついでにまとめられるので．．．トップページ と 個別記事ページ だけに <meta name="description" ～ を設定しています。
[ 関連記事 ： ブログのアクセス解析で気になったこと ]

追記 ： 2009/03/21　
ユーザータグを設定してある記事のみ <meta name="keywords" ～ や <meta name="description" ～ を入れる方法に変更しました。

FC2ブログの エリア変数 を上手く使って、全て同じようなページにしないこともポイントの1つかと思います。 他にもちょこちょこ弄っていますが．．．上手く説明できなさそうなのでこのくらいで。 あとは記事の内容勝負で！