「御社のスマホサイト、遅いから19%離脱してるよ」グーグルのわかりやすい測定サービス登場 | 編集長ブログ―安田英久 | Web担当者Forum

2017/07/04 145 users 安田英久 グーグル Web担 モバイル Web担トップ

Web担トップ » [コラム] Web担のなかの人――編集部ブログ » 編集長ブログ―安田英久 » 「御社のスマホサイト、遅いから19%離脱してるよ」グーグルのわかりやすい測定サービス登場 編集長ブログ―安田英久 「御社のスマホサイト、遅いから19%離脱してるよ」グーグルのわかりやすい測定サービス登場 モバイルでのページ読み込みが遅いせいで、これぐらいの人を逃してるよ？ 改善しないともったいないよ... 続きを読む

よこ並びのCSS。

2017/02/15 569 users CSS レスポ タブ ナビゲーション 昨今

ナビゲーションやタブやアイテムリストなど、「よこ並び」にレイアウトするためのCSSについて、お馴染みの方法から最近の方法まで、順番に見ていきます。スマホサイトが優勢な昨今、要素をよこ並びにする機会は減ってきているのかな。とも思いますけれど、大きい画面で見るサイトでは、ナビゲーションやタブや、アイテムリストなど、よこ並びにレイアウトする機会はまだまだあるんじゃないでしょうか。もちろん画面幅にはレスポ... 続きを読む

CSSで縦横比を維持しながら横幅いっぱいに背景画像を表示させる方法 | NxWorld

2016/05/14 132 users NxWorld ウインドウサイズ auto 横幅 img

特にレスポンシブやスマホサイトで見かけることが多い、どんなウィンドウサイズでも縦横比を維持しつつ横幅いっぱいに画像を表示している見栄えですが、imgであれば画像を配置して width:100%; と height:auto; を指定しておけば簡単に表示させることができても、その見栄えを背景画像を利用してとなると先述した方法では実装できません。背景画像でも同じように縦横比を維持しつつ横幅いっぱいに画... 続きを読む

スマホ対応のキモ。スマホサイトのナビゲーションメニューが悩ましい。

2015/06/08 76 users ナビゲーションメニュー ナビゲーション 引き出し キモ 工夫

スマホ対応は今後ますます必須になります。ナビゲーションへの工夫も、いろいろと引き出しを増やさなくちゃ。スマホサイトのナビゲーション。どーいう感じにしようか、いつも悩みます。 最近、よく見られるのは、こういう「ハンバーガーメニュー」。試しに、右上の「三」をクリックしてみると、 See the Pen Burgers & Sliders by Erik Rahm (@erikrahm) on Code... 続きを読む

スマホサイトいらず！国内外のレスポンシブ対応の無料Wordpressテンプレートまとめ｜ferret [フェレット]

2015/05/27 68 users フェレット レスポンシブ対応 国内外

国内産の無料Wordpressテンプレート 1.Gush2 http://wp-gush.com/ 国内産無料レスポンシブウェブデザインのテンプレートである、「Gush2」です。 こちらは同名テンプレートの第2弾となっており、第一弾の「Gush」ではカスタマイズを前提にしたことによるシンプル「すぎる」部分を払拭したテンプレートに仕上がっています。 この2で備わった仕様として、レスポンシブウェブデ... 続きを読む

alternateタグとcanonicalタグを正しく使ってスマホサイトの存在を伝えよう｜ferret [フェレット]

2015/05/16 82 users Ferret フェレット canonicalタグ 存在

Googleはだいぶ前からスマホ専用のクローラーを動かしています。しかし、まだデスクトップ版のクローリングをベースにしています。デスクトップ用ページとスマホ用ページのURLが違う場合、きちんと設定をしていないとクローリングが遅れてしまう、重複と見なされてしまう可能性があるなどのマイナスもあります。 続きを読む

スマホの検索順位が変わる？ 4月21日までにサイトのモバイル対応で、やっておくべき4つのこと | ネットショップ担当者フォーラム　ダイジェスト | Web担当者Forum

2015/04/07 119 users ダイジェスト アナウンス Web担トップ Google 最適化

Web担トップ » 編集記事一覧 » ネットショップ担当者フォーラム　ダイジェスト » スマホの検索順位が変わる？ 4月21日までにサイトのモバイル対応で、やっておくべき4つのこと ネットショップ担当者フォーラム　ダイジェスト スマホの検索順位が変わる？ 4月21日までにサイトのモバイル対応で、やっておくべき4つのこと Googleのアナウンスを受け、スマホサイトの最適化についてお伝えします。（連... 続きを読む

事例で学ぶヒートマップ読み解き講座　第8回　スマホサイトの直帰率を下げる21の現実的な方法 | Pt mind | Pt engine ブログ

2015/03/29 54 users Pt engine Pt mind 鉄則 直帰率 事例

今回は、弊社のヒートマップ分析の経験で分かってきた、主にBtoCスマホサイトの直帰率を下げる21の鉄則をご紹介します。特にECサイト向けの鉄則を多くご紹介します。「鉄則」と言っても、「うちのサイトには当てはまらない」というものもあるかも知れませんので、是非、貴社独自のリストに進化させていってください。 1. 「ファーストビューに何かビジュアルが必要」は思い込み。 理由　限られたファーストビューのス... 続きを読む

スマホの検索順位が変わる？ 4月21日までにサイトのモバイル対応で、やっておくべき4つのこと | ネットショップ担当者フォーラム

2015/03/20 120 users 検索順位 モバイル対応 スマホ アナウンス 順位

Googleのアナウンスを受け、スマホサイトの最適化についてお伝えします。（連載第8回） 先日Googleより「4月21日以降、スマホ対応しているかどうかで順位に影響が出る」とのアナウンスがありました。どの程度のインパクトがあるのかはわかりませんが、サイト運営者にとって大きな変更です。というわけで、キーワードの選び方の解説に入る予定を変更し、急きょ、スマホサイトの最適化について解説します。スマホ検... 続きを読む

スマホサイトのパーツをことごとく網羅！「スマートフォンサイトUI図鑑」がマジ良著だった件 | OZPAの表4

2015/03/16 99 users マジ 瞬間 子羊 アスキー・メディアワークスさん 良著

スマートフォンサイトを構築してて「このパーツなんて言う名前なのかな」「どうやって作るのかな」と言う瞬間は結構あるものです。 そんな悩める子羊を救う良著がKADOKAWA/アスキー・メディアワークスさんより発売されました。その名もCSS3&jQueryで作る スマートフォンサイトUI図鑑。 ありがたくも一冊ご恵贈頂きましたので、レビューしてみたいと思います。 いや、マジこの本オススメ。こう言う本、ほ... 続きを読む

『スマホサイト VS アプリ』どっちで作る！？WEBとネイティブアプリの違いとは | セルバマーケティングブログ

2015/02/17 100 users ネイティブアプリ セルバマーケティングブログ web

スマホからのアクセス急増に伴い、近年ウェブサイトで重要とされているのが、スマホに対応したサイトをまず構築する「モバイルファースト」。そのため、スマホ対応したウェブサイトが増えているのですが、そこから更にサービスをアプリ化する流れが多くなっています。既にスマホ対応しているにも関わらず、アプリ化するメリットとは？そのポイントを解説します。 １）強力な「プッシュ通知」が使える ウェブサイトにはないアプリ... 続きを読む

スマホサイトのデザイン時に参考になるWebサイトのギャラリーまとめ | 株式会社LIG

2015/02/09 225 users 株式会社LIG 参考 Webサイト デザイン時 キーワ

こんにちは、デザイナーのモモコです。 今回はスマートフォンサイトをデザインする際に参考になる、UIやトレンドのリンク集、ギャラリーサイトをまとめてご紹介します。 デザインやUIの参考に！スマートフォンサイトのギャラリーまとめ sps collection http://spscollection.com/ シンプルな構成のスマートフォンサイトのデザインリンク集。 最大100件ずつ表示ができ、キーワ... 続きを読む

これはハマった！スマホサイトのコーディング時に悩んだバグと仕様4選【iOS8情報あり】 | 株式会社LIG

2014/11/13 165 users パク 株式会社LIG コーディング時

こんにちは！　フロントエンドエンジニアのせいとです。 先月LIGブログがリニューアルされました。僕はメインでコーディングを担当していたのですが、いつものようにスマホでの不具合には悩まされました。 とくに今回焦ったのは、直前でiOS8がリリースされたことでした。まだ情報がない中で、こいつで起きた不具合を解明するのには手こずりました（’ー’） そこで今回は、スマホのコーディングで僕が詰まったポイントと... 続きを読む

初心者〜中級｜スマホサイト作成の9ステップと大切にしたい事

2014/10/29 116 users 中級 スマホサイト作成 9ステップ 初心者 作成工程

スマホサイトはあなたが「パソコンサイトを作る技術」を持っていれば作ることが出来る。 なぜならばインターネット上のサイトであるのはパソコンサイトと同じだからだ。 しかし技術は同じであってもスマホサイトを作る前に知らないといけない知識が確実に存在する。 この記事では自分でスマホサイトを作ろうとしている人に向けて9ステップで全ての作成工程をお伝えする。 この記事を読んであなたのビジネスに直結するスマホサ... 続きを読む

スマホのメニューデザインに悩んだらこれを見る　徹底収集36選！

2014/10/09 511 users スマホ メニューデザイン メニューアイコン ユーザ タップ

スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか？ 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイト... 続きを読む

スマホサイトのEFO（フォーム最適化）で爆発的成果を出すための５原則 | LPO研究所

2014/08/18 146 users ユーザビリティ コンバージョン 鎌田 EFO 昨今

LPO研究所所長の鎌田です。 スマホサイトを用意するのがもはや当たり前になりつつある昨今ですが、スマートフォン対応を急ぐあまり、問合せフォームのユーザビリティがないがしろになってしまっているサイトをよく見かけます。 スマホユーザーの環境は、PCユーザーに比べてあらゆる点でシビアです。いい加減なスマホ対応をしただけでは、そうそうコンバージョンのアップにはつながりません。 下記の事例をご覧ください。 ... 続きを読む

iOS - ただのWebエンジニアがスマホサイトを開発するにあたって知っておきたいこと - Qiita

2014/06/11 437 users iOS Qiita juggly.cn 各国 Apple

今更だけど、スマホサイト開発未経験のエンジニアが、スマホサイトを開発して気づいたことやハマったことなどの雑多なまとめです。 対象はiOS, Androidです。 シェア率(日本) 最近の動向など 2014年4月のスマートフォン販売シェア、日本ではiOSがトップ、欧州ではWindows Phoneのシェアが各国で増加（Kantar調査） | juggly.cn Apple、2014年第1四半期におい... 続きを読む

たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） | Design Color

2014/06/09 664 users Design Color コーディング時 サンプル 小技 1行

もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わ... 続きを読む

Webコンテンツの長さや更新頻度なんてどうでもいい。重要なのは「質」だ など11+4記事（海外&国内SEO情報） | Web担当者Forum

2014/05/16 87 users Web担当者Forum 更新頻度 Webコンテンツ グーグル

Web担トップ « 編集記事一覧 « 海外&国内SEO情報ウォッチ « Webコンテンツの長さや更新頻度なんてどうでもいい。重要なのは「質」だ など11+4記事 ««グーグルが示すスマホサイト最適化のための25の原則 など10+4記事 連載海外&国内SEO情報ウォッチ Webコンテンツの長さや更新頻度なんてどうでもいい。重要なのは「質」だ など11+4記事 「ホームページが売れる営業マンに」「UX... 続きを読む

単なるインターフェースとしてのネイティブアプリを馬鹿にしてはいけない - 文系学生のプログラミング入門

2014/04/29 79 users ネイティブアプリ インターフェース iOS開発 目次 文系学生

2014-04-30 単なるインターフェースとしてのネイティブアプリを馬鹿にしてはいけない 意識高い なかなかiOS開発に動き出せない自分を鼓舞するために、スマホサイトとネイティブアプリの違いとシンプルなビューワアプリの需要について書いてみました。 目次 どうしてスマホサイトではダメなのか ただのビューワアプリの価値を見直す まとめというか雑感 どうしてスマホサイトではダメなのか 昨年の２月、とて... 続きを読む

アドビ、美大生向けのスマホサイト「Adobe美術大学」を公開 （1/1）：MarkeZine（マーケジン）

2014/04/02 62 users MarkeZine クリエイター アドビ システムズ アドビ

アドビ システムズは、美大生や美術を学ぶ学生にむけたスマートフォン向けサイト「Adobe美術大学」を公開した。 スマホサイト「Adobe美術大学」では、将来、デザイナーやクリエイターを目指している美大生や美術を学ぶ学生をさまざまなコンテンツを通じて支援する。Adobe美術大学は、アドビの学生向けFacebookページ「Adobe Students Japan」に「いいね！」をすることで無料で利用で... 続きを読む

使いにくい・成果がでない「残念なスマホサイト」は、もう撲滅しよう！ - CNET Japan

2014/01/09 120 users とりえ 成果 さい CNET Japan 本来

いま「スマホファースト」との言葉も広まり始めたように、誰もが普通にスマートフォンを持ち歩く時代が訪れ、企業がスマートフォン対応をより重視するようになってきた。だが、とりえあえずスマホ対応しました、といったレベルに留まっていたり、そうでないにしろ、本当に現在の「スマホサイト」が、本来のビジネス上の狙いが果たせるサイトになっているか、自信は持てるだろうか？ どうしても成果があがらないならば、やはりサイ... 続きを読む

Webディレクター必見！Google Analyticsを使ってスマホサイトの課題を発見する５ステップ【小川 卓】 | Find Job ! Startup

2013/11/04 226 users アナリティクス Startup レポート アクセス解析ツール

Webディレクター必見！Google Analyticsを使ってスマホサイトの課題を発見する５ステップ【小川 卓】 アクセス解析ツールといえばGoogle アナリティクス！という方は多いでしょうが、スマホサイトに最適化された設定を行っていなかったり、そもそもレポートを見ていなかったりというケースもちらほら。 今回はそんなものすごくもったいない事をしてしまっている方々のための「Google アナリテ... 続きを読む

スマホサイト構築に！ドロワーメニュー、スワイプのプラグインまとめ | 株式会社LIG

2013/10/15 366 users ドロワーメニュー スワイプ 株式会社LIG LIG 案件

こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 ... 続きを読む

手塚治虫作品400冊が読めるスマホサイト | RBB TODAY

2013/09/25 104 users RBB TODAY ミハラヤスヒロ 手塚治虫 吉永小百合 特集

手塚治虫作品400冊が読めるスマホサイト 2013年9月25日(水) 20時46分 ツイート メルマガ購読 【特集】手塚治虫 ├コラボラッシュのミハラヤスヒロ、手塚治虫『火の鳥』 ├ラコステライブ、手塚プロとのコラボ第2弾……『火の鳥』のTシャツなど └松山ケンイチ、吉永小百合と初共演！「BUDDHA2」2月公開決定 「Tezukanizer」　手塚プロダクション　手塚治虫作品400冊が読めるスマ... 続きを読む