企画特集
-
簡単に扱えないと意味がない!
【対談】安心・簡単なセキュリティが必要
--SMBの現場ニーズ vs トレンドマイクロ -
クラウド神話をリアルで読み解く
最新テクノロジ満載、「百度」の講演も!
TECHNOLOGY @WORK 東京 2012レポート -
百聞は一見で!日立のビッグデータ
JP1、Hadoop、QlickView "集計・分析"
データをクラウドに集約 ”蓄積・検索" -
サーバ向けなのに、こんなに簡単!
ぜい弱性対策+ウィルス対策ソリューション
「あんしんパック」をインストールしてみた -
クラウド意識調査結果を公開
率直な読者のご意見を全て公開
クラウドに対する疑問や実際の効果に迫る
注目コンテンツ
読まれている記事
注目のキーワード

ブログパーツの作り方:横幅は何ピクセル?
プロフィール
最近のエントリー
-
【まもなく締切】人間中心設計専門家の受験申込 受付中 10日(火)まで
2012/01/09 -
社会人向け ユーザビリティとUXの専門家を育成する講座 まもなく開講
2011/09/16 -
人間中心設計専門家の応募がまもなく締切
2011/01/10 -
アクセシビリティ規格JIS X 8341-3が改正、重要な関連文書も続々と公開
2010/08/24 -
WCAG 2.0とUnderstanding WCAG 2.0に、新しい日本語訳が公開 - アクセシビリティ動向
2010/04/14


この記事のトピック
ブログパーツの横幅は何ピクセルで制作するべきか?
最近、マーケティングなどでCGM(Consumer Generated Media、いわゆる口コミ)を狙った「ブログパーツ」や「ブログシール」を各社がどんどん提供している。利用者としても可愛く面白いブログパーツがどんどん供給され、楽しい。
実は、今、僕もブログパーツを制作している。個人的なもので、仕事やマーケティングとは関係ない。最近はまっているSecond Lifeで、ちょっとしたアイデアが浮かんだのだ。
しかし、実際つくりはじめたらいろいろと課題も出てきて、楽しくも苦労が多かった。そのひとつが「ブログパーツの横幅は、何ピクセルにすればいいのか?」という問題だった。
作ったブログパーツを多くの人に利用してもらいたい。そうすると、当然、様々なデザインのブログのサイドバーに掲載されることを前提にする必要がある。しかし、世の中に広がるブログサービスを見ても、たとえばLivedoor、Blogger、Seesaa、ココログ、はてなダイアリー、FC2、アメーバブログ・・・まだまだ列挙すればきりがない。それぞれが異なったデザインを提供する中で、ブログパーツの横幅はいくつにするべきかというのは困った問題だ。
ユニクロやIAB、Googleの事例
調べてみたところ、以下のような情報が見つかった。
ブログパーツの横幅は150〜160ピクセル?
いくつかブログパーツの横幅を比較している。
身の回りでは、最近、ユニクロのブログパーツ「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で用意されているサイズでは、上記にあるワイドスカイスクレイパー・スカイスクレイパー・レクタングルのほか、リンクユニットで使われる120ピクセル・160ピクセル・180ピクセルが参考になりそうだ。他にもGoogle AdSenseではボタンなどで125ピクセルや110ピクセルが使われている。
ブログパーツの横幅は160ピクセルが適切?
僕自身は散々悩んだ末に、今回のブログパーツは横幅160ピクセルで行くことに決定した。
ブログのサイドバーに配置したとき、あまり小さいとインパクトに欠けるし、訴求力も低い。かといってデザインを壊す(サイドバー落ち)ようなものにしてしまうと、利用者は使ってくれないだろう。横幅160ピクセルであれば、IABが推奨するワイドスカイスクレパーと同じサイズで根拠も明確(人に説明しやすい)だし、Googleでもこれを採用しているので、各ブログでも対応している可能性が高いだろう。過去の経験からもたいていのブログのサイドバーでいけそうな気がする。
もしあなたもブログパーツの制作で悩んだら、このあたりを参考に決定したらいかがだろうか。もっとも、上記は個人的に調べた域を出ないので、企業が参考にするにはもっと調査が必要かもしれない。できれば、インターネット広告関連の業界団体が先導して推奨サイズを設定して欲しいところだ。
今回はブログパーツの横幅について悩んだが、ブログパーツ制作にあたって、これ以外にも山ほど悩んだことがある。それらは機会があればこの場などでシェアしていきたいと思っている。
最新ブログエントリー
-
VMware仮想マシンにWindows 8(Consumer Preview)
Mac OS X Trend Informations/ 2012-05-22 01:43:15 -
デビッド・ゲッタが「ロボ声」で世界を変える!? 人生で大切なことは全部ラジオで学んだ...(その9)
放送と通信の地殻変動/ 2012-05-12 13:27:24 -
ブログ執筆の効率化のために-ブログお引越しサービスの活用-
片岡麻実の「チャレンジド×IT=ユニバーサルデザイン!?」/ 2012-05-10 22:44:56 -
原研哉 「日本のデザイン」 をもう一度読む
村上敬亮 情報産業の未来図/ 2012-05-07 01:28:05 -
教育現場の正しいITの使いかた ~通信制高校がすごいことになっている!!
放送と通信の地殻変動/ 2012-04-29 09:30:42
今日の主要記事
-
モルガン・スタンレー、FacebookのIPO直前に売上予測の引き下げ通知か
-
ソーシャルメディアと“つながない”ご近所チャットアプリ「Eyeland」が刷新
-
グーグル、シンセサイザー開発者R・モーグ氏をたたえる
-
Facebookとグーグル--テクノロジの未来をかけて争う5つの分野
-
ジョブズの薫陶を受けたザッカーバーグ--ハッカー・エートスの系譜
デジタル製品主要記事
東芝、ノートPC「dynabook」のウェブオリジナルを5月下旬から
マウス底面で画像を読み取るLG製マウススキャナを使ってみた
グーグル、モトローラ・モビリティ買収を正式に完了
ボブ・マーリーの意志が詰まったオーディオ「HOUSE OF MARLEY」が日本上陸
スマホと連携--エレコム、手持ちのメモを取り込める「マーカーシート」と「ふせん」
スクロール画面を使ってスカイツリーを登る--iPhoneアプリ「スカイツリーを登れ」
特集 by 楽天市場







