2009年6月アーカイブ

はじめてのSEO(2) からの続きです。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

今回は検索エンジンがあなたのウェブサイトを効率的に回ってくれる施策についてお話します。

■サイトマップとは？

サイトマップには2種類あります。

(1)そのウェブサイトのコンテンツをまとめたページ（ひとが見るもの）
(2)検索エンジンクローラ用にそのウェブサイト中のURLの一覧をまとめたファイル（検索エンジンクローラが見るもの）

(1)については、ウェブサイトの目立つ位置にリンクを貼るのが望ましいです。ページ数が多くなると、どこになにがあるのかわかりづらくなるので、サイトマップへのリンクがあるとユーザビリティがあがります（当然コンバージョン率もあがります）。

(2)については、ユーザーが直接見るものではありませんが、検索エンジンクローラが効率的にクロールしてくれるように指示するもので、SEO にとっては不可欠です。

■サイトマップを作成しましょう

サイトマップを手動で作成するのは非常に面倒なので、便利なサービスを利用します。サイトマップを作成-自動生成ツール「sitemap.xml Editor」 にアクセスしてください。

URL、更新頻度、優先度の設定、同一タイトルURLの除外を選んで「サイトマップ作成」をクリックすると「sitemap.xml」というファイルが生成されます。これがサイトマップです。

作成されたファイルには、図のようにURL、優先度、更新頻度が載っています。これをそのまま使ってもいいのですが、テキストエディタ（メモ帳）などで開いて、いらないURLを足したり、優先度を変えたり、更新頻度を変えるのも手です。

優先度・・・1.0から0.0の間の値（相対値なので、全部1.0にしても無意味です）
更新頻度・・・always / hourly / daily / weekly / monthly / yearly / never

■サイトマップを登録しましょう

上記で作成した sitemap.xml をファイル名を変えずにウェブサイトへアップロードできたら、早速サイトマップを登録していきましょう。登録先は、Google、Yahoo!、MSNの3つです。

■ウェブマスターツール（Google）

Google Analytics のアカウントがあれば、そのまま使用できます。

http://www.google.com/webmasters/tools

■ウェブマスターツール（Yahoo!）

Yahoo! のアカウントが必要です。

http://siteexplorer.search.yahoo.co.jp/

■ウェブマスターセンター（MSN）

Windows Live! のアカウントが必要です。

http://webmaster.live.com/

■検索エンジンクローラ対策をしましょう

上記3サイトに登録すればとりあえず問題ないと思いますが、他の検索エンジンクローラにもサイトマップURLを通知するには以下のようにします。

上記のような内容のファイルを robots.txt というファイル名でウェブサイトにアップロードしてください。Sitemp: にあなたのウェブサイトのサイトマップのURLを書きます。

■サイトマップをメンテナンスしましょう

コンテンツが頻繁に追加されるウェブサイトの場合、サイトマップの定期的なメンテナンスが必要です。あまりにも頻繁な場合は、元の sitemap.xml を参考にして、定期的に自動生成する仕組みが必要かもしれません。

これらの煩雑な作業をすべて、経験豊かな弊社にアウトソースすることも可能です。ぜひお問い合わせください。

⇒続きます。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

公開日にはいけませんでしたが、昨日「ヱヴァンゲリヲン新劇場版:破」を見てきました。映画はいつも品川プリンスシネマで見るのですが、残念ながら上映していないので、シネセゾン渋谷にて鑑賞。

日曜日のレイトショーだというのに立ち見が出るほど人が入っていました。ヱヴァンゲリヲンの人気恐るべし！

今作は完全新作で、度肝を抜かれることのオンパレードでした。この衝撃は、真夜中に「パプリカ」を初めて見たときにトリップした感じに近いかもしれません。

まだ見ていない方は、ぜひぜひぜひ劇場まで足を運ぶことをおススメします。映像はもちろんですが、音響も素晴らしかったですよ。エンドロールの後にもお約束のアレがありますので、最後まで見てくださいね。

はじめてのSEO(1) からの続きです。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

Google Analytics は無事設置できましたか？1週間程度はログを採取するといろいろ見えてくると思います。

Google Analytics に分析できるほどのデータがたまるまで多少時間がかかりますので、そのうちに次の項目はやってしまいましょう。

■タイトルタグを設定しましょう

タイトルタグとは、HTML 中の <title> と </title> に囲まれた部分です。検索エンジンがコンテンツを判断するときに、最も重視する項目の１つです。

・タイトルがついていないページは論外です
・どのページも同じ内容になっていたりしませんか？
・ページタイトルは全ページ別のものにしましょう
・内容は短く簡潔に！
・一言＋会社名を入れるとよいです

共通ヘッダーを用いている場合、プログラム開発が必要になることもあります。そんなときは弊社にご相談ください。

■キーワードを決めましょう

Google Analytics のデータがある程度たまってきたら、検索キーワードを見てみましょう。どんなワードで検索されていますか？そこに頻繁に表示されるキーワードから SEO 対策を行うキーワードを選定しましょう。

PVが全然伸びていなかったり、検索キーワードが表示されない場合、あなたのウェブサイトはそもそも誰にも見られていません。その時は、SEO 対策を行いたいキーワードを考えます。

キーワードを選ぶポイントは以下の３つです。

・1単語で検索されるキーワードは魅力的ですが（例：EC、通販、携帯サイトなど）、すでに大手が予算をかけて対策しているので、勝算は低いです
・あなたがアピールしたいキーワードがニッチな場合、1単語でも検索上位になる可能性が十分あります（例：わんちゃんトイレッシュのような特定の商品名）
・ニッチじゃないキーワードの場合は、2単語以上組み合わせた複合キーワードにします（例：携帯サイト＋作成など）

■メタタグを設定しましょう

メタタグとは、画面には表示されない、HTML 中の <meta ではじまる部分です。SEO で大事なのは、メタキーワードタグとメタディスクリプションタグです。

■メタキーワードタグとは？

メタキーワードタグとが、SEO 対策したいキーワードを ,（カンマ）で区切って記述したものです。

例：
<meta name="keywords" content="携帯サイト作成,モバイルサイト制作,バズー" />

■メタディスクリプションタグとは？

メタディスクリプションタグとは、そのページの内容を簡潔に記述したものです。こちらもタイトルタグ同様、すべてのページで異なっていることが望ましいです。

例：
<meta name="description" content="携帯サイト作成ならバズー株式会社へお問い合わせください。プロのスタッフが企画から開発・運用までワンストップで御社の事業をサポートさせて頂きます。また、サイト運営やサイト保守も承っておりますのでお気軽にご相談くださいませ。" />

■H1タグを設定しましょう

H1タグとは、HTML 中の <h1> と </h1> に囲まれた部分です。HTMLの論理構造上、以下のようにしていくのが望ましいです。

・H1 ⇒ そのページのタイトルに相当（ページに１つだけ設定します）
・H2 ⇒ 中項目に相当（複数項目可です）
・H3 ⇒ 小項目に相当（複数項目可です）

H1タグをなるべく文書の上のほうに効果的に設置することで、検索エンジンから拾われやすくなります。

⇒続きます。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

バズー株式会社では最近 SEO にかなり力を入れています。

■SEOとは？

SEO（Search Engine Optimization = 検索エンジン最適化）とは、いうまでもなく検索エンジンの検索結果で上位を目指すことです。それも10位以内でない意味がありません（Google の検索結果の1ページの表示件数は10件で、2ページ目以降を見てくれる人は激減してしまうため）。

なんのために上位を目指すかといえば、それによりコンバージョン率（新規問い合わせ、会員申し込み、商品購入など）をあげるためです。ここはブレてはいけないところです。

■主要な検索エンジン

最低でもこの3つは抑える必要があります。欧米では Google が圧倒的人気ですが、日本ではYahoo! が圧倒的人気です。また、Internet Explorer の初期画面は MSN なので、ITリテラシーが比較的低めの人をターゲットにするなら、MSN 対策を強化したいところです。

・Google
・Yahoo!
・MSN（マイクロソフト）

■なにはなくとも現状把握

あなたのウェブサイトはなんらかのアクセス解析をしていますか？まだならば、まずは現状を把握する必要があります。バズー株式会社では、Google Analytics をフル活用しています。

■Google Analytics の特徴

・Google のアカウントがあれば無料で始められます
・月間500万PVまでは無料で使えます（無料で使い続けたいならサイトごとに Google Analytics のアカウントを個別に発行するのがオススメです）
・Google Adsense を使っていればPVの上限がなくなります
・PV数、セッション数、ユニークユーザー数の時間帯別、日別、月別の値を測定できます
・検索キーワード、参照先サイト、ページ別のPV数、ブラウザ種別、ユーザーが日本のどこからアクセスしているかまでわかります
・リアルタイムなアクセスはわからず、4時間～24時間くらいのタイムラグがあります

■Google Analytics の申し込み

以下のページにアクセスします。Google アカウントがあれば、それを指定し、なければ新たにアカウントを作ります。

http://www.google.com/intl/ja_ALL/analytics/index.html

申し込みが無事終わると、「新しいトラッキング コード (ga.js)」というものを貼るように支持されます。これをあなたのウェブサイトのすべてのページに貼り付けます。

共通フッターを使っていたり、CMS や Movable Type のようなブログを使っている場合は、割と楽ですが、そうでない場合はかなり地道な作業です。

⇒続きます。

本日「社長ブログ」「ディレクターブログ」「開発ブログ」のデザインを変更しました。書いている人の顔が見えることで、より身近に感じていただけるのではないかと思います。名前と顔出しをしてしまったので（笑）、記事のクオリティには今まで以上にこだわりたいと思います。

ちなみに MT4 の CSS ファイルは %DOCUMENT_ROOT%/mt4/mt-static/support/themes/xxxx/xxxx.css にあります（xxxxはテンプレート名）。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

バズーチームの総力を結集した結果、本日（正確には昨日）やりたかった仕事に取り組める形になりました。

弊社の企業理念でもある「お客様モバイルサイトのトランザクション数最大化」への熱意をお客様に伝えることができたおかげだと思います。

受注したからには、安く・早く・品質の高いものを作るのは当然のこと、お客様に感動を与える製品を作っていく所存です。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

携帯サイトでは通常、文字コードに「SHIFT-JIS」を使います（最近の携帯では UTF-8 も使えますが、古い機種にも対応するなら SHIFT-JIS のほうが無難です）。

データベースを UTF-8 で構築している場合、UTF-8 ←→ SHIFT-JIS の相互変換を行う必要がありますが、PHP の mb_convert_encoding 関数のそのまま使うと以下の文字が文字化けします。

・∥
・－ （マイナス)
・～
・￠
・￡
・￢

文字化けとオサラバするためには、以下のようにします。

// ↓文字化けする
$text = mb_convert_encoding($text, 'UTF-8', 'SJIS');
// ↓こっちは大丈夫
$text = mb_convert_encoding($text, 'UTF-8', 'sjis-win');

ポイントは「sjis-win」を使うことです。ちなみに「〜」(U+301C) など UTF-8 にしか存在しない文字は、どうやっても SJIS には変換できないので注意が必要です。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

今回の バズーHPリニューアル に際し、MovableType を 3 から 4 にアップグレードしました。MT3 は機能もあまり多くない分、シンプルで非常に扱いやすかったのですが（私は必要最低限のことができるシンプルな UI が好きです）、MT4 になって UI が全く変わっており、かなり苦労しました。今回の記事は、MT4 をインストールして、使い始めたばかりの方向けのテンプレートのカスタマイズ方法です。

■デザインテンプレートを変更する

まずは既存のシンプルなテンプレートを変更してみます。「デザイン」→「スタイル」でいくつか用意されているテンプレートから好きなものに変更することができます。

一つのデザインの中で「2カラム」「3カラム」のどちらかを選ぶことができます。私は、従来どおり「2カラム」を選択しました。

■サイドバーとフッターの編集

下記のリンクからサイバーとフッターのデザインを編集できます。フッターにはアクセス解析のタグを入れることが多いでしょう。

サイドバーは2カラム用と3カラム用に分かれています。私は2カラムのデザインにしているので「2カラムのサイドバー」のほうを編集します。3カラムのデザインにしている方は「3カラムのサイドバー(メイン)」と「3カラムのサイドバー(サブ)」を編集することになるでしょう。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

会社の使われていない引き出しにあったのを見つけて読みはじめました。正直かなり突っ込みどころ満載な内容ですが、25～35歳までに自分のスキルセットを見直して、現在の会社に居続けるべきなのか自問するのは非常に大事だという点には納得しました。

あなたは転職の際に次の4つのうち、どれを優先させますか？

(1)年収
(2)休暇などの労働条件
(3)会社の規模やブランド
(4)自分に与えられた裁量

本当に仕事ができる人は(4)を選択します。自分がやりたいことをやらせてもらえないストレスを知っているからです。自分がやりたいことを好きなようにできる楽しさを知っているからです。

踊る大捜査線の和久さんも「正しい事がしたければ偉くなれ。」 と言っていましたね。そのとおりだと思います。

バズーなら自分がやりたいことをとことん試してみることができます。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

昨日バズーホームページをリニューアルしました！

技術的には新たにこんな試みを取り入れています。

・携帯ホームページトップをフルFlash化！
・携帯Google Analytics対応！
・ブログ新着記事を動的にサイト上に表示！
・ブログは携帯/PC両対応！
・共通ヘッダー、共通サイドバー、共通フッターによるページ更新コストの大幅低減！

■携帯ホームページトップをフルFlash化！

いままで静的HTMLだけの殺風景だった携帯ホームページトップを今回フルFlash化（Flash Lite 1.1）しました。
画面切り替えがいらない分、非常に快適にアクセスできます。
機種情報を見てFlash非対応端末の場合は、静的HTMLを出すようにしています。

■携帯Google Analytics対応！

Javascriptが使用できない携帯でもGoogle Analyticsを使ったアクセスログ解析ができるようにしています。
若干制限事項があるのですが（セッション数＝PV数になってしまう等）、デメリットよりメリットのほうが上回っています。
モバイルSEOに興味がありましたら、ぜひお問い合わせください！

■ブログ新着記事を動的にサイト上に表示！

コーポレートブログの新着記事のタイトルを、動的にサイト上に表示しています。
PHP5からは、simplexmlというモジュールを使うと、XMLを非常に簡単に取扱うことができます。
そこで、MovableType 4.0 の RSS を解析することにしました。
こんな感じで数行で取得できます。

<?php
function get_blog_new_entry($blog_id) {
    // RSS取得
    $xml = simplexml_load_file('http://www.buzoo.jp/' . $blog_id . '/atom.xml');
    // 最新エントリURL取得
    $attr = (array) $xml->entry[0]->link;
    $link = $attr['@attributes'];
    $href = $link['href'];
    // 最新エントリタイトル取得
    $title = $xml->entry[0]->title;
    // 最新エントリ更新日取得
    $update  = str_replace('-', '/', substr($xml->entry[0]->updated, 0, 10));
    $current = date("Y/m/d");
    // 結果を返す
    if ($update == $current) {
        return sprintf("<p class=\"entry new \">%s<br/>".
            "<a href=\"http://www.buzoo.jp/%s/\">%s</a></p>",
            $update, $blog_id, $title);
    } else {
        return sprintf("<p class=\"entry\">%s<br/>".
            "<a href=\"http://www.buzoo.jp/%s/\">%s</a></p>",
            $update, $blog_id, $title);
    }
}

■ブログは携帯/PC両対応！

MT4i というオープンソースプログラムを使っています。

■共通ヘッダー、共通サイドバー、共通フッターによるページ更新コストの大幅低減！

共通フッターなどは <?php include("common/footer.html"); ?> と書くと非常に簡単に外出しできます。
.htaccess に次のように書いておくと .html ファイルをすべて PHP として解釈してくれて、コンテンツの更新コストを大幅に削減できます。

AddType application/x-httpd-php .html

こんにちは、バズー株式会社、開発チームリーダーの清水です。

昨年の夏、日本でも iPhone が発売され、2008年はスマートフォン一色でした。
発売当初はマスコミのおかげで一時ものすごいブームになりました。
熱狂が冷めて売上がさがってくると、今度は「「iPhone for everybody キャンペーン」を展開し、実質0円で販売するという Yahoo!BB のときと同じ手法を展開しました。

そんなこんなで日本でもある一定の認知度を得た iPhone がこの夏、さらにパワーアップします。

・動作速度の向上
・カメラが200万画素⇒300万画素に
・動画撮影に対応
・デジタルコンパスを内蔵（ナビとしてさらに使いやすくなります）
・日本語認識に対応
・コピー＆ペーストに対応

などなど、新機能が超目白押しです。型番も iPhone 3G S となり、旧モデルも併売されるようです。実質0円の iPhone 3G も、新しくなった iPhone 3G S もすごく魅力的です。私もそろそろ Mac を買って iPhone アプリを研究したいです。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

2009年5月19日、iモードブラウザが新しく生まれ変わりました。
以下のような特徴があります。

・ブラウザキャッシュが 100KB ⇒ 500KB に増加
・JavaScript に新規で対応
・外部 CSS に新規で対応
・VGA（640x480）モードの新規追加
・ビデオ再生に対応（Flash Video、Windows Media）
・PNG表示に新規で対応
・Cookieに新規で対応
・Refererに新規で対応
・フレームに新規で対応
・マルチウィンドウ（タブ）に新規で対応

詳しくはこちら。
http://www.nttdocomo.co.jp/service/imode/make/content/browser/browser2/

簡単に言うと、いままでPCサイトビューア（フルブラウザ）で可能だった機能が、そのままiモードでも可能になるということです。

・JavaScript に対応するということは、AJAX などを駆使してリッチな UI を作ることが可能になるということです（デザイナーの腕の見せ所ですね）。
・Flash Video に対応するということは、モバイル向けのストリーミング配信が可能になるということです（新しいビジネスチャンスが広がりますね）。
・Cookie、Referer に対応するということは、行動ターゲティングが可能になるということです。

いずれも PC ウェブの手法をそのままモバイルに持ってこれるということで、今以上に競争が激化することが想像できます。

iモードブラウザ2.0が普及するにはまだ多少かかると思いますが、今から準備して早すぎるということは全くないでしょう。

ちなみに、短期間にあまりに機能を盛り込みすぎたために不具合が頻発し、2009年ドコモの夏モデルは相当混乱しているようです・・。

こんにちは、バズー株式会社、開発チームリーダーの清水です。

最近毎日の朝礼で始めたことがあります。それは「グッド＆ニュー」です。
「グッド＆ニュー」とは、メンバーひとりひとりが、24時間以内に起こったよかったこと、新しい発見を発表し、みんなで拍手するという非常にシンプルなイベントです。
正式には、クッシュボールというカラフルなスポンジみたいなものを握りながら行います。

これにより、チームの雰囲気が明るくなり、コミュニケーションが活発化するそうです。
思い返してみてください。最近起こったよかったことと言われてもすぐ出てきますか？
毎朝の発表のために、1日よいことを探すだけでもすごいポジティブになる気がしませんか？
（そういえば、昔、「愛少女ポリアンナ物語」というアニメで、よかった探しというのがありましたよね。）

まだ始めたばかりなので、それほど効果は期待できませんが、ぜひ継続したいと思います。
みなさんの職場でも試してみてはいかがでしょう？

こんにちは、バズー株式会社、開発チームリーダーの清水です。

バズーに来て5か月、めまぐるしくいろいろなことが起こりました。
公私含めて、着実に成長している感があります。

5月19日、iモードブラウザがとうとう Javascript に対応し、モバイルが最近ますます活気づいてきました（詳しくはまた後日書こうと思います）。
次に働くならモバイルウェブの世界に行こう！という当初の思いが、正しかったと実感できます。

これからはマメに更新していきますので、スキマ時間にでも覗いてもらえれば幸いです。

ところで、みなさんモバイルしてますか？私の携帯は今では骨董品扱いの A1402S です。
デザインとジョグダイアルの操作性のよさに惹かれて、いまだに機種変更していませんが、
au も CDMA1X の新規申し込み受付をやめるようなので、そろそろ機種変更しないとですね。