Blosxom による CMS 構築と SEO テクニック [ 71k]
Download
Report
Transcript Blosxom による CMS 構築と SEO テクニック [ 71k]
Blosxom による CMS 構築と SEO テクニッ
ク
Tatsuhiko Miyagawa
[email protected]
Edge, Co.,Ltd. / Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
アジェンダ
Shibuya.pm の裏側
blosxom という Blog ツール
CMS としての Blog
運営をラクにするプラグインの導入
Shibuya.pm サイトと SEO
Blog ツールと SEO の相性は?
さらなる PageRank 向上へのテクニック
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
Shibuya.pm の裏側
Shibuya.pm Web サイト
Perl Mongers DNS サービスを利用
http://shibuya.pm.org/
Perl Mongers に登録されると利用できる
MX レコードも向けてくれと頼んでいるが
…
エッジ社 iDC にて運用中のサーバにて
VirtualHost (bulknews.net 等と同居)
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
Shibuya.pm サイトの歴史
2003年1月運用開始
mod_insert (by 小山氏) による運用
blosxom に影響をうけた(?)Apacheモ
ジュール
プラグインで拡張可能な SSI モジュール
現在開発絶賛放置中 (SF.jp modinsert)
その意志は mod_blosxom へ受け継がれた
セミナー受付に F4 (by キムラ氏) を利用
メンバー作ツールを使うことによる満足感
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
mod_insert での運用
エントリはテキストベース
1エントリ 1ファイル (.txt)
1行目にタイトル、2行目以降に本文
HTML タグを直接記述
FTP による運用
shibuya-pm ユーザ
chroot, シェルなし (ProFTPd)
運営者がパスワード共有
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
blosxom への移行
2003年3月 blosxom へ移行
Trackback などのインタラクティブ性
プラグイン開発の容易さ
mod_insert は C (Apache API) で開発
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
blosxom: zen of blogging
2002年4月 に use Perl; にて紹介
gnat writes "A nice counterpoint to Movable Type is Blosxom, an ultra-lightweight
blogging tool. Along similar lines is Blagg, an RSS aggregator. Both are written by
O'Reilly employee Rael Dornfest of Meerkat fame. (His job title really is "Maven")"
超軽量 Blog ツール (ver. 1.0 は数十行の
Perl スクリプト)
1エントリ 1ファイル
CGI として動作
プラグインによる拡張 (ver. 2.0 から)
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
blosxom: zen of blogging (cont.)
動作原理
URL からエントリへのマッピング
(PATH_INFO)
http://shibuya.pm.org/blosxom/techtalks/techtalks_200310.html
カテゴリ
ファイル名
フレーバ
techtalks ディレクトリの techtalks_200310.txt を html フレーバで表示
http://shibuya.pm.org/blosxom/books/index.rss
books ディレクトリの最新 $blog_entries 件を rss フレーバで表示
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
blosxom: zen of blogging (cont.)
プラグインによる拡張
head, start, date, story, interpolate, foot
など各種フェーズにフィルタやクロージャ
を登録
blosxom plugins registry
http://blosxom.com/plugins/
執筆現在 187 個の登録
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
blosxom での運営
当初は mod_insert と同様の運用
複数人による書き込み
FTP によるファイルアップロード
だんだんめんどくさくなる
UTF-8 化とともに、ブラウザでの編集
へ
いいエディタがない (Mule-UCS?)
wikieditish プラグイン
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
Shibuya.pm で利用中のプラグイン
monster:/home/shibuya-pm/blosxom/plugins> ls
00config
dont_use/
path_trimmed
10foreshortened
entriescache
ping_weblogs_com_xmlrpc
10pending
fileinfo
prevnextentry
20meta
fix_href_amps
referer
80gzip
flavourdir
rss10
99contentlength
google_sitesearch
seemore
asin
googled
state/
blogshares
interpolate_fancy
storytitle
bookmarklet
lastmodified
trackback_counts_display
datadirlink
links
uri_escape
dirinfo
lwall
wikieditish
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
wikieditish / bookmarklet プラグイン
ブラウザでの Wiki-Like な編集を実現
新規エントリ追加も可能
Shibuya.pm では拡張したものを利用
Trackback Auto-Discovery + 送信
Bookmarklet
編集衝突回避 (編集前 timestamp 比較)
http://blog.bulknews.net/mt/archives/000355.html
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
meta プラグイン
エントリのメタ情報を記述
editor, contact, keywords, status
エントリごとの markup 変更にも使える
<a href=mailto:$meta::contact>$meta::editor</a>
たいとる
meta-editor: miyagawa
meta-contact: [email protected]
meta-keywords: blosxom
本文
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
pending プラグイン
Publish する前のプレビュー (自作)
meta-status: pending
URL に ?pending=password を入力して閲覧
同様のプラグインに submission 等がある
ファイル名 .preview などの実装が多く
wikieditish との相性が悪い
meta- で指定できるよう自作
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
prevnextentry プラグイン
MT にはあるけど blosxom にない
次の記事 / 前の記事へのリンク
結構強引な実装 (blosxom にパッチ必要)
http://blog.bulknews.net/mt/archives/000181.html
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
seemore プラグイン
「続きを読む …」 の実装
長文のエントリを書く際に有用
RSS の description にも利用
ニュースサイト CMS っぽさの演出
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
links プラグイン
リンク集を簡単につくるプラグイン
<links></links> の間に URL 羅列
GET で TITLE とってくる
キャッシュ
LL Saturday リンク集で威力発揮
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
まとめ
blosxom は簡単導入、更新も楽なBlog
CMS としての使用にはプラグインが有効
CMS 化するほど更新頻度は多いのか?
実はそうでもない
ハックする楽しみ(= 手段の目的化)
blosxom CMS パックとして近日リリース予定
セミナー受付もプラグイン化したい
Writeback でできそう
確認画面やメール送信がメンドウで f4 のまま
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
CMS (Blog ツール) と SEO
SEO
サーチエンジン最適化
クローラーがインデクシングしやすいよう
にサイト構成、HTML を最適化
コストをかけずに集客
近年 Web コンサルタントのメシのタネ
CMS 導入や Web 全面リニューアルのきっかけ
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
CMS / Blog と SEO
「Blog と SEO は相性がよい」 という説
Google で Blog が上位に来やすい現象
“iTunes Windows” で検索
上位はすべて CMS によるニュースサイトか
Blog
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
本当に相性がよい?
技術的ファクター
XHTML + CSS がクローラーに好印象
Trackback / RSS による自動リンク
PageRank [tm] 向上
サイト内導線の維持
更新頻度が高い ⇒ フレッシュクロール
フレッシュクロールは高ランキングになりやす
い
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
Shibuya.pm では …
HTML / サイト構成的 SEO 対策
URL に .cgi をいれない
実はあまり関係ない
有用な blosxom プラグインの利用/開発
blosxom フレーバの活用
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
storytitle プラグイン
<TITLE> タグにエントリのタイトルを
いれる
かなり重要
サイトのタイトルよりエントリのタイトル
を前にいれた方がよい(某SEO本より)
Shibuya.pm ではそこまでやっていない
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
lastmodified プラグイン
Last-Modified:, If-Modified-Since: 対策
クローラは If-Modified-Since を投げてくる
Last-Modified でフレッシュクローラの対
象に
適切に対処すると好印象
現状 lastmodified プラグインには常に最新記
事の timestamp を使用してしまう不具合あり
Web ブラウザ
きすぎる
ではキャッシュが効
/Googlebot/ の時だけ動作 (うーん
Shibuya.pm Tech …)
Talks #4
2003 Shibuya Perl Mongers
Copyright
contentlength プラグイン
Content-Length: を出力
とことん静的HTMLと同様に見えるように
あまり関係ないような気がする
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
breadcrumbs プラグイン
パンくずリスト (未導入)
クローラへの導線の確保
Shibuya.pm ではカテゴリ1階層なので不要
カテゴリ深いサイトでは有用かも
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
referer プラグイン
Referer を記録してリンク
SPAM や bot を除去する設定必要
自動で関連記事にリンクするため有用
Trackback より現状ではカジュアル
tDiary な日記にリンクすると …
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
print フレーバ
Printer Friendly バージョン
O’Reilly Net のパクリ
別に印刷するこたぁないだろうけど …
類似したページがサイト内で相互にリンク
するため PageRank の相乗効果
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
archives フレーバ
全エントリの一覧
サイトマップとしての機能
クローラへの導線確保
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
googled プラグイン
いつ Googlebot に見られたか記録
SEO 効果はないが、検証のため
フレッシュクロールの効果確認
いつの時点でスナップショットされたか
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
技術面以外の SEO
特定のネタにフォーカスしたサイトに
リンクされやすいコンテンツ
リンク集をつくる(てっとり早い)
PDF や PPT の公開
セミナー告知やレポートがほとんど
クローラは賢い
Yahoo! Japan へ登録
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
結果は …
PageRank 6/10
“Lightning Talks” 1位
“Perl モジュール プログラミング” 1位
“PHP Session” 1位
“blog encodings” 1位
“プログラマの三大美徳” 1位
“Shibuya” 4位
“楽天広場” 8位
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4
まとめ
Blog ツールは SEO に有用
さらに最適化するためのプラグイン
なんのための SEO かを考えよう
商売やってるわけではない
Amazon アフィリエイトもあんまし …
ハックする楽しみ (= 手段の目的化)
Copyright 2003 Shibuya Perl Mongers
Shibuya.pm Tech Talks #4