Bing開発者が伝授するSEO対策/先週のBing(3/19~3/25)背景画像まとめ

3月 26th, 2012

今日、ふとBingを見てたらこんなのがありました。

で、リンクをクリックしてみたら「サイトマップを送信しましょう」的な記事だったという。
SEM Vol.12|Webマスター向けTips | Discover Bing

こんな特集があったのを知らなかったのですが、よくよく確認すると「Webマスター向け Tips」というのがありました。
Googleでいうところのウェブマスターセントラルみたいなものですかね。

Web マスター向け Tips | Discover Bing

BingのSEOで気になることは一旦ここで調べてみるといいかもしれません。

ということで、先週のBing背景画像です。
月曜日の「ジョウビタキ」が凄く春めいています。

 

2012.3.19-3.25

3/19
「ジョウビタキ」

3/20
「ユタ州会議事堂」

3/21
「イタリア・カラブリア州」

3/22
「インド・アーグラ」

3/23
「モンタナの雷雨」

3/24
「ハイランド・カウ」

3/25
「明孝陵」

というわけで今週で3月も終わりですが頑張りましょう。

Bing
先々週(3/12~3/18)のBing背景画像まとめ

【iPhone/iPad対応はできているかチェック】HTML5+CSS3で作る 魅せるiPhoneサイト/谷拓樹

3月 23rd, 2012

HTML5+CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応

読了。
フィーチャーフォンからスマートフォンへの移行というのがだんだん進んでいるわけですが、そんな中でもiPhone!ということでiPhoneで何ができるのかを勉強するべく購入。
サンプルなどもあって非常に分かりやすい本でした。
(サンプルはサイトURLが掲載されています)

 

目次

スマートフォン時代のwebサイト

iPhoneサイト構築のワークフロー

基本的なページの作成

iPhone風ナビゲーションページの作成

アニメーションするページの作成

ユーザビリティの高いフォームの作成

webサービスと連携したページの作成

ショッピングサイトの作成

 

気になった

サイト事例(カラーページ)

日本語フォントは一つのみ

iPhoneシミュレーターでの検証

アクセスを振り分ける三つの方法
(.htaccess/JS/php)

AppleのiPhoneヒューマンインターフェースガイドライン

ViewPortでのサイズ指定

電話番号認識の無効化

アニメーション

iPhoneで使えるフォームの属性と値

パフォーマンス調整でiPhoneサイトをより快適に

デスクトップサイトをiPadに対応させる

スクロールバーは表示されない

マウスオーバーが使えない

画面設計に役立つツール/サービス

 

感想

非常に分かりやすい本でした。
iPhoneユーザーが増加傾向にあるというのは現実でそのユーザーに向けていかに快適な環境を提供できるか、ですよね。

「PCサイトもiPhoneで見られるから特に気にしなくてもいい」というわけではなく、例えばマウスオーバーの制限だったりスクロールバーの制限だったりがあって、そういった細々とした部分で機会損失を起こしているかもしれないわけです。

「これからiPhoneサイトを勉強しよう」という方にも「気になってたけど手付かず」という方にもおすすめ。
フィーチャーフォンが主流だった時に「ユーザーの半分位が携帯電話から来ている」というサイトがあったように、今後スマートフォンやタブレット端末ユーザーがサイト訪問者の半分とかを占める時代が来るかもしれません。(もしかしたらもうあるかも?)
慌てて対応するのではなく、あらかじめ知識をつけておくことが大事なのではと感じました。

と言っても、このサイトも特に何もやってないのですがw

Bingの背景画像馬鹿一代:先週のBing(3/12~3/18)背景画像まとめ

3月 22nd, 2012

ホッテントリメーカーで毎回タイトルの素材を作っているのですが、ホッテントリどころかブクマの一つも付かないというw
コンテンツの問題ですかそうですか。

■ Bingの背景画像馬鹿一代 18 users(推定)
■ Bingの背景画像は二度死ぬ 219 users(推定)
■ 高度に発達した Bingの背景画像は魔法と見分けがつかない 11 users(推定)
■ 思考実験としての Bingの背景画像 19 users(推定)
■ 今日から使える実践的 Bingの背景画像講座 94 users(推定)
ホッテントリメーカーより)

だんだんとコートを着なくても耐えられるような過ごしやすい気温になって来ました。春の訪れですね。
というか、もう今年入って1/3が過ぎようとしているのが驚きというかなんというか。

 

2012.3.12-3.18

3/12
「ガラパゴスアシカ」

3/13
「ポーランド・ワルシャワ」

3/14
「サンディビーチ」

3/15
「ストロマトライト」

3/16
「新燃岳」

3/17
「オコンネル橋」

3/18
「サン・ピエール島」

週も後半になってきましたが頑張りましょう!

Bing
先々週(3/5~3/11)のBing背景画像まとめ

お財布.comにスマホ版広告が登場したっぽい

3月 20th, 2012

自分が唯一使い続けている懸賞サイトというか、お小遣い稼ぎサイトが「お財布.com」なのですが、今日ふとサイト内を覗いたらスマホ向けの広告欄が表示されていたのでここで更新。

キャプチャ:お財布通帳の画面

スマートフォンが出てくる前はフィーチャーフォンの広告でそこそこ稼ぐことができたのですが、スマホになってからというものの

広告メールが届く
→クリックする
→この広告はスマートフォンに対応していません

という流れになっていたのでこのスマホ広告の登場は非常に嬉しい。

ただ現状のところ手元に届くメールはフィーチャーフォン向けのものっぽく、これってどこで切り替わるのだろうか。
一応iPhoneからサイトにID/Passを入力してログインしてみましたが果たして・・・
これを機にまた携帯の広告が使えるようになるといいのですが。

参照:お財布.com

【初心者】Paint.netでデザインの勉強を始めてみました

3月 16th, 2012

当サイトを見ていただけると分かるかと思うのですが、一切のクリエイティブがない。

ということで、fireworksだったりphotoshopだったりIllustratorだったり、「なにかデザイン的なものができるようになるんでしょ?」というのを購入しようかと思ったんですが

「最初はフリーのソフトで練習してみたら?」

と言われたのでそっちを使ってみることにしました。

Paint.NET

webデザイナー界隈の人には「いやいやw」と思われてしまうのかもしれないのですが(正直このPaint.netの立ち位置がよくわからない)、このツール、圧倒的にデザインですよ。
これが、自分の求めていたデザイン!

というわけでPaint.netを使っていくつか作ってみました。

 

作品群


※ツール触ってたら楽しくなってきて「これ、Webデザインレシピさんと並ぶ日も近いんじゃないか?」(冗談です)と調子に乗って作った作品。
このサイトでハートを付けると激しくウザい。

上記の素材はこちらのサイトからいただきました。
・ノートの背景:Textures: Paper by ~Dioma on deviantART
・ハート:無料素材|フリー素材|イラスト|WEB素材-Memory

 

気付いたこと

ごくごく当たり前のことなのですが、実際に手を動かして何かを作ってみると色々なことに気付きます。

・今まで気にならなかった他サイトのバナーとかのデザインがどういう風に構成されているのかが分かる(想像できる)
Webクリエイターズボックスさんの本にもあったんですが、オフラインでの気付きが多い
・Webデザイナーさんとの圧倒的なセンスの差・・・!

自分は完全に初心者なので、もし初心者の方で「デザイン(っぽいこと)をやってみたいけどソフト買うにはお金が・・・」という方がいらしたらPaint.netオススメです。
結局のところ、ソフト購入しても使いこなせないと使わなくなっちゃうんじゃないかとも思いました。

参考:Paint.NET