先月エントリしました、「今月のいらんことしい(2009年6月)」にて触れていました、「カテゴリアーカイブでパラメタ（page=）の付くページはNOINDEXとしてみた」についてですが、その後の経過をみてみました。

確認の方法ですが、Google Analyticsにて、先月（自2009年6月1日,至2009年6月30日）の範囲で「閲覧開始ページ」の情報から、「page=」が含まれるページというフィルタをかけることで確認をおこなっています。

Analyticsのグラフでみたところでは、パラメタによってメタタグ挿入の振り分けを実施したあとから、「page=」の付いているページの数値が減少していることが、ぱっと見ただけで確認できました。

と、言葉だけで示してもピンとこないので、いちおう参考としてグラフを作ってみました。

先述したフィルタ済みの結果をエクスポートして、Excelにて取り込み、「日付」とパラメタ付きページの「閲覧開始数」のデータを基としたグラフです。

補足およびコメント

ExcelへはAnalyticsから、エクスポートの機能で「CSV形式（Excel）」を選び、出力されたファイルからデータはそのままでグラフ作成をおこないました。

考えついた当初は、パラメタのないページは検索結果にインデックスしておき、パラメタ付きのページをインデックスさせないことでタイトルが同じで内容の異なるものがインデックスされないようにするということを目的としていました。

重複するコンテンツの対処としては、rel="canonical"というのがあるのですが、アーカイブページについては目的が異なるような気がしましたために使わないでいます。

全体のアクセスからみていきますと、アーカイブページから（当サイトに）入るケースは減少傾向となりましたが、個別ページはアクセス数はそれなりにあるようでして、全体としては、極端な変化がみられないという感じでした。

Operatorのユーザースクリプトの「hAtom.js」を利用しますため、あらかじめ、以下のページからコードを入手しておく必要があります。

• Operator User Scripts（Mike's Musings）

hAtom.jsのセットの方法は、わかりにくいものでよければ以下のページに記載してあります。

• Operatorユーザスクリプト、hAtom.js

Operator経由でTwitterにポストするためのコードは、以下となります。なお、コチラがユーザスクリプトの書き方をよく把握してないので、書き方があっているのかどうかは不明なのと、Microformatsが書かれていないと動作できないことから、テストしたページは少ないです。（自分のトコのページだけでは限界が。。）

実用性とかはギモンなのですが、参考程度と個人の覚書ということで晒しておきます。

セットのときは任意のファイル名で拡張子.jsとして保存しておき、Operatorのオプションメニューから登録します。登録のときに、Operatorのオプションメニューの「動作」のtabから、「Submit to Twitter」を追加します。

// Submit to Twitter
var submit_to_twitter = {
  description: "Submit to Twitter",
  shortDescription: "Submit twitter",
  scope: {
    semantic: {
      "hAtom-hFeed": "hAtom-hFeed",
      "hAtom-hEntry": "hAtom-hEntry",
      "hCard" : "url",
    }
  },
  doAction: function(semanticObject, semanticObjectType, propertyIndex) {
    if(semanticObjectType == "hAtom-hFeed"||semanticObjectType == "hAtom-hEntry"){
      var _url = window._content.document.location.href;
      var _title = window._content.document.title;
      return "http://twitter.com/home?status=" + encodeURIComponent(_title) + "%20" + encodeURIComponent(_url) ;
      }
    if(semanticObjectType == "hCard"){
      var _urlvcard;
      var property = this.scope.semantic[semanticObjectType];
      _urlvcard = semanticObject[property];
     return "http://twitter.com/home?status=" + _urlvcard;
      }
  }
};

SemanticActions.add("submit_to_twitter", submit_to_twitter);

ページで、hAtomが埋め込まれていたときは、そのページのタイトルとURI、hCardでURL情報があるときは、単にURLの情報だけをPOSTします。Operator経由であることを示す語句を添えれば、そのページがMicroformatsが埋め込まれているということを知らせることができるカモ（？）。

今月は、Movable Typeのマイナーアップデートがありました。

このほかには、これといって目立ったところを弄っていないのですが、とりあえず記しておきます。

• 4.25から4.261へアップグレードした
• 各記事ページでコメンテーターのアンカーを付けた
• アーカイブページにAjax検索の仕組みを採用した
• Open Searchプラグインを導入
• カテゴリアーカイブでパラメタ（page=）の付くページはNOINDEXとしてみた

4.26へのアップグレードは順調に問題なく進みましたが、不具合に遭遇。その後、早急に修正ヴァージョン4.261がリリースされました。

コメントされる方のリンクですが、コメントのテンプレートにはもともとIDがMTCommentIDが付与されてましたので、それを利用したというだけです。

アーカイブインデックスですが、詳細は以下にて記載してあります。

• MT：アーカイブインデックスにAjax検索を取り入れて改造した

Open Searchプラグインについては、以下に記しておきました。

• Open SearchプラグインにAjax 検索を

MTPaginateプラグインをカテゴリーインデックスページに採用していますが、 phpでパラメタの付いたページには、metaタグで、下記のような出力となるようにしてみました。

• <meta name="robots" content="noindex" />

アーカイブインデックステンプレートでパラメタのないトップページにはコレがでないように振り分けしてあります。今現在その結果どうなるのか様子を見ているといった状況です。

今月のカスタマイズは以上です。2009年6月のアーカイブは以下から閲覧することができます。

• 2009年6月 Archive

前にダッシュボードのウィジェットを作ったりしていたのですが（MT:ダッシュボードにブログパーツを表示させてみた）、その続きです。

まずはスクリーンショットを。

テンプレートファイルのソースはこのようなものです。

<mt:setvarblock name="html_head" prepend="1">
    <link rel="stylesheet" href="<mt:var name="static_uri">plugins/c_field_widget/css/styles.css" type="text/css" media="screen" />
</mt:setvarblock>

<mt:setvartemplate name="showCustomField">
<MTEntries days="30" sort_by="modified_on" limit="5">
<div id="cf_entry-<$MTEntryID$>" class="entry-<mt:if name="__odd__">odd<mt:else>even</mt:if>">
    <MTEntryCustomFields>
        <MTIfNonEmpty tag="EntryCustomFieldValue">
        <div class="entry-title cf_entryTitle"><MTEntryAuthorID setvar="entry_author_id"><MTSetVarBlock name="entry_title"><MTIfNonEmpty tag="MTEntryTitle"><$MTEntryTitle$><MTElse><__trans phrase="..."></MTIfNonEmpty></MTSetVarBlock>
             <h4><MTIf name="editable"><a href="<mt:var name="script_url">?__mode=view&amp;_type=<$MTEntryClass lower_case="1"$>&amp;blog_id=<MTEntryBlogID>&amp;id=<MTEntryID>"><$MTEntryTitle$></a><MTElse name="author_id" eq="$entry_author_id"><a href="<mt:var name="script_url">?__mode=view&amp;_type=<$MTEntryClass lower_case="1"$>&amp;blog_id=<MTEntryBlogID>&amp;id=<MTEntryID>"><$MTEntryTitle$></a><MTElse><$MTEntryTitle$></MTIf></h4>
        </div>
            <div class="entry-meta cf_fieldName"><$MTEntryCustomFieldName$><mt:if tag="EntryCustomFieldDescription">(<$MTEntryCustomFieldDescription$>)</mt:if></div>
            <div class="entry-content cf_fieldValue"><$MTEntryCustomFieldValue encode_html="1"$></div>
        </MTIfNonEmpty>
    </MTEntryCustomFields>
</div>
</MTEntries>
</mt:setvartemplate>
<mtapp:widget id="DashbordWidgetCalendar" class="widget" label="最近のカスタムフィールド" can_close="1">
    <mt:getvar name="showCustomField">
</mtapp:widget>

直近の記事のカスタムフィールドの内容を全て出力します。EntryCustomFieldsのexcludeモディファイアを使えば、除外するフィールドを指定して、特定のフィールドだけ出すこともできます。

pluginとしてセットしたものをここに置いておきます。mt-staticフォルダにCSSファイルが入ってますが、気に入らなかったら使わないとか好きに書き換えするとよろしいかと。

Download

• c_field_widget.zip

えっと、記事一覧ページをクリックするつもりが、新規エントリ作成になってしまい、まいいか、と思って下書き状態にしておいたのですが、勿体ぶっててもしょうがないと思い、記事を書いて（公開|後悔）することにしました。

そういえば、MTの管理ページには、「ブログを書く」という大きなタブがあるのに、今までずっと「新規作成」のメニューから記事を書いてました。orz

小言はこのくらいにして、密かに（謎）ですが、使ってもらえるというものでもなさそうなんだけど、このブログのトップページやサイトのトップページ等にOpenSearchプラグインが自動検出されるように対応させておきました。今のところ、各記事ページには配置してません。サイトに来られて興味をもたれたかたが利用されたらいいかなと思ったので。検索のページは、Ajax検索を使ったページでmt-search.cgiに依存しないし、自分が過去ログからあれこれ探すというのにも都合がよかったりします。

OpenSearchについては以下のページにまとめられており、導入するまでにどこを参照したらいいのかがわかりやすくなっています。

• OpenSearch - mtamaki.com - Trac

というわけで、コチラが説明することはあまりないのですけど、自分が躓いてたとこのメモとして記しておきます。

FIrefoxの OpenSearchプラグインの書き方の説明ページ（Creating OpenSearch plugins for Firefox）のサンプルで、以下のようにあるのですが、

<Url type="text/html" method="method" template="searchURL">
  <Param name="paramName1" value="paramValue1"/>
  ...
  <Param name="paramNameN" value="paramValueN"/>
</Url>

この書き方だと、IE7で読み込んでくれないので、直にUrl要素のtemplateのところに書く必要があります。結局FirefoxでもIEでも動作できる書き方は以下となるようでした。

• <Url type="text/html" method="GET" template="searchURL?query={searchTerms}" />

あと、moz:SearchForm要素ですが、試した限りでは、Firefoxの検索ボックスで何も検索語をいれずに検索を実行したときに、moz:SearchFormに記述したURIに移動するようです。なので、検索専用のページを指定すれば、そのページが表示されるというわけです。ちなみに、Ajax検索を使った検索ページでは、パラメタなしでアクセスしたときは検索が実行されないように作ってあります。

＃半分ヤケクソで書いてるわりに長くなってしまいました。（汗;

コチラが説明しづらい部分がありますので、先ずは人力検索はてなの質問をご覧ください。

• Movable Type4.23でwebサイトを構築中です。 特定のカスタムフィールド中に、同一の単語を含む記事を一覧表示させたいのですが、 カテゴリを使わずにできる方法はありますでしょうか。人力検索はてな　（#1233251618）

要点をまとめると、このようなかんじでしょうか。

1. 大阪一円のレストランに関する記事が作成されている
2. 各記事には、「最寄り駅」という名のカスタムフィールドがある
3. カスタムフィールドには最寄り駅から何分という情報が記載されている
4. カスタムフィールドに書いてある最寄り駅の駅名から記事をリストアップしたい

MovableType.jpの「カスタムフィールドの値で並べ替えやフィルタリングする」に書かれている、「カスタムフィールドの値を利用したフィルタリング」を試してみたのですが、どうもfield:customfieldbasename=fooの中身が完全一致でないと期待の動作にならないようなのです。

そうなると、大阪一円の駅名の部分だけのフィールドを「ドロップダウンメニュー」や「ラジオボタン」タイプで別途設けておいてそのフィールドのほうで、評価してみるというような使い方でないと、カスタムフィールドの値でソートというのが実現されないように思います。それならば、一旦変数にフィールドの内容を格納してそこから評価してみるというのでどうでしょうか。

ということで、回答は閉め切られてますが、コチラがこの命題に答えた解答は以下のような感じです。あまりすっきりしない感じですが。

カスタムフィールドから特定キーワードを含む記事をリストアップするテンプレート

<mt:setvars>filterName=JR大阪駅</mt:setvars>
<mt:setvartemplate name="showMoyorieki">
<MTEntries><mt:setvarblock name="station"><mt:cf_MoyoriEki></mt:setvarblock><mt:if name="station" like="$filterName"><li><a href="<$MTEntryPermalink$>"><MTEntryTitle></a>：<mt:cf_Moyorieki></li>
</mt:if></MTEntries>
</mt:setvartemplate>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
<title>test custom field filtering</title>
</head>
<body>
<div>
<h1>最寄り駅：　<em><mt:var name="filterName" /></em>を含む記事</h1>
<ul>
<mt:getvar name="showMoyorieki" trim="1" />
</ul>
</div>
</body>
</html>

Note：

• カスタムフィールドは記事用で作成し、テキストタイプ、カスタムフィールドを出力するタグ名は「mt:cf_MoyoriEki」とした
• cf_MoyoriEkiを変数（station）に収め、任意のキーワードを含んでいる記事をリストアップさせた

参考までに、一連の動作の検証で使用したファイル群は以下。

Download:

• MTCustomFieldFiltering.zip

Movable Typeをアップグレードさせたこともあって、あれこれ弄ってた気がするのですが主な変更箇所等は以下のとおりです。

1. 「タグアーカイブページ」で関連タグがでるようにした
2. 4.25にアップグレードとコメント認証のサービスを追加
3. ダッシュボードのウィジェットを作成してみた
4. 検索をmt-search.cgiからAjax＋JSONによる全文検索に変更した。
5. スタイルシートのファイル構成の変更
6. フッター（#footer）の背景色・リンクカラーを変更

TagSupplementals PluginおよびMT-XSearchによるタグアーカイブですが、MTRelatedTagsを利用した、関連タグをサイドカラムに表示するようにしました。

関連

• タグ検索結果ページで関連タグがでるように

以下のページ等で確認できます。

• tag: template

Movable Typeのヴァージョンを4.25にしました。これまで、コミュニティ機能なしのMovable Type Commercial を利用していましたが、今回よりmotion等コミュニティ機能つきのProとしました(今のところコミュニティ機能の使い道が無いんですけど)。

アップグレードについては、いつものように圧縮ファイルアップロード、SSH接続でunzipと、pluginsフォルダ、/mt-static/plugins/ 内のフォルダ等のコピー、configファイルのコピー、cgiファイルのパーミッション設定といった手順です。

アップグレードにともない、認証サーヴィスの追加をおこないました。確認できているものでgoogle、yahoo、livedoor、はてな等が利用可能です。

ダッシュボードウィジェットは、プラグインという形で現在、最近の記事で使われている、「カスタムフィールドの内容」を出力するウィジェットを作成して使っています。（後日紹介のつもり）

Movable Typeの全文検索ですが、以下のページを参照しました。

参考ページ

• 今日のMovable Type：Ajaxを利用したMT用超高速検索システムはスゴすぎる！: 世界中の１％の人々へ
• 暴想: ココログプロとかTypepadとかMTとかブログ人とかその他のブログサービスとかでもAjaxでバックナンバーを検索するJavaScript
• MT 向け Ajax サイト内検索 | WWW WATCH

導入方法についても解説されているままです。あと、記事ページに１カラムレイアウトを採用している関係で、検索結果をページ内に流し込む方法だと検索窓をページ上部にもってこないと不都合だったりするので専用ページを設けることにしました。これについては、WolaWola（author:oscarさん）さまのテンプレートを参考につくりました。

検索ページを見た限りですと、ページ遷移すると検索が始まるようでしたので、たぶんパラメタの値でもってごにょごにょやってるのだろうと思い、自分なりの解釈で作ってみました。

スタイルシートの構成については先日書きました。

• スタイルシートの構成を変更してみました

フッターの背景を黒系にしてヘッダーとあわせるとしました。ソースは以下のとおり。

div#footer {
   color: <em>#CCCCCC</em>;
   background-image: none;
   background-color: #000000;
   padding: 1px 0;
}

div#footer ul.support {
    color: #CCCCCC; /* + maRk */
    margin: 0em 10px;
    text-align: right;
}

/* + maRk */
div#footer ul.support li a:link {
    color: #0198CA; }

div#footer ul.support li a:hover,
div#footer ul.support li a:active {
    color: #00B8FD; }
/* maRk + */