この記事では、サイトのデザイン、レイアウトについて考えてみます。 「Above the fold(アバブ・ザ・フォールド)」という言葉を聞いたことがありますか? Above the foldとは、スクロールしないで見ることができる画面の領域です。 上の図はGoogleの検索結果です。 太い赤線の上の領域がスクロールしなくても見える範囲、太い赤線の下の領域がスクロールしないと見ることができない範囲だとすると、上側の領域が「Above the fold」になります。 このAbove the foldの何が重要かというと、大切なコンテンツ、つまり訪問者に見てほしい・読んでほしいコンテンツはAbove the foldの中に収めるべきなのです。 訪問者は、訪れたページが自分にとって必要か不必要かを「3秒で決める」なんていうのはよく言われることです。 (誰が計ったんでしょう?(笑)) 訪問者を逃さず
![Above the foldとは](https://cdn-ak-scissors.b.st-hatena.com/image/square/f00f4804fe59acd36d8e9d02e50d10db7dc9a119/height=288;version=1;width=512/https%3A%2F%2Fwww.suzukikenichi.com%2Fblog%2Fwp-content%2Fuploads%2Fsplash_1200_675.png)