最終更新時刻:2008年10月8日(水) 17時33分

147

ブログパーツの作り方:横幅は何ピクセル?

公開日時:
2007/12/30 20:20
著者:
ミキ・オキタ

ミキ・オキタWebClip ウェブデザインのニュース


この記事のトピック


ブログパーツの横幅は何ピクセルで制作するべきか?

最近、マーケティングなどでCGM(Consumer Generated Media、いわゆる口コミ)を狙った「ブログパーツ」や「ブログシール」を各社がどんどん提供している。利用者としても可愛く面白いブログパーツがどんどん供給され、楽しい。

実は、今、僕もブログパーツを制作している。個人的なもので、仕事やマーケティングとは関係ない。最近はまっているSecond Lifeで、ちょっとしたアイデアが浮かんだのだ。

しかし、実際つくりはじめたらいろいろと課題も出てきて、楽しくも苦労が多かった。そのひとつが「ブログパーツの横幅は、何ピクセルにすればいいのか?」という問題だった。

作ったブログパーツを多くの人に利用してもらいたい。そうすると、当然、様々なデザインのブログのサイドバーに掲載されることを前提にする必要がある。しかし、世の中に広がるブログサービスを見ても、たとえばLivedoor、Blogger、Seesaa、ココログ、はてなダイアリー、FC2、アメーバブログ・・・まだまだ列挙すればきりがない。それぞれが異なったデザインを提供する中で、ブログパーツの横幅はいくつにするべきかというのは困った問題だ。

ユニクロやIAB、Googleの事例

調べてみたところ、以下のような情報が見つかった。

ブログパーツの横幅は150〜160ピクセル?
いくつかブログパーツの横幅を比較している。

身の回りでは、最近、ユニクロのブログパーツ「UNIQLOCK」が大人気だったので、参考にしてみる。

UNIQLOCK

こちらは小サイズが横幅160ピクセル。大サイズ横幅424がピクセル。
このように複数選べると理想的。もし企業でやるならこのほうがいいかもしれない。ブログの本文でコメントつきで紹介してもらうときなど、大サイズを掲載してもらえるかもしれない。

僕個人が、過去にいくつかの主要ブログのデザインサイズを、ちょっとだけ調べたときでも、ブログのサイドバーは横幅180ピクセル以下が多いようだった。

もうひとつ参考にしたのは、既存バナーのサイズだ。バナーには複数の種類があるが、とくに推奨するサイズというものをInteractive Advertising Bureau (略称IAB)という団体が策定している。

Ad Unit Guidelines - Interactive Advertising Bureau

ぱっと見て、過去の経験からブログのサイドバーに適していそうなサイズは「ワイドスカイスクレパー」の横幅160ピクセル、「スカイスクレパー」の横幅120ピクセル、「レクタングル」の横幅180ピクセル、もう少し小さいところで125ピクセルや120ピクセル、88ピクセルあたりか。日本では以前は横幅200ピクセル・高さ40ピクセルというものが流行っていたが、最近はあまり見かけないような気がする。

同じ広告でいくと、Google AdSenseのサイズも参考になる。

Google AdSense

Google AdSenseで用意されているサイズでは、上記にあるワイドスカイスクレイパー・スカイスクレイパー・レクタングルのほか、リンクユニットで使われる120ピクセル・160ピクセル・180ピクセルが参考になりそうだ。他にもGoogle AdSenseではボタンなどで125ピクセルや110ピクセルが使われている。

ブログパーツの横幅は160ピクセルが適切?

僕自身は散々悩んだ末に、今回のブログパーツは横幅160ピクセルで行くことに決定した。
ブログのサイドバーに配置したとき、あまり小さいとインパクトに欠けるし、訴求力も低い。かといってデザインを壊す(サイドバー落ち)ようなものにしてしまうと、利用者は使ってくれないだろう。横幅160ピクセルであれば、IABが推奨するワイドスカイスクレパーと同じサイズで根拠も明確(人に説明しやすい)だし、Googleでもこれを採用しているので、各ブログでも対応している可能性が高いだろう。過去の経験からもたいていのブログのサイドバーでいけそうな気がする。

もしあなたもブログパーツの制作で悩んだら、このあたりを参考に決定したらいかがだろうか。もっとも、上記は個人的に調べた域を出ないので、企業が参考にするにはもっと調査が必要かもしれない。できれば、インターネット広告関連の業界団体が先導して推奨サイズを設定して欲しいところだ。

今回はブログパーツの横幅について悩んだが、ブログパーツ制作にあたって、これ以外にも山ほど悩んだことがある。それらは機会があればこの場などでシェアしていきたいと思っている。


この記事に拍手する

※このエントリは CNET Japan ブロガーにより投稿されたものです。シーネットネットワークスジャパン および CNET Japan 編集部の見解・意向を示すものではありません。

このエントリーへのコメント

ブログにコメントするにはCNET_IDにログインしてください。

この記事に対するTrackBackのURL: 

このブログについて

ブロガープロフィール

アーカイブ

2008年10月
   1234
567891011
12131415161718
19202122232425
262728293031 

カテゴリ

ブログネットワーク

アルファブロガー

外資系エグゼクティブの日々I am Jamming!
外資系エグゼクティブの日々
村上敬亮 情報産業の未来図ネットワーク型産業構造への衣替え?
村上敬亮 情報産業の未来図
クロサカタツヤの情報通信インサイトグッバイ、レバレッジ!(1)
クロサカタツヤの情報通信インサイト
末吉隆彦 ロケーションウェアの「空」と「実」9月イベントお知らせ
末吉隆彦 ロケーションウェアの「空」と「実」
ケータイ時代のスタンダードiPhonista Nightの事後報告
ケータイ時代のスタンダード
江島健太郎 / Kenn's Clairvoyance新サービスをローンチしました
江島健太郎 / Kenn's Clairvoyance
鈴木健の天命反転生活日記パラレルワールドとしての電脳コイル
鈴木健の天命反転生活日記

読者ブロガー

木田わをんのパソコン武士道10月13日の週のITイベント
木田わをんのパソコン武士道
インターネットメディアとWebマーケティングの可能性人為的なケアレスミスを防ぐための計算認証(?)
インターネットメディアとWebマーケティングの可能性
素人サーバ管理者のボランティア業務日誌モバイル機器の使いこなしには、挙動の把握が大切なのですが
素人サーバ管理者のボランティア業務日誌
WEB製作者の為のSEO対策スパム
WEB製作者の為のSEO対策

企画特集

KDDI「SaaSソリューション」KDDI「SaaSソリューション」
〜社内コミュニケーションの課題への解決策とは〜
エンタメCGM「gooメーカー☆メーカー」エンタメCGM「gooメーカー☆メーカー」
【第1回】開発者に訊く!各機能と開発の狙いとは

新着コメント

多分、以下のサイトで書かれているようなことを実現したいのではないかと思わ......
こんなPCの使い方はできるのでしょうか?
投稿者:seamus
そういえばWindows liveメッセンジャーもそうですね。ただ、:-)や:-pと打って......
iPhoneがついに”emoji”に対応
投稿者:長尾彰一
おっしゃる通りだと思います。 そして、月5,000円を得るために1か月何時間そ......
月5000円を得るための代償
投稿者:wackey
ikeda.minoruさん、コメントありがとうございます。 高速なモバイル回線も増......
ミニノートは、シンクライアントに最適かも?
投稿者:新倉 茂彦
moroiさん、コメントありがとうございます。 情報を守る側も、情報の本人も......
グーグル、社員の個人情報を盗まれる--人事業務の外部委託が原因 (米国)
投稿者:新倉 茂彦

ブログネットワークとは?

CNET Japan ブログネットワークは、元はCNET Japanの一読者であった読者ブロガーと、編集部の依頼により執筆されているアルファブロガーたちが、ブログを通じてオンタイムに批評や意見を発信する場である「オピニオンプレイス」、また、オピニオンを交換するブロガーたちが集うソサエティです。

広い視野と鋭い目を持ったブロガーたちが、今日のIT業界や製品に対するビジョンや見解について日々熱く語っています。

あなたもブログを書いてみませんか?

CNET Japanやその他サイトが提供するITニュースやコンテンツへの意見や分析、 ビジネスやテクノロジーに対するビジョンや見解について語っていただける方を 募集しています。ご応募はこちらから

ブログの投稿・管理

ブログの投稿はこちらから(※ブロガー専用)

ブログアワード2007開催決定!

今年最も活躍したブロガーを表彰します。詳細はこちらから

αマークって?

これは、CNET Japan 編集部の依頼に基づいて執筆されているCNET Japan アルファブロガーによるブログの印です。

Good!って?

CNET Japan ブログネットワーク内で拍手の代わりに使用する機能です。ブログを読んで、感激した・役に立ったなど、うれしいと思ったときにクリックしてください。多くGood!を獲得した記事は、より多くの人に読まれるように表示されます。

レビュー

[レビュー]2011年画質を備えた高画質、多機能Blu-ray--ソニー「BDZ-X95」
ソニーのBlu-ray Discレコーダー新製品が登場した。2007年から引き継がれる「やりたいことから選ぶ」シリー
今週の新製品総チェック:よりモバイルPCとして進化した「Let's note」が登場
松下電器産業の「Let's note」、デルのデスクトップPCとPC新製品が数多く登場した。Let's noteは9時間駆動
今週の新製品総チェック:フルサイズCMOS搭載のキヤノン「EOS 5D Mark II」が登場
キヤノンからもフルサイズCMOSセンサを搭載した「EOS 5D Mark II」が登場した。合わせてコンパクトデジカメ
今週の新製品総チェック:第4世代iPod nano登場、ソニー「α」、松下「LUMIX」に新機種も
デザインを一新したiPod nano、容量増されたiPod touchなど、新iPodファミリーが登場した。その後を追うよ