Blosxom による CMS 構築と SEO テクニック

Presentation on theme: "Blosxom による CMS 構築と SEO テクニック"— Presentation transcript:

1 Blosxom による CMS 構築と SEO テクニック
Tatsuhiko Miyagawa Edge, Co.,Ltd. / Shibuya Perl Mongers Shibuya.pm Tech Talks #4

2 アジェンダ Shibuya.pm の裏側 Shibuya.pm サイトと SEO blosxom という Blog ツール
CMS としての Blog 運営をラクにするプラグインの導入 Shibuya.pm サイトと SEO Blog ツールと SEO の相性は? さらなる PageRank 向上へのテクニック

3 Shibuya.pm の裏側

4 Perl Mongers DNS サービスを利用
Shibuya.pm Web サイト Perl Mongers DNS サービスを利用 Perl Mongers に登録されると利用できる MX レコードも向けてくれと頼んでいるが … エッジ社 iDC にて運用中のサーバにて VirtualHost (bulknews.net 等と同居)

5 Shibuya.pm サイトの歴史 2003年1月運用開始 mod_insert (by 小山氏) による運用
blosxom に影響をうけた(?)Apacheモジュール プラグインで拡張可能な SSI モジュール 現在開発絶賛放置中 (SF.jp modinsert) その意志は mod_blosxom へ受け継がれた セミナー受付に F4 (by キムラ氏) を利用 メンバー作ツールを使うことによる満足感

6 mod_insert での運用 エントリはテキストベース FTP による運用 1エントリ 1ファイル (.txt)
1行目にタイトル、2行目以降に本文 HTML タグを直接記述 FTP による運用 shibuya-pm ユーザ chroot, シェルなし (ProFTPd) 運営者がパスワード共有

7 blosxom への移行 2003年3月 blosxom へ移行 Trackback などのインタラクティブ性 プラグイン開発の容易さ
mod_insert は C (Apache API) で開発

8 blosxom: zen of blogging
2002年4月 に use Perl; にて紹介 超軽量 Blog ツール (ver. 1.0 は数十行の Perl スクリプト) 1エントリ 1ファイル CGI として動作 プラグインによる拡張 (ver. 2.0 から) 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")"

9 blosxom: zen of blogging (cont.)
動作原理 URL からエントリへのマッピング (PATH_INFO) カテゴリ ファイル名 フレーバ techtalks ディレクトリの techtalks_ txt を html フレーバで表示 books ディレクトリの最新 $blog_entries 件を rss フレーバで表示

10 blosxom: zen of blogging (cont.)
プラグインによる拡張 head, start, date, story, interpolate, foot など各種フェーズにフィルタやクロージャを登録 blosxom plugins registry 執筆現在 187 個の登録

11 blosxom での運営 当初は mod_insert と同様の運用 UTF-8 化とともに、ブラウザでの編集へ 複数人による書き込み
FTP によるファイルアップロード だんだんめんどくさくなる UTF-8 化とともに、ブラウザでの編集へ いいエディタがない (Mule-UCS?) wikieditish プラグイン

12 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

13 wikieditish / bookmarklet プラグイン
ブラウザでの Wiki-Like な編集を実現 新規エントリ追加も可能 Shibuya.pm では拡張したものを利用 Trackback Auto-Discovery + 送信 Bookmarklet 編集衝突回避 (編集前 timestamp 比較)

14 meta プラグイン エントリのメタ情報を記述 editor, contact, keywords, status
エントリごとの markup 変更にも使える <a href=mailto:$meta::contact>$meta::editor</a> たいとる meta-editor: miyagawa meta-contact: meta-keywords: blosxom 本文

15 Publish する前のプレビュー (自作)
pending プラグイン Publish する前のプレビュー (自作) meta-status: pending URL に ?pending=password を入力して閲覧 同様のプラグインに submission 等がある ファイル名 .preview などの実装が多く wikieditish との相性が悪い meta- で指定できるよう自作

16 prevnextentry プラグイン MT にはあるけど blosxom にない 次の記事 / 前の記事へのリンク

17 seemore プラグイン 「続きを読む …」 の実装 長文のエントリを書く際に有用 RSS の description にも利用
ニュースサイト CMS っぽさの演出

18 links プラグイン リンク集を簡単につくるプラグイン <links></links> の間に URL 羅列
GET で TITLE とってくる キャッシュ LL Saturday リンク集で威力発揮

19 まとめ blosxom は簡単導入、更新も楽なBlog CMS としての使用にはプラグインが有効
実はそうでもない ハックする楽しみ(= 手段の目的化) blosxom CMS パックとして近日リリース予定 セミナー受付もプラグイン化したい Writeback でできそう 確認画面やメール送信がメンドウで f4 のまま

20 CMS (Blog ツール) と SEO

21 SEO サーチエンジン最適化 クローラーがインデクシングしやすいようにサイト構成、HTML を最適化
コストをかけずに集客 近年 Web コンサルタントのメシのタネ CMS 導入や Web 全面リニューアルのきっかけ

22 「Blog と SEO は相性がよい」 という説
CMS / Blog と SEO 「Blog と SEO は相性がよい」 という説 Google で Blog が上位に来やすい現象 “iTunes Windows” で検索 上位はすべて CMS によるニュースサイトか Blog

23 本当に相性がよい？ 技術的ファクター XHTML + CSS がクローラーに好印象 Trackback / RSS による自動リンク
PageRank [tm] 向上 サイト内導線の維持 更新頻度が高い ⇒ フレッシュクロール フレッシュクロールは高ランキングになりやすい

24 Shibuya.pm では … HTML / サイト構成的 SEO 対策 URL に .cgi をいれない
実はあまり関係ない 有用な blosxom プラグインの利用/開発 blosxom フレーバの活用

25 <TITLE> タグにエントリのタイトルをいれる
storytitle プラグイン <TITLE> タグにエントリのタイトルをいれる かなり重要 サイトのタイトルよりエントリのタイトルを前にいれた方がよい(某SEO本より) Shibuya.pm ではそこまでやっていない

26 Last-Modified:, If-Modified-Since: 対策
適切に対処すると好印象 Last-Modified でフレッシュクローラの対象に 現状 lastmodified プラグインには常に最新記事の timestamp を使用してしまう不具合あり Web ブラウザ ではキャッシュが効きすぎる /Googlebot/ の時だけ動作 (うーん …)

27 contentlength プラグイン Content-Length: を出力 とことん静的HTMLと同様に見えるように
あまり関係ないような気がする

28 breadcrumbs プラグイン パンくずリスト (未導入) クローラへの導線の確保 Shibuya.pm ではカテゴリ1階層なので不要
カテゴリ深いサイトでは有用かも

29 referer プラグイン Referer を記録してリンク SPAM や bot を除去する設定必要 自動で関連記事にリンクするため有用
Trackback より現状ではカジュアル tDiary な日記にリンクすると …

30 Printer Friendly バージョン
O’Reilly Net のパクリ 別に印刷するこたぁないだろうけど … 類似したページがサイト内で相互にリンクするため PageRank の相乗効果

31 archives フレーバ 全エントリの一覧 サイトマップとしての機能 クローラへの導線確保

32 googled プラグイン いつ Googlebot に見られたか記録 SEO 効果はないが、検証のため フレッシュクロールの効果確認
いつの時点でスナップショットされたか

33 技術面以外の SEO 特定のネタにフォーカスしたサイトに リンクされやすいコンテンツ PDF や PPT の公開
セミナー告知やレポートがほとんど リンクされやすいコンテンツ リンク集をつくる(てっとり早い) PDF や PPT の公開 クローラは賢い Yahoo! Japan へ登録

34 結果は … PageRank 6/10 “Lightning Talks” 1位 “Perl モジュール プログラミング” 1位
“PHP Session” 1位 “blog encodings” 1位 “プログラマの三大美徳” 1位 “Shibuya” 4位 “楽天広場” 8位

35 まとめ Blog ツールは SEO に有用 さらに最適化するためのプラグイン なんのための SEO かを考えよう 商売やってるわけではない
Amazon アフィリエイトもあんまし … ハックする楽しみ (= 手段の目的化)