- 2012.08.10
スマートフォンサイト制作のコツ:スマホは横幅320pxではない
スマートフォンサイトを制作する際に、横幅320pxでデザインしているひとはいませんか? 実は過去、このブログでも「スマートフォンサイトは横幅320pxで作ろう!」と宣言したことがあります。当時のほとんどのスマートフォンが横幅320pxであったために320pxを意識して作ることを良しとしていました(スマートフォンサイトでは画像を大きめにしよう)。 一方、『スマートフォンサイトは横向きで見ることもあり […]
スマートフォンサイトを制作する際に、横幅320pxでデザインしているひとはいませんか? 実は過去、このブログでも「スマートフォンサイトは横幅320pxで作ろう!」と宣言したことがあります。当時のほとんどのスマートフォンが横幅320pxであったために320pxを意識して作ることを良しとしていました(スマートフォンサイトでは画像を大きめにしよう)。 一方、『スマートフォンサイトは横向きで見ることもあり […]
MicroAd BLADEのご紹介の前に・・・、 aishipでスマホのコンバージョンタグ設置が、以前ご紹介させて頂いたアフィリエイト機能ではなく、カートページの編集で簡単に設置できるようになったのは、みなさんご存知でしょうか? ▼aiship管理画面>サイト管理>カートページ編集>注文完了ページ こちらで設置した方が簡単で、以前の方法よりもカウント漏れがないように思います。 さてここから本題です […]
今回もクライアント様からよくご質問を頂く、 スマホのリマーケティングについてご紹介します。 スマホのリマーケティングの配信先は、 スマホサイトだけだとお思いではないでしょうか? 実は、PCサイトでもリマーケティング広告は配信されます。 それは、まだスマホ対応していないPCページを閲覧した場合、 PCと同じ仕組みによって広告が配信されるからです。 下記でPCサイトへの配信方法をご紹介します。 ・デバ […]
1.スマートフォンサイトは横向きで見ることもあります 2.レスポンシブウェブデザインとは 3.通なスマホサイトを作ろう ■スマートフォンサイトは横向きで見ることもあります 以前の記事『スマートフォンサイトは横向きで見ることもあります』で触れているとおり、スマホサイトは横向きで見ることもあります。縦長(ポートレイト)で見るときのレイアウトと横長(ランドスケープ)で見るレイアウトが同じでいいでしょうか […]
スマートフォンサイト作成時に気をつけることはいろいろあるのですが今回はセレクトボックス(select)についてです。スマホサイトを作成する際にはPCとも従来型携帯電話とも違う「タップ」「フリック」などの操作を意識する必要があります。「タップをし易く」というところでボタンやリンクを大きくするというのはもはや常識となっています。 ボタンをいつもより大きめに作ったりリンクをブロック要素に変更したりといっ […]
1. 画像を減らすことでリクエスト数を減らす 2. ページの横幅とディスプレイの解像度の違い 3. テキストは画像よりも「テキスト」のままの方が良い テキストは画像よりも「テキスト」のままの方が良いです。これまでのサイト制作では、ちょっとしたテキストもスタイリッシュにするために画像を多く使う傾向にありました。確かにテキストだらけのサイトは古臭いイメージ、画像がふんだんに使われていると今時なイメージ […]
携帯リスティング広告と比べると、PCとほとんど変わらない機能が使えるスマートフォンリスティング広告。中でもAdWordsにおいて設定しておくべき機能をご紹介させて頂きます。 デフォルトの設定では表示されていませんが、タブの右端を押すと出てくる「広告設定オプション」をチェックして表示を追加します。 ——————— […]
1.サイト制作がうまくいかない、、、さあどうしよう?? 2.微妙に左右に動く(ずれる)!?CSSを確認しよう! 3.javascript が動かない!?エラーを確認しよう! ■サイト制作がうまくいかない、、、さあどうしよう?? スマートフォンサイトの制作はCSS3やHTML5の使用が肝です。これらを使うことでスマートフォンサイトらしさを演出することが出来て閲覧者の心を惹きつけることができます。 し […]
はじめまして、ファンコミュニケーションズの松本と申します。今後スマートフォンでのアフィリエイト広告展開の事例中心にご紹介させていただきます。 ▼弊社サービス「moba8.net(モバイル中心のアフィリエイトサービス)」をご利用され売上を伸ばしているお客様は、早期からスマートフォンユーザ向けの集客を実施されている傾向が強いですが、フィーチャーフォンユーザーの集客も未だ積極的に行っておられる傾向がござ […]
<目次> スマートフォンサイトは横幅320pxで作ろう! スマートフォンの解像度は横幅320pxではない? スマートフォンサイトでは画像を大きめにしよう 1.スマートフォンサイトは横幅320pxで作ろう! スマートフォンサイトを作るときに必ず目にするのが『viewport』です。以下の記述をすることがスマートフォン対応の第一歩です。 これは「サイトの横幅をデバイスの横幅に合わせます」という指定です […]
ちょっとした小技をご紹介します。 ウェブサイトを制作する際に、特に通販サイトで重要なのがファーストビューです。そのサイトを開いたときにまず目に入ってくる部分のことです。初見でサイトの魅力をしっかり伝えることが重要になってきます。 このファーストビューの良し悪しが売上に繋がることもあります。また、ファーストビューをなるべく広く取ることで多くの情報を伝えることができます。特にスマートフォンなどモバイル […]
1.なぜSafariなのか? 2.スマートフォンサイトをSafariで見てみる 3.上級編、開発者向けツールを使ってみる ■なぜSafariなのか? 世の中にはいろんなブラウザがあります。それらは『ユーザーエージェント』という情報を持っていて、サーバー側でどのブラウザを使っているのかを判断することが可能です。また、ユーザーエージェントはブラウザの種類ごとに特徴を持ちます。 例えばInternet […]