アメブロにタグクラウドを設置してみた | グラフィック・Webデザイナーのネタ | SOHO-College

グラフィック・Webデザイナーのネタ | SOHO-College

仕事や転職に役立つ情報も発信してます。グラフィクデザイン・Webデザイン・イラスト・アクセスアップや集客の為のWebマーケティングに関するノウハウもご紹介!ぜひご覧ください◎



$SOHO College Blog



$SOHO College Blogタグクラウドってなに?



タグクラウドとは、Webサイト上で注目キーワードを集めて表示したものです。
タグクラウドは使われる頻度が高いキーワード程、大きいフォントサイズで表示されます。

だんだん記事数が多くなってくると、
テーマだけの絞り込みではなくて、
キーワードで検索したいことありますよね。

例えば、
このブログの、「photoshop関連記事」ばかり読みたい…
という時、
タグクラウドの「photoshop」というキーワードをクリックすると、
「photoshop」のタグがついている記事が抽出されるということです。



他の方のブログを読むとき、
私はタグクラウドをよく使います。
必要な記事だけ読みたいときはとても重宝します。

読んでくれている方には便利だと思うツールなので、
自分のブログにも入れたい!

タグクラウドがあると、
検索しやすいので、興味があるページを一緒に読んでもらえるので
アクセスアップにも効果的です◎


しかし、、アメブロには標準ではついていない?のですね。

まだまだアメブロを使いこなせてないのですが…。



以前so-netブログをしていた時は、
もともとタグクラウド機能がついていたのに…しょぼん

…ということで外部ツールで探しました。




$SOHO College Blogアメブロにキーワード検索に使える“タグクラウド”を設置



まず、入れたのが画面右にある、これです。
コレをタグクラウドってよびます。

$SOHO College Blog


興味あるキーワードをクリックしてみてください。
するとそのタグのついた記事だけがポップアップウィンドウの中にでてくるので、
タイトルをクリックすると、記事にとびます。




$SOHO College Blog設置手順



1.キーワードブログ検索にアクセス

2.続いて新規ユーザ登録
登録したメールアドレスにメールが来ているのでそこから本登録

3.登録完了したら、自分のブログを登録します。

「ブログのRSSがある場合は入力してください。
RSSがない場合や、よく分からない場合は、空欄のまま次にお進みください。」
とあるのでRSSを記入します。

$SOHO College Blog


アメブロの場合、自分のRSSは
http://feedblog.ameba.jp/rss/ameblo/[自分のID]/rss20.xml

私の場合、
http://feedblog.ameba.jp/rss/ameblo/soho-college/rss20.xmlです。


4.基本情報を設定して次へに進む

$SOHO College Blog



5.「タグ検索パネル作成」をクリック
$SOHO College Blog


5.色、幅などをカスタマイズ
このとき文字コードはUTF-8にしておいてください◎

$SOHO College Blog


6.コードをコピー
$SOHO College Blog

7.アメブロに戻ります◎フリープラグインに追加
フリープラグインの横の「編集」をクリックしてコピーしたコードを追加してください。

$SOHO College Blog


設置完了です。

自動でタグはつけてくれますが、
付けて欲しいタグをなかなかつけてくれないので
http://tag.kutsulog.net/のサイトからちょこちょこタグを手作業でかえる作業は必要そうです。。

これで少しはキーワードでの抽出(検索)がしやすくなったでしょうか。




よりよいプラグインなどが見つかったら、
またトライして記事にしてみます♪

ペタしてね読者登録してね