仕事の効率を上げる blog

携帯サイトの作り方より

上記ページには、携帯サイトを製作する上でのポイントが丁寧に纏められています。
以下に一例を紹介します。
--------------------------------------------------------------------

入力モードの設定

通常、入力欄では日本語入力モードが初期状態になっています。
しかし、実際にはメールアドレスやURLの入力欄では半角英数字しか使いません。
このような場合、わざわざ携帯で入力モードを変えるのは面倒です。
初めから半角英数字モード等にする方法があるので是非使いましょう。

これは機種により若干の違いがあります。
i-modeとez-webでは、istyle 属性が使えます。
vodafoneの昔の機種ではこの属性が使えません。代わりに、mode 属性を使います。
・全角（デフォルト）
　istyle = 1 または mode = hiragana
・半角カナ
　istyle = 2 または mode = hankakukana
・英字
　istyle = 3 または mode = alphabet
・数字
　istyle = 4 または mode = numeric

istyleとmodeは属性なので、両方とも記述することが可能です。
やや冗長ですが、これが一番簡単で無難なやり方でしょう。

--------------------------------------------------------------------
より詳細な情報は各キャリアのHPにアップされています。
NTTドコモ（Docomo）
http://www.nttdocomo.co.jp/service/imode/make/content/html/
au by KDDI
http://www.au.kddi.com/ezfactory/xhtml.html
SoftBank（ソフトバンク）
http://developers.softbankmobile.co.jp/dp/
※SoftBankの技術情報のページはなぜか重いときが多いようです。

秋元@サイボウズラボ・プログラマー・ブログ: Invisibilia - 人物を線画により

上記のページで写真の人物画を線画にした画像が多数掲載されているサイトと、フォトショップなどのグラフィックソフトを使って線画を起こす方法が記載されたサイトが紹介されています。

Invisibilia（写真の人物画を線画にした画像が多数掲載）
http://www.themanwhofellasleep.com/Invisibilia.html
Invisibilia（グラフィックソフトを使って線画を起こす方法）
http://www.themanwhofellasleep.com/invisibilia_tutorial.html

フォトショップなどグラフィックソフトを使った加工技術の一つとしてご参考まで。

ウノウラボ Unoh Labs: PHP最適化tipsまとめサイトより

上記ページにてPHPスクリプトをより高速に動作させるための様々な方法が紹介されています。
以下はその一例です
・str_replace は preg_replace より早いが、strtr は str_replace の4倍早い
・$row[’id’] は $row[id] より7倍早い
・for ($x=0; $x < count($array); $x) の count() のようにループの度に呼ばれる関数はさけ、変数に格納する

PHPのバージョンにより期待通りの効果が得られなかったり、実現するために非現実的な工数を要するものもあるので、それぞれの環境において採用不採用の判断をされてはいかがかと思います。

URL構築の最適ガイドライン11ヶ条 | Web担当者Forumより

上記ページにて新規URLを作成する上で欠かすことができない11ヶ条が紹介されています。

1. URLでコンテンツを表そう
2. URLは短く
3. 静的URLこそ絶対の真理
4. 数字よりも意味のある言葉が良い
5. キーワードを入れても損はない
6. サブドメインは効果なし
7. 階層化は控えめに
8. 単語を区切るにはハイフンが最適
9. やり方をしょっちゅう変えてはいけない
10. 大文字と小文字を区別するのはやめよう
11. 無関係なデータをURLに継ぎ足さない

いろいろなサイトでずいぶん以前から言われているものばかりで特に目新しいものは含まれていませんが、非常に読みやすく纏められています。

URLはSEOの上でも非常に重要なので、よく考えて決定することをお勧めします。

Googleの検索ランキングアルゴリズムの構成要素と推測される53個の要因 - F.Ko-Jiの「一秒後は未来」より

上記ページにて、世界34人のSEOのプロの投票によって決定したGoogleの検索ランキングアルゴリズムに関係すると推測される構成要素のランキングが紹介されています。
以下はある程度重要とされる評価点3以上（最高は5）のものの抜粋です。
効果的なSEO（検索エンジン上位表示）を行うためには3以下のものも当然考慮する必要がありますので、上記ページにて是非ご確認を。

キーワードに関する要因

1. titleタグで使われるキーワード(4.9)
2. bodyで使われるキーワード(3.7)
3. bodyにあるテキストのキーワードに対する相関性(3.4)
4. h1タグで使われるキーワード(3.4)
5. メイン名に含まれるキーワード(3.1)

ページ特性に関する要因

1. サイトのインバウンド・リンク(外部サイトからのリンク)構造を含むリンク・ポピュラリティ(4.1)
2. リンクの外部ページに対する品質/相関性(3.5)
3. ドキュメントの古さ(3.4)
4. インデクシング可能なテキストの量(3.1)
5. アルゴリズムで測るところのドキュメントの質(3)

サイト/ドメインに関する要因

1. サイトのグローバルなリンク・ポピュラリティ(4.5)
2. サイトの年齢(4)
3. インバウンド・リンクのトピック的(topical)な相関性(3.9)
4. トピック的なコミュニティでのサイトのリンク・ポピュラリティ(3.9)
5. サイトの新しい内部リンクの割合(3.6)
6. サイトの主題とクエリの相関性(3.2)

インバウンド・リンクに関する要因

1. インバウンド・リンクのアンカーテキスト(4.4)
2. リンクしているサイトのグローバルなリンク・ポピュラリティ(3.6)
3. リンクしているサイトのトピック的な相関性(3.5)
4. トピック的なコミュニティでのサイトのリンク・ポピュラリティ(3.5)
5. リンクしているサイトのトピック的な相関性(3.2)
6. リンクの年齢(3.1)
7. リンク周囲のテキスト(3.1)

ネガティブなクロール/ランキング特性

1. しばしばボットがサーバにアクセスできない(3.8)
2. インデクシング済みのコンテンツと類似している、もしくは重複している(3.6)
3. クオリティの低いサイトやスパムサイトへリンクしている(3.5)
4. リンク・スキームに参加している、もしくはリンクを活発に販売している(3.4)
5. 多くのページに重複したタイトルやmetaタグがある(3.3)
6. ターゲット・キーワードの過度な使用(3.3)

CSSレイアウトが崩れている時に試す10の処方箋　より

上記ページにCSSでレイアウトが崩れてしまったときに試す10項目が紹介されています。

1. HTMLの閉じタグのミス、スペルミスをチェックしましょう。
2. うまくいかない部分のCSSがちゃんと機能しているか確認しましょう。
3. 不具合を起こしている箇所を特定しましょう。
4. 不具合のある箇所の要素にborderをつけ領域を明確にしましょう。
5. floatをネストした要素（floatしている要素の親要素）にclearを指定していませんか。
6. floatを指定した要素にはwidthを指定しているか確認する。
7. floatを指定した要素にmarginやpaddingを指定していませんか？。
8. floatした要素が足して100%になっていないか確認する。
9. もしかしてデフォルトスタイルをリセットしていませんか？
10. ちゃんとDTD入れてます？

人間頭の中で考え出すと余計な詮索が働き「○○なはず」とか考えてしまうものです。

このような脳内シミュレーション（デバッグ）で問題が解決することは、頭の良い悪いに関わらず非常に稀なので、自分なりのデバッグ技法を策定し、手を動かす癖をつけておくことをお勧めします。

実際にHTMLやCSSのデバッグを行う際はFireBugというFireFoxのプラグインが非常に便利です。

なつみかん＠はてな - ユーザビリティ関連記事 まとめ より

上記ページにWebサイトのユーザビリティ関連記事が纏められています。

ユーザビリティのガイドラインからWebデザインに関する調査結果、 どれも非常に良い（分かりやすい）記事ばかりですので、Webデザインに携わっていこうと思っている人は全て目を通しておく必要がありそうです。

Googleブログ検索の特許で明らかになったブログの評価を決定する12の要因 - F.Ko-Jiの「一秒後は未来」　より

上記ページにGoogleブログ検索特許の要約が紹介されています。
ブログのSEO対策をするうえでとても重要な情報です。

ポジティブに評価される要因

• ブログのポピュラリティ（わかりやすさ、うけのよさ）が高い
• 他のブログのブログロール（お気に入りリスト）に登録されている
• ソーシャルブックマークサイトなどでタグを付けられている
• 他のサイトやGmail他GoogleTalkなどGoogleのサービスで話題になっている
• ブログのページランクが高い

ネガティブに評価される要因

• ブログの更新が低い、更新間隔が極端に高い（SEOスパムの疑い）、更新頻度が機械的（SEOスパムの疑い）
• ブログのコンテンツとフィードのコンテンツが一致していない
• 同一のサイズ（文章量）の記事が多く投稿されている
• スパムブログによく含まれる単語やフレーズが多い
• 特定のブログへのリンクの割合（極端な場合はSEOスパムの疑いがある）
• ブログに含まれる広告の量が多い
• ブログ内の広告が記事内に著しく集中している

ブログのSEO効果を逆手に取ったSEOスパムの排除し、純粋な質の高いブログを評価しようとする姿勢が見て取れますね。

詳細は上記のサイトもしくはGoogleブログ検索特許の全文(英語)をどうぞ。

PHPで動いている高度なオープンソースWebアプリケーション厳選15本まとめ*ホームページを作る人のネタ帳　より

上記ページにてPHPで動作しフリーで使える高度なWebアプリケーション15本が紹介されています。

簡単なECサイト、コミニティサイト、SNSサイト、ソーシャルブックマークサイト、ブログサービスサイト、wiki、アルバムサイト等の構築や仕組みのを把握するのにお役立てください。

Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選　より

上記ページにてWebサイトデザインを行う上で注意するべき点がカテゴリ別に纏められています。

ここで挙げられているものはWebサイトのユーザビリティの向上やSEO対策、ブランドイメージの向上を計る上でとても重要なものばかりなので、Webサイトデザインに携わっていこうと思っている人は必見です。

既に理解している人もチェックリストとして使えそうです。

Google、「ウェブマスター向けのガイドライン」を更新、SEO目的のリンク売買サイトについて公式に言及　より

上記ページにてGoogleガイドラインが更新され、SEO目的のリンク売買サイトについて公式に言及されていると報じられています。

要約するとリンクはサイトの評価を決定する上で大変重要なものであり、売買による不自然なリンクはサイトの正当な評価の妨げになるので、rel="nofollow" 属性を href タグに追加しリンクとして評価対象外とするか、robots.txtによって該当ページをインデックスから除外するようにしてくださいねということでしょうか。

これによりSEO目的のアフィリエイトでは、バナー型が駆逐され、ブログ投稿型が主体になっていくと思われます。

rel="nofollow"を付けて評価対象としてのリンクから除外しなければいけないとなると、広告枠自体の価値がこれまでに比べて下がることにもなると思いますので、広告枠を販売されている方々対応が気になるところです。
（見せしめ的にインデックスから除外される例が発生しない限り、広告枠のリンクにrel="nofollow"を付けるところはでないかも）

有料リンクを Google に報告する必要があるのはなぜですか。 [Google]
http://www.google.com/support/webmasters/bin/answer.py?answer=66736&topic=8524

お金を出す前に見るべきクチコミ情報サイトまとめ　より

上記ページにて72の口コミ情報サイトがカテゴリ別に纏められています。
お金を出してマーケティングデータを得る前に一度覗いてみてはいかがでしょうか。

この他には

Yahoo!ニュース - クリックリサーチ
http://polls.dailynews.yahoo.co.jp/

や、mixi（ミクシィ）などSNSのコミュニティにある情報も役に立つと思います。

それにしても最近はマーケティングデータを得ようとTechnorati（テクノラティ）でブログ検索しても投稿報酬型アフィリエイトの記事が多くて困ったものです。やはり自然文での形式は対策できないものなのでしょうか。

口コミサイトを狙った広告目的の自作自演の情報にも要注意です。（判別できないかもしれないですが）

大変分かりやすいPhotoshop（フォトショップ）のチュートリアル（使い方講座）集をまとめました。

Photoshop初心者の方は使い方を覚えるための学習用に、既に使いこなしている人にはtips集として最適かと思います。
学習用に使う場合は、分かりチュートリアルは飛ばして進めることをお勧めします。

【チュートリアル集】

動画で学ぶPhotoshop （27のテクニック）

1. Web2.0サイトでよく見かけるのロゴの作成方法
2. 写真のエフェクト
3. 写真に古い雰囲気を出す方法】
4. 球体をガラスのように見せる方法
5. 写真の彩度や明るさが高い場合に補正する方法
6. レタッチの方法
7. 白黒写真でコントラストを付ける方法
8. 写真を白黒にする方法
9. 写真に映っている余計なものを削除する方法
10. 写真に枠を付ける方法
11. 写真に効果的なレイヤーやエフェクトを使う方法
12. お肌などの荒れなどを隠し綺麗に見せる方法　等

http://www.popxpop.com/archives/2007/02/youtubephotoshop.html

Photoshopのテキストエフェクト　ベスト80
http://choco--late.com/archives/218

テキストをかっこよく魅せるPhotoshopのチュートリアル集
http://coliss.com/articles/build-websites/operation/design/961.html

光を効果的に使用したPhotoshopのチュートリアル集
http://coliss.com/articles/build-websites/operation/design/925.html

サイトデザインのアクセントに使える6つのPhotoshopのチュートリアル
http://coliss.com/articles/build-websites/operation/design/855.html

フォトショップ基本操作 動画マニュアル.com　β版
http://www.dougamanual.com/archives/0078_/00781_/

フォトショップ早わかり　Photoshop Tips & Manual　-　目次　-　by StudioGraphics
http://aska-sg.net/pstips/index.html

らくがき本舗/Photoshop講座
http://www.raku-gaki.info/photoshp/

美しいアートを作成するためのPhotoShopチュートリアル100
http://phpspot.org/blog/archives/2008/01/photoshop100_1.html

Adobe Photoshop Tutorials - Best Of | Tutorials | Smashing Magazine
http://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/

photoshopチュートリアルを100個集めた「100 wonderful photo effects Photoshop tutorials」
http://design-develop.net/design/100-wonderful-photo-effects-photoshop-tutorials-2.html

hereticanthem co.,ltd. » Photoshop&Illustratorのチュートリアルまとめ
http://www.hereticanthem.com/webdesign/332/

【Tips】

サイトをクシャクシャにしてしまうPhotoShopチュートリアル
http://phpspot.org/blog/archives/2008/04/photoshop_61.html

よごれた感じのフォトショップチュートリアルとブラシ
http://e0166.blog89.fc2.com/blog-entry-459.html

写真画像を見栄えよくするPhotoshopのチュートリアル集
http://coliss.com/articles/build-websites/operation/design/897.html

ボタン画像のPhotoshopのチュートリアル集
http://coliss.com/articles/build-websites/operation/design/864.html

photoshopで作る45のボタンメニューチュートリアル
http://gura5.blog120.fc2.com/blog-entry-56.html

ナビゲーション画像を作成するPhotoshopのチュートリアル集
http://coliss.com/articles/build-websites/operation/design/870.html

ゴールドに輝くエフェクトをテキストに与えるPhotoshopのチュートリアル
http://coliss.com/articles/build-websites/operation/design/763.html

iPodのCM風の人影風イメージを作るPhotoShopチュートリアル
http://phpspot.org/blog/archives/2008/01/ipodcmphotoshop.html

柔らかな光がパーッと差すような効果をPhotoshopで実現する方法
http://gigazine.net/index.php?/news/comments/20080207_light_photo/

Photoshopを使った萌え絵の髪の毛の塗り方チュートリアル
http://gigazine.net/index.php?/news/comments/20080208_colouringhair/

炎や爆発を表現するPhotoshopのチュートリアル
http://coliss.com/articles/build-websites/operation/design/846.html

5つの偉大な光と炎のphotoshopチュートリアル
http://e0166.blog89.fc2.com/blog-entry-405.html

水をきれいに表現するPhotoshopチュートリアルいろいろ
http://www.designwalker.com/2008/02/water-tutorial.html

WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル
http://phpspot.org/blog/archives/2007/12/windowsvistapho.html

PhotoShopで輝く美しい球体を作成するチュートリアル
http://phpspot.org/blog/archives/2007/10/photoshop_26.html

美しい光を描くためのPhotoshopのチュートリアル集
http://coliss.com/articles/build-websites/operation/design/629.html

Photoshopで人物の髪の毛を切り抜く
">http://blog.woopsdez.jp/2007/09/photoshop_1.php

風景画像をCDジャケット風の超クール画像にするPhotoShopチュートリアル
http://phpspot.org/blog/archives/2007/10/cdphotoshop.html

Photoshopの『カラーの適用』で写真に劇的な効果を加える方法。
http://d.hatena.ne.jp/starocker/20071013/p2

映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル
http://phpspot.org/blog/archives/2007/09/photoshop_24.html

Photoshopぼかしフィルターの効果的な使い方
http://www.designwalker.com/2007/08/photoshop-blur.html

紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ
http://www.designwalker.com/2007/08/photoshop_tear_tutorial.html

光のモーションで画像を超カッコよくするPhotoShopチュートリアル
http://phpspot.org/blog/archives/2007/08/photoshop_18.html

PhotoshopでWeb2.0風バッジを作成するチュートリアル
http://freephotoshopguides.com/interface-elements/web20-badges/

Photoshopで輝くグラス風文字を作成するチュートリアル
http://phpspot.org/blog/archives/2007/07/photoshop_12.html

スポットライトが当たったような画像を作る方法
http://www.popxpop.com/archives/2007/05/popxpop.html

Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法
http://www.designwalker.com/2007/01/photoshop-brushes.html

Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法
http://www.designwalker.com/2007/05/photoshop_gradient.html

Photoshopチュートリアル ミニチュア模型を撮影したような写真に加工する - DesignWalker
http://www.designwalker.com/2007/06/tilt_shift.html

「飛び出す写真」を簡単に作るPhotoshopチュートリアル | P O P * P O P
http://www.popxpop.com/archives/2007/01/post_28.html

Photoshop でつややかな表現をわりと簡単に実現する - 2xup.org
http://2xup.org/log/2006/05/05-2005

Photoshopを使ったWeb2.0風ロゴの作り方ムービー
http://gigazine.net/index.php?/news/comments/20061113_web2_logomaker/

Photoshopで写真をベクターアートにするチュートリアル
http://gigazine.net/index.php?/news/comments/20060930_vectorart/

Photoshopでポップアート風の画像を作るチュートリアル
http://gigazine.net/index.php?/news/comments/20061008_popart/

以下英語のサイトですが、図解が多く分かりやすいと思います。

一枚の写真から、HDRの加工をするチュートリアル
http://www.nill.cz/index.php?set=tu1

Web2.0風なロゴの作り方
http://blog.typpz.com/2007/05/11/create-a-web-20-logo-using-abobe-photoshop/

普通の写真から、映画のようなエフェクトがかかったように見せるチュートリアル
http://ebin.wordpress.com/2007/03/21/how-to-turn-your-photo-into-movie-like-effect-using-photoshop/

けむりを描くチュートリアル
http://www.noscope.com/journal/2007/05/photoshop-howto-smoke

国旗の画像と、生地の写真を合成して、ゆらめく旗をつくるチュートリアル
http://www.photoshopsupport.com/elements/tutorials/displace-filter/displacement-map.html

llustratorとPhotoshopを使って、フラッシュしたような加工をするチュートリアル
http://www.abduzeedo.com/displace-filter-vector-effects

Web2.0風なサイトを作る過程のPhotoShopチュートリアル
http://phpspot.org/blog/archives/2008/04/web20photoshop_3.html

Photoshop用ボブ・ブラシを使ってボブの絵画教室みたいな絵を描いてみる
http://www.designwalker.com/2007/08/bob_brush.html

モバイル広告と退会率 より

上記の記事によると、モバイルコンテンツの3か月以内の退会率は71.4%にもなるそうです。 （調査対象の詳細は不明）

退会率分析サービスの宣伝目的で行った調査結果である可能性を考慮しても以外と高いですね。

それにしても退会率分析サービスというのは広告出稿媒体別のユーザの継続期間や退会率など簡単に把握できる情報を一体いくらで提供しているんでしょうかね。。

6月21日（水）に発売予定のインターネット白書2007にて以下のデータが紹介されています。

調査は無作為に抽出した全国201都市の一般世帯、3歳以上の個人を対象に、地域別、性別、年代別の割付回収を行った。有効回答数は6000人、5874世帯。

ブロードバンド世帯普及率　50.9％
ネット利用者総数　8226万人
家庭のブロードバンド利用者数　4,627万人

動画投稿サイトの利用状況
1位　YouTube　93.3％
2位　ニコニコ動画　29.1％
3位　AmebaVision　12.1
4位　SmileVideo　8.1％
5位　フォト蔵　7.0％

コミュニティサービスの発言・書き込み率
1位　ブログ　24.4％
2位　SNS　17.3％
3位　掲示板　14.7％
4位　各種メッセンジャー　14.4％
5位　その他チャット　6.3％

コミュニティサービスの閲覧率
1位　ウィキペディア（wikipedia）　34.9％
2位　ブログ（blog）　26.9％
3位　掲示板20.7％
4位　レビューサイト　12.7％
5位　Q&Aサイト　9.7％

セカンドライフ（SecondLife）
認知度　29.1％
利用している　0.8％
カウントは持っているが、ほとんど利用していない　1.3％

－企業動向－

• 企業におけるWeb2.0への取り組み状況は、半分以上が「利用予定」はない
• WebAPIの公開は5.8％、利用は6.8％
• 企業のセキュリティ被害経験は31.4.％、取り組んでいる対策の効果は自信がないが28.1％
• Google Appsの認知度は32.7％、導入は0.9％
• メールやスケジュール管理、ワープロ、表計算などのアプリケーションをウェブで提供するGoogleの企業向けソリューション「Google Apps」は認知度が37.2％、「導入済み」が0.9％、「導入を検討中」が3.3％となった。「わからない」「どんなサービスが知らない」と回答している非認知率も6割を超えている

－展望－

• 調査手法変更のため単純な比較はできないが、ネット人口は2006年調査時の7361万9000人より約10％伸びており、年代別で見ると、50代以上のネット利用者が増加している。今後、団塊世代が60代にさしかかることを考慮すると、高齢者の比率は高まっていくと想定される。

－分析－

• 個人のネット利用動向調査結果では、1日あたりのメディア接触時間をメディア別に見ると「ラジオ」「新聞」「雑誌」は30分未満が60％前後であるのに対し、「インターネット」と「テレビ」では1時間以上5時間未満が合わせて60％超となっている。特にネットでは10時間以上利用する割合が4.4％と他のメディアよりも比率が高い。 さらに、商品やサービスの購入のための情報収集はネットが主流という結果が出ており、同社では「テレビやインターネットの情報源としての位置付けが変化する可能性が考えられる」としている。
• 企業のネット利用動向においては、大企業を中心に社内向けQ＆Aコミュニティーやブログの導入が進んでいる。しかし、重要性を認識しながらも半分以上が具体的な利用計画にいたっていない。その理由としては、「経営者の理解」や「ITスタッフの技術や能力」の不足が挙げられている。 また、企業のウェブ担当者に「マッシュアップ」のための重要キーワードであるWebAPIについて聞いたところ、認知度は67.2％に上っている。自社サイトでWebAPIを「公開している」のは5.8％、公開されているWebAPIを自社サイトに「利用している」のは6.8％となっている。

YouTubeの利用率がすごいですね。

グラフなど、より詳細な情報は以下のURLにて公開されています。 [PDF]http://www.impressholdings.com/release/2007/052/20070613.pdf

インターネット動画広告に関する調査（上）--動画広告の広告バナーをクリックするユーザーは60%　より

上記の記事によると、インターネット動画広告を見たことがあるインターネットユーザーを対象とした調査で動画CM中に掲載されているバナー広告をクリックしているユーザーが60%以上にも昇るそうです。 （16～49歳の男女322人を対象※男女比は男性が42.5%、女性が57.5%）

CM中のバナーをクリックするということは目を離さずに動画を見ているということなので、テレビのような「ながら視聴」をしている人がそれだけ少ないということでしょうか。

動画サービスの閲覧中とはいえこれだけクリック率が多いとなると、最近増えてきた動画広告の勢いにますます拍車がかかるのではないでしょうか。

以下はアンケート内容の詳細です。

[Q1.あなたはインターネット上の動画CM中に掲載されているバナーをクリックしたことがありますか？]

[Q2.あなたがインターネット上の動画CM中に掲載されているバナーをクリックした主な理由を教えて下さい]

[Q3.あなたは動画CMで紹介されていた商品やサービスについて検索したことはありますか？]

Googleの順位決定にGoogle Analyticsのデータが使われていたことが判明！　より

GmailやGoogle Talkで交わされた言葉が検索の順位に影響を与えることはすでに判明していますが、このほかにGoogle Analyticsのデータ（直帰率と滞在時間）も順位（SEO）に影響を与えていたようです。
人為的な操作も不可能ではないですが、やはり読んでもらえるコンテンツを製作することが肝心ということですね。

以下は上記ページで紹介されている実験内容です。

-実験-
100人の協力者に、Googleの検索結果ページからクリックでサイトに飛んでもらい、そのサイト内をクリックで移動して、30分から60分過ごしてもらった。

-実験結果-
直帰率がかなり低下し、該当サイトでの滞在時間の平均値が上昇した。
およそ1週間経つと、サイトの順位は80位から33位へと、47位上昇した。

-結論-
Googleが順位のアルゴリズムを改善するために、Google Analyticsのデータを利用していることが証明された。

この他、検索結果ページの項目のクリックによる効果の実験もなされているようです。
それほど影響するというわけではなさそうですが、クリックされやすい、目を引くタイトルを付ける癖を付けておいたほうがよさそうです。

-実験-
競合的なキーワードについては100人の参加者で検索結果ページの項目をクリック。
競合的なキーワードは65人の参加者で検索結果ページの項目をクリック。

-実験結果-
非競合的なキーワードで実験したサイトは、2週間で順位を変えることができたが、競合的なキーワードで実験したサイトについては、順位を上げることができなかった。

-結論-
Googleの検索結果ページで行う特定サイトへのクリック数は、アルゴリズムの計算に反映されるが、わずかしか影響しない。

ネットリサーチの老舗macromill（マクロミル）が、動画サイトの利用動向の調査結果を発表しました。

調査期間：2007年6月6日（水）～6月7日（木）
有効回答数：1,036名
調査対象：15～59才

-動画コンテンツの利用状況-
・動画サイトの利用経験は、無料コンテンツ70%、有料コンテンツ11％、YouTube 49％
・サイト訪問1回あたりの利用時間、YouTubeは動画配信サイトに比べ、利用時間が短い

-動画配信サイトの利用状況-
・アクセスするタイミングは、
　動画配信サイト（無料） 「ネット上で興味がある動画が紹介されたとき」45％
　動画配信サイト（有料） 「見たいコンテンツがあったとき」38％
・動画配信サイトで見たことがあるジャンルは、　「音楽」が61％でトップ、次いで「映画」51％、「アニメ」40％

-YouTubeの利用状況-
・YouTube利用のきっかけは、「友人、知人からのクチコミ」が 34％、次いで「インターネットニュース」29％、｢検索サイトで偶然見つけた｣23％
・YouTubeで見たことがあるジャンルは、「日本のテレビ番組」が71％でトップ、次いで「日本の音楽プロモーションビデオ」46％、「一般人が撮影したホームビデオ」38％
・YouTubeで得た情報、何らかの手段で他者に伝達した経験がある人は54％
・YouTubeのコンテンツ「著作権を侵害しているものもあると思う」61％

データから動画サイトが一般的に広く認知され、あたりまえに視聴される時代になっていることがよく分かります。

詳細は以下のURLからどうぞ
[PDF]http://www.macromill.com/client/r_data/20070619movie/macromill_070619movie.pdf

Yahoo! Japan、企業別月間利用者数が4,000万人を突破 対前年同月比成長率ではGoogleが58%増で群を抜く　より

Yahoo! JAPANの月間利用者数が家庭からのアクセスのみで月間4,000万人を突破し、家庭、企業を合わせたPVが月間318億PVで、世界一閲覧されているサイトになったとのことです。
また、ネットレイティングスによるとこの数字は、「ネットユーザーの約9割が月に1度はYahoo! Japanが運営するいずれかのウェブサイトを利用していることになる」そうです。

確かにyahooはネットを使う誰しもがなんらかの形で利用している印象があるので納得ですね。
今後yahoo携帯の普及によって、更にユーザー数を増やすのでしょうか。

Googleの対前年同月比成長率58%増というのもすごい勢いですが、日本人のITリテラシの向上度合い次第ではまだまだ伸びしろがありそうな気がします。

Livedoorの対前年同月比成長率14%増は以外と健闘している感じですね。

国内のランキング（家庭のPCからのアクセス・単位：千人）

ちなみに米国内のランキングは以下の通りです。

1位　米国Yahoo!　316億PV
2位　News Corp. Online　296億PV
3位　Google　212億PV
4位　Microsoft　155億PV

ネットレイティング社のプレスリリースは以下のURLからご覧になれます。
http://www.netratings.co.jp/New_news/News06252007.htm

Photoshop（フォトショップ）で使え、クオリティの高いレイヤースタイル、ベクトルデータ、ブラシ、プラグインを紹介しているサイトをまとめました。

デザインのアクセントにお役立てください。

レイヤースタイル（集）

ボタンに使えるPhotoshopレイヤースタイル42種類
http://www.designwalker.com/2008/02/button-layer-styles.html

Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル
http://phpspot.org/blog/archives/2007/05/web20photoshop_1.html

有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました
http://www.designwalker.com/2007/06/button_style.html

ベクトルデータ（集）

無料で使えるベクターデータを配布しているサイト27選
http://www.simplexsimple.com/archives/2007/02/27.html

クォリティの高いフリーで使えるベクトル画像１１選*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-107.html

クールなアクア風ボタンのベクトルデータが無料で72個！
http://www.simplexsimple.com/archives/2007/02/72.html

ブラシ（集）

PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」
http://phpspot.org/blog/archives/2008/01/photoshopmyphot.html

１００のすさまじい高画質Photoshop用ブラシ
http://e0166.blog89.fc2.com/blog-entry-322.html

和風なPhotoshopブラシまとめ
http://www.designwalker.com/2007/12/japanese-brushes.html

100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」
http://phpspot.org/blog/archives/2007/08/100photoshopget.html

春の訪れを感じさせるPhotoShopブラシ集
http://phpspot.org/blog/archives/2007/07/photoshop_17.html

フリーで使える超絶クールなPhotoShopブラシ
http://phpspot.org/blog/archives/2007/04/photoshop_2.html

Photoshop用ブラシが180種類以上ある無料サービス「PS Brushes」
http://gigazine.net/index.php?/news/comments/20061012_ps_brushes/

閃光、爆発などの光や風などを表現できるPhotoshopのブラシ
http://coliss.com/articles/build-websites/operation/design/738.html

プラグイン（集）

トイカメラ風にデジカメ画像を変換するPhotoshop用プラグイン
http://www.gizmodo.jp/2007/08/photoshop.html

いろいろなフィルム効果を施すPhotoshop用プラグイン「PixelSampler」
http://gigazine.net/index.php?/news/comments/20070205_pixel_sampler/

無料で使えるPhotoshopプラグイン20選『Free Photoshop Plugins』
http://blog.creamu.com/mt/2007/05/photoshop20free_photoshop_plug.html

グラデーション

無料のPhotoshop用のグラデーション ファイル集
http://coliss.com/articles/build-websites/operation/design/625.html

Photoshopのグラデーションファイルを日本の伝統色で作ってみた
http://www.designwalker.com/2007/05/japanese_color_gradient.html

塗りつぶしパターン（集）

Photoshopにさまざまなパターンを追加できる「JanSport Patterns」
http://gigazine.net/index.php?/news/comments/20071205_jansport_patterns/

アクション（集）

デザインを高速に行える技巧的なPhotoShopアクション集
http://phpspot.org/blog/archives/2008/02/photoshop_52.html

画像にいろいろな効果を与えるPhotoshopのアクション集 | コリス
http://coliss.com/articles/build-websites/operation/design/857.html

ECサイトのユーザビリティ・ガイドライン　より

上記サイトにてECサイトを製作する上で押さえておきたいユーザビリティ・ガイドラインがうまくまとめられています。

新規ECサイトの立ち上げを考えている方や、売り上げの減少に悩むECサイトを運営されている方は必見です。
（お金をかけた露出アップよりも売り上げ増が期待できるかもしれません）

既に運用中のECサイトの見直しチェックリストとして使用した場合、見直し項目が多ければ多いほどコンバージョンレートの改善が見込めるのではないでしょうか。

-ECサイトユーザビリティ・ガイドライン基本5項目-

1. 見つけたい商品・情報を見つけやすくする
2. ユーザーの労力を極力削減する
3. 買いたい気にさせる
4. 購入までのプロセスを簡単にする
5. オンラインショッピングの恐怖心をなくす

各項目の詳細は上記ページにてご覧になれます。

上半期キーワード：1位「YouTube」、5位に「ビリー」--インフォシーク調べ より

上記ページにて、2007年上半期インフォシーク（infoseek）で検索回数の多かったキーワードが紹介されています。

‐総合‐

• 1位：YouTube
• 2位：無料
• 3位：2ちゃんねる
• 4位：攻略
• 5位：ビリーズブートキャンプ

‐時事‐

• 1位：加護亜依
• 2位：坂井泉水
• 3位：年金記録問題

‐スポーツ選手（男性）‐

• 1位：斎藤佑樹
• 2位：田中将大

‐スポーツ選手（女性）‐

• 1位：浅尾美和
• 2位：安藤美姫

‐病気‐

• 1位：はしか
• 2位：花粉症
• 3位：うつ病

いずれも妥当なものばかりですね。

6月携帯電話契約数：ソフトバンク、純増で1位--ドコモ2in1は5万4000件　より

上記のページにて、電気通信事業者協会（TCA）調べの携帯電話の契約数が紹介されています。

2007年6月末時点での携帯電話とPHSの契約数の合計：1億307万7600件
（対前月比0.5％増、対前年同月比5.6％増）

携帯電話の契約数：9805万5800件
（対前月比0.5％増、対前年同月比5.6％増）

－純増数－

• ソフトバンク：20万4800件
• KDDIグループ：13万3200件
• NTTドコモグループ：8万8800件

月額980円の料金プラン「ホワイトプラン」の申し込み件数が600万件を突破した（http://www.softbankmobile.co.jp/corporate/news/press/2007/20070709_01/）そうです。

1月16日より提供が開始されて以来月100万件の申し込みを維持してるというのはすごいですね。 この勢いは暫く続くのはないでしょうか。

「インターネット白書2007」で見るインターネットの現在（1）より
http://internet.watch.impress.co.jp/cda/special/2007/07/03/16226.html

• 日本のネット人口は8,226万6,000人、ブロードバンド人口は4,627万人
• 自宅の接続回線はADSLが40.6％、FTTHが28.2％などブロー�