[ユーザビリティ]000029このサイトはこれまで、賢威6.1テンプレートのレスポンシブWebデザインを無効にして運営してきました。直帰率などの傾向が良くないので有効化します、というお話です。無効にしていたのか、その理由は以下の記事で書いてますが、iPadで縦表示したときに横幅がはみ出してしまうからです。移動して、デバイスカテゴリの情報を開きます。ここでデータを比較してみると、mobileの直帰率がすごく高くて87%を超えてます。訪問別ページビューと平均滞在時間の数値もやたら低いですよね。desktopとの差がありすぎです。このデータから言えることは、スマホで開いたページがPC用のサイトだと、やっぱりみんな離脱してしまうということ。スマホで表示してみると、やっぱり字が小さいですね...。いちいちピンチイン・ピンチアウトするのはたしかに面倒です。それにしても、ある程度は影響あるだろうなーと思ってましたが、ここまであからさまに直帰率が上がるとは予想しませんでした。mobileの割合はアクセス全体の40%強なので、このまま放っておくことは到底許されません。いうことで、レスポンシブWebデザインを有効に設定し直します。賢威のレスポンシブWebデザインを有効化する賢威6.1テンプレートの場合は、レスポンシブWebデザインを有効に設定するのはとっても簡単です。メニューバーの「賢威の設定」をクリックします。レスポンシブWebデザインの「有効にする」にチェックを入れて、変更を保存すれば完了です。最適化してあると文字が大きくて老眼にも優しい(笑)これでレスポンシブWebデザインの有効化は完了しました。iPadの横幅がはみ出すの、イヤなんですよね...。変更してみてスマホサイトの課題がいくつか出てきたので挙げておきます。アクセス解析QLOOKのバナーが画面にステイしだした→設置位置をフッター部分に変更アスメルのメールフォームがはみ出した→条件分岐タグを使ってスマホ用のフォームを表示スマホサイトのヘッダー画像は別で用意した方がよさげサイドバー部分がフッターに移動されてて存在感がゼロ1と2は解決済みで、他は方法が見つかったり、やる気が出た時にちょこっとずつやっていこうかなと思います。テンプレートの変更は修正点が出てくるのでメンドイです...^^;文字のレイアウトはたぶん大丈夫・・・だと思うレスポンシブ・ウェブデザインを考慮したブログ記事の改行方法でも書いたように、文中の改行は出来るだけ避けてきたので、よほどレイアウトが崩れる心配は無いと思います。自分なりにサイト内をスマホで確認したり、PCで表示させてみたり、いくつかページを確認してありますが、もしどこかヘンなところがあったら、コメント欄でも問い合わせでも良いので報告頂けると幸いです。Analyticsで確認してみてくださいね。したらスマホの直帰率高いかもですよ?※レスポンシブWebデザインに非対応のテンプレートの場合は、スマホサイト用のテンプレートを表示するプラグインWPtouchをインストールしましょう。データが改善されたらまた報告しまーす。Analyticsがスマホサイトのアクセス数をカウントしてない!コメントを残す返信をキャンセルする。date*コメントは承認制です。日本語が含まれない投稿は無視されます。ファミリーセキュリティはライセンスの仕様が使いやすい!管理人:サトシ「ネットを使ってお金を稼ぐ」そのために必要な情報を発信しています。趣味は懸賞とポイントサイト。(12)↓こういう記事がよく読まれてるみたいです。Reserved.プライバシーポリシーこのページの先頭へ。