|
|
ＰＣのＨＰを 携帯変換に対応させて見やすくする
● ＰＣ向けに作るＨＰの場合は、 携帯でも見れるように対応させようとすると、 携帯用のページ（ファイルやフォルダー）を新たに作らなければ、なりません。 労力的、時間的にも２倍になってしまうので、 携帯ページも作るのは大変ですよね。 今は携帯で検索すると、 検索結果には、ＰＣ向けのサイトも表示になります。 もし、自分のＨＰが表示されたとき、 レイアウトとか、見え方が変になったり、してほしくないですよね。 なので、 携帯用のページが、なくても、 携帯変換に、スムーズに対応させて、 携帯からでも、見やすくするには（？） というのを、考えてみました。 ＰＣ向けのブログの場合は、ブログサービスで、 携帯ページも自動的に出来る仕様になってるので、 携帯ページが表示に、なります。 ● ＰＣサイトのＨＰは、どんな風に見えるか、知っているでしょうか？ ＰＣ向けのＨＰの場合は、携帯向けのページを用意してなければ、 たとえば、Google で検索すると、そのままでは、データーサイズが、大きいので、 自動的に、携帯変換で表示になります。 （スマホだとＰＣサイトがそのまま表示だと思いますが） ● 携帯だと、１ページが、ヘッダーや、サイドバーが、 何ページかに、分割されて表示になります。 なので、携帯変換されたページだと、ヘッダーや、ヘッダーの画像とか 【グローバル・ナビゲーション】と呼ばれてる他ページへのリンクの部分など、 最初に表示されるページではなく、別のページ（別の画面）になってしまいます。 このＨＰの場合は、最初の画面に表示になるのは、 メインカラムからというのが、多いです。 トップページは左側のサイドバーが、スルーされて、 表示は、中央のメインカラムから始まって、 右側のサイドバーの部分が表示になります。 説明が、分かりにくいかなと思いますが、 「で、どうすれば、いいのか？」というと ●メインカラムの記事下にも、 他ページへの、リンクを、いくつか付けておくということですね。 ヘッダーの下のリンクとか、サイドバーからのリンクなどが、 別ページに分割になると、表示されたページから、 他のページへ直接行くリンクが、少なくなってしまいます。 そのことへの対応というか、対策ですね。 あと個人的には、右サイドバーにするのが、いいかなと思ってます。 でないと、携帯からみると、左側から読み込まれるので、 ユーザーが、クリックするたびに、、毎回、同じサイドバーが、 最初の画面に出てしまいます。 右サイドバーにすれば、メインカラムの、あとに（下に）表示になるので、 ページを移ったときに、常に、記事とか内容を先に見ることが、出来ます。
|
