Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

⑥ モバイル率とは

⑥ モバイル率とは

モバイル率
ユーザー ⇒ モバイル ⇒ サマリー

スマートフォンやタブレットの所有率が年々増加しつつある現在、モバイルデバイスからのアクセスがどのような状態であるかを把握することは、サイトの運営上必須です
モバイルからのアクセスが多いならモバイルサイトにコストをかけ、モバイルからのアクセスアップを狙うべきです!
横幅を固定幅でデザインし、デバイスが変わっても見え方が変化しないウェブページデザインの基本です。
どんなデバイスであっても、つねに同じレイアウトであることは、ユーザーインターフェースに一貫性があり、ブランドイメージの強調という側面があります。
リキッドデザインは、その名のとおり文章やコンテンツがリキッド(液体)のように可変するレイアウトのことです。
ウィンドウの横幅に合わせて改行位置が自動的に変わるため、画面解像度の異なるデスクトップ機やAndroidデバイスには最適とされています。
ブラウザーがサーバーに対して情報を自己申告する「User Agent」はiPhone/iPadといった機種の種類やOSのバージョンのほか、これらの情報に合わせてURLを移動するスクリプトを組み込んでいます。
つまり、デスクトップ/モバイル用など複数のHTMLを用意していれば、ウェブサイト側が自動的に表示を切り替えてくれます。
Media Queryとは、スクリーンの横幅に合わせて読み込ませるCSSを切り替えるレイアウトです。
切り替え時にHTMLを変更する必要がないため、URLは変わらずWordPressで構築したサイトは1回の更新で済みます。
ただし、最初にウェブサイトを設計するときにしっかりとしたHTML構造と柔軟なCSSの構築が求められるため、最も上級者向けのレイアウトと言えます。