MovableTypeにタグクラウド 【簡単】

タグとは
タグ (tag) とは "荷札、札をつける" といった意味の言葉で、データやファイルにつける目印をタグと呼んでいます。

引用：Microsoftホームページ

タグクラウドとは
tag cloud。SBMのようなタグを利用するウェブサイトで、多くのタグを集めて表示したもの。またそのような情報の表示方法。クラウド（cloud）は「雲」の意味。転じて修飾的に「（動く）大きな群れ」を示すのに用いられる（例：a cloud of birds＝鳥の大群）。同じクラウドでもWisdom of Crowds（集合知）のcrowd＝「群集」「（人の）群れ」とは異語。

最初にタグクラウドを利用したウェブサイトはウェブアルバムサービスのFlickrであると言う（Flickrの人気タグページ）。それと同様に人気や利用頻度の高いタグが大きな文字で強調される表示方法がとられる場合が多い。

引用：はてなダイアリー

MovableType内でこのタグクラウドを付けるとSEO効果もあります。

以下で設置方法を説明。本当に簡単です。

設置したいテンプレートに以下を記入する。

<ul id="tag-cloud">
<MTTags>
<li class="tag">
<a class="tag level<$MTTagRank$>" href="<$MTTagSearchLink$>" title="<$MTTagName$>(<$MTTagCount$>)" rel="tag"><$MTTagName$></a> </li>
</MTTags>
</ul>

以上。終了。MovableType3.3以降であって、各エントリーにタグが入力されていれば、表示されるはずです。

あとはスタイルシートを改良し、

ul li.tag { margin-right: 5px; display: inline; list-style: none; }

li.tag a.level1 { font-size: 175%; font-weight:bold; color:#FF3399; }

li.tag a.level2 { font-size: 150%; font-weight:bold; color:#0066CC; }

li.tag a.level3 { font-size: 120%; color:#FF9900; }

li.tag a.level4 { font-size: 100%; color:#33CC00; }

li.tag a.level5 { font-size: 80%; color:#996600; }

li.tag a.level6 { font-size: 50%; }

こんな感じで完了です。
色を変えたり、サイズを変えたりして、自分のサイトで特に話題としているキーワードを表示させましょう。

タグの機能は多彩です。
タグクラウドの他、様々な見せ方があります。