Glassleaf - Movable Type

WiiでアバウトミーのブログパーツがFlashバージョン低くて見れない件の対策をした

Mon, 21 May 2007 21:00:32 +0900

昨日気づいたWiiでこのブログにアクセスしてみたらアバウトミーのプロフィール画像ブログパーツがエラーで見れない件の対策をした。

プロフィールのWidget内のブログパーツ部分をこんな感じのコードに変更。
PHPを使ってブラウザのUserAgentをチェックしてWiiのインターネットチャンネルでのアクセスだったら画像表示。
Wiiじゃなかったら普通にブログパーツを表示している。
単純。

ちなみに同じような感じで携帯電話でのブログへのアクセスをもチェックして携帯専用ページに飛ばしている。
その方法もそのうち書くかも。


";
}
else{
print "var AbUnum='******************************';";
}

?>

MovableTypeにナンチャッテSEOを施してみた

Sat, 19 May 2007 18:49:35 +0900

基本的にあんまり検索ランキングをあげるためにSEOを行うって考え方は好きではない。
PageRankを稼ぐためにスパムギリギリの手法を取る業者がいて、検索結果が激しく劣化するのは検索サイトの利用者にとって明らかに不利益だ。
だから、そういうSEOのテクニックを使う事はあんまりしないんだけど、このドメインをGoogleで検索してみてあきらかに問題があると感じたので調整だけはする事にした。
検索したキーワードとほとんど一致しないページが大量に検索結果に出てきてしまうのだ。

問題はMovableTypeの標準テンプレートにあった。
MTでは基本的に、個別のページ(permalink)とその内容のコピーを含むインデックスページ、カテゴリアーカイブ、日別アーカイブなどが生成される。
さらにそれぞれのテンプレート内にはタギングされたキーワードの検索結果ページへのリンクも含まれる。
こうした状態にあるサイトがGoogleによってクロールされると、同じ内容のテキストを含むページが大量にインデックスされてしまう。
そしてインデックスページやアーカイブページはたいていの場合、時期がたつと載っているコンテンツは新しい物に書き換えられる。

このためMTで構築されたサイトがGoogle検索される時にはトップページ、各種アーカイブページ、パーマリンク、そして検索ワードがなんらかのタグ名に含まれている場合にはすべてのタグ検索結果ページ…と膨大なページがヒットする。
しかし、検索結果の中で確実に検索された情報を含んでいるページはパーマリンクのみであってアーカイブページやインデックスページは多くの場合古くなっていて役に立たない。
さらに最悪なのはタグ検索結果のページで、検索結果の標準テンプレートにはタグクラウドが含まれているため、検索ワードがタグ名に含まれていた場合には全てのページが検索結果にヒットしてしまう。

Googleのサイト内検索でこのブログからSleipnirを検索すると佐井祐里奈さんのタグ検索ページとかまで含まれている。
どう考えてもSleipnirの情報を探してやって来た人にとってはノイズになってしまっている。
これらの問題は標準のMTのテンプレートでノイズデータの事が考慮されてないのが原因だろう。

さすがにマズイと思ったので対策をいくつか施してみた。

個別アーカイブ以外のアーカイブにmetaタグでNOINDEXを入れた
検索結果ページを含むMTのcgiディレクトリをまるまるROBOTS.txtではじく
メインインデックスにはGooglebot向けにmetaタグでNOSNIPPETを入れた
Googleウェブマスターツールを使って検索の邪魔になるゴミデータをすべて削除申請

まだ施したばかりで結果は出てないんだけど、こんなもんで良いのではないかなと。
基本方針としてはGoogleで引っかかるべきはトップページとパーマリンクのみで良いって事で。
ユーザーの検索の邪魔になるようなページは最初から一切インデックスさせない事で、確実に情報のあるページにだけ誘導する訳です。
トップページに関してはアーカイブページと似たような構成になっているのでそのままだと検索の邪魔になりますが、かといってインデックスから削除させるわけにもいかないサイトの顔でもあるのでGoogleさんにテキストデータだけを削除して貰います。
そういう時に使う便利な指定がNOSNIPPETです。

インデックステンプレート内メインページのheadに追加

カテゴリ・アーカイブ、日別アーカイブのheadに追加

サーバのルートにはインデックス拒否したいディレクトリを書いたrobots.txtをおく

User-Agent: *
Sitemap: http://glassleaf.info/blog/sitemap.xml
Disallow: /x/
Disallow: /blog/search/
Disallow: /blog/tag/

サイトマップファイルにはトップページとパーマリンクだけ(sitemap.xml)





<$MTBlogURL encode_xml="1"$>
<$MTDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$>
daily
1.0




<$MTEntryPermalink encode_xml="1"$>
<$MTEntryModifiedDate utc="1" format="%Y-%m-%dT%H:%M:%SZ"$>
never

果たして成果は出るのか！？

カテゴリアーカイブの改良をした

Tue, 15 May 2007 20:41:46 +0900

「カテゴリアーカイブは見やすい目次画面であるべき」という発想から標準のカテゴリアーカイブのテンプレートを大幅変更しました。

タイトルアンカーの下に単文の抜粋、というか要約文を2、3行ほど表示して、その下にはエントリーに張られたタグと投稿日時、コメント・トラバという感じにしました。
標準テンプレートではカテゴリ内の記事を全文表示してずらっと並べるので一覧性が絶無でした。
しかし、カテゴリ内を覗く人はその中にどんな記事があるのか、有益な情報が無いかと、さらっと目を通したいから開いたはずなので、このGoogleの検索結果みたいなシンプルさがぴったりだと思います。

今のところは意味無いのでつけてないけど、そのうちコメント数・トラバ数・ブックマーク数なんかでソート出来る機能をつけてもおもしろいかなと思ったりしてます。

いちおう元の全文表示仕様のテンプレートも残してはあるのですが、たぶん使わないかな。

Sleipnirで便利にMovableTypeへ投稿する

Mon, 14 May 2007 14:18:21 +0900

昨日書いたMovableTypeのクイック投稿で投稿先ブログを指定出来ないって話だが、いろいろ試して見て解決策がわかった。
クイック投稿専用の小窓では無くダイレクトに標準の投稿画面に行けば投稿先のブログは当然URIから指定できる。
そしてエントリー投稿画面にはデフォルトでbody欄に入れるテキストデータを渡すことも出来た。

両方の問題が解決するならばわざわざ使いにくいクイック投稿の小窓なんか使わずに標準の投稿画面を使って投稿するスクリプトを作ればいい。

ブックマークレット的使用をするのだから当然多くの場合には、どこかのサイトへの引用・言及が主な使い方となる。

この場合に考えられる利用パターンといえば、

タイトルとアドレスだけコピー
タイトル・アドレスに引用文つき
さらに引用元・言及先のサムネイル付き

こんなもんか。

って事で、選択された文章のあるなしをチェックして引用タグをつけるか判断する機能、さらにサムネイルも埋め込む機能がついたSleipnir2のUserActionスクリプトを作成した。
作成中に知った事なのだがIEでは入力可能なURI文字数が2083文字までという制限があった。
引用文の量が多いと当然URI文字数がオーバーする可能性がある。
そこで、URIの文字数が2083文字をオーバーした場合にはURI渡しは行わずにクリップボードに全文を入れてアラートを出すようにした。

Sleipnir2の右クリックメニューにExtendedMenuプラグインを使用して「ブログに投稿」というコマンドを追加しテストブログで試しているがとりあえず今のところ問題なく動いている。
もちろん、まだなんかエラーがある可能性はあるけど。

PostToMovableType.jsをダウンロード

/////////////////////////////////////////////////////////////////////////////
//	PostToMovableType.js  ver 1.01 20070516
//	現在開いているページに言及したエントリーをMovableTypeに投稿する
//	author : S.Kazuya
/////////////////////////////////////////////////////////////////////////////


//	初期設定

	//	投稿CGIのURI
	//		mt.cgiがある場所を指定してください。
	//		例：	MT_URI = 'http://foo.bar/mt/mt.cgi';
	
		MT_URI = 'http://foo.bar/mt/mt.cgi';	

	//	サムネイル取得
	//		SimpleAPIの機能を使って引用元のスクリーンショットを埋め込みます。
	//		この機能をオンにするならtrue、使用しないならfalse
	
		SCREEN_SHOT = true;

	//	ブログID
	//		ひとつのMovable Typeを使って複数のブログを運営している場合に変更してください。
	//		Movable Typeの投稿画面のアドレスに含まれているblog_id=?という数字です。
	
		BLOG_ID = 1;


/////////////////////////////////////////////////////////////////////////////


//	プログラム本体

var objectSleipnirApi = new ActiveXObject("Sleipnir.API");
var activeDocumentIndex = objectSleipnirApi.GetDocumentID(objectSleipnirApi.ActiveIndex);
var _document = objectSleipnirApi.GetDocumentObject(activeDocumentIndex);
var _window = objectSleipnirApi.GetWindowObject(activeDocumentIndex);


// 新規エントリー画面のURI
var PostUri = MT_URI + '?__mode=view&_type=entry&blog_id=' + BLOG_ID; 


function html_entities(str){
  return str.replace(/([<>&])/g, function(m0,m1){ return { '<':'<', '>':'>', '&':'&' }[m1] });
}

if (_document == null)
{
	objectSleipnirApi.MessageBox("documentオブジェクトを作成できません");
}
else
{

	// 引用元文書のタイトル、アドレス、選択テキストを取得
	var quoteTitle = html_entities(_document.title);
	var quoteUri = _window.location.href;
	var quoteText = html_entities(_document.selection.createRange().text);

	var entryText = '';
	
	// スクリーンショット機能がオンならSimpleAPIからサムネイル取得
	if(SCREEN_SHOT){
		entryText += '\n';
	}	
	
	// 引用元のタイトルとアンカー
	entryText += '' + quoteTitle + '\n';

	// 引用元でテキスト選択状態になっていれば引用タグで囲んで追加する
	if (quoteText != ''){
		entryText += '\n\n' + quoteText + '\n\n
';
	}
	

 	// 投稿画面URIにエントリー本文を追加したURI
	var Uri = PostUri + '&text=' + encodeURIComponent(entryText);

	// IEのURI文字数制限2083文字を超えているか確認
	if(Uri.length > 2083){
		// 制限オーバーの場合
		
		// 本文無しで新規投稿画面をそのまま開く
		_window.open(PostUri, "_self");

 		// エントリー本文をクリップボードに格納
		_window.clipboardData.setData("text",entryText);
		
		// 本文をクリップボードに格納したことを告知するメッセージ
		objectSleipnirApi.MessageBox("URIに格納可能な文字数をオーバーしたのでクリップボードに格納しました。\n貼り付けてお使いください。");
	}
	else{
		// 制限内に納まっている場合、生成されたURIにそのままジャンプする
		_window.open(Uri, "_self");
	}	
	
	//あとかたづけ
	_document = null;
}

//あとかたづけその2
objectSleipnirApi = null;

さっきテストブログで実験中に間違ってこっちのブログに投稿してpingまで飛ばしてしまったのは内緒だ。

2007年5月14日 - ver1.00 公開
2007年5月16日 - ver1.01 実体参照化を忘れてたバグを直した。

ダイナミックパブリッシング版ページナビをつけた

Sun, 13 May 2007 17:02:12 +0900

まだエントリーが全然無いので必要性は無いけどアーカイブページに改ページのコードを埋め込んだ。
藤本さんのPerl版ダイナミックパブリッシングを導入しているので改ページプラグインも専用版を使っている。

The blog of H.Fujimoto：ページ分割プラグイン

紹介ページにあったサンプルコードはフォームを使っていたり、ページを切り替えるたびにテキストが出たり消えたりしていまいちしっくりこなかったので、自分でコードを書いた。
なぜかググってみても同じ事やってる人が見つからなかったので。
Googleみたいに数字を並べて、前ページ、次ページへのリンクだけのシンプルなナビゲーションにしてある。
DIVタグの中でstyle使って中央寄せしているのは本当は避けたいが、ブログのデザインを標準プラグインのテーマ切り替えでやっているので、テーマファイルの方を改変するのもなんか違う気がしたので暫定的にこうした。
そのうち直そう。

現在の所、月別アーカイブのページにだけナビが表示されている。


 
 ">« 前ページ
 « 前ページ 
  | 
 
 
 <$MTDivPagesNumber$>
 
 "><$MTDivPagesNumber$>
 
 
|
 
 
  | 
 ">次ページ»
 次ページ»