2021年04月19日

見出しh1まで上から250px以内の位置に留める

広告はスクロールしないでも閲覧できるファーストビューの位置に配置するのがよいとされていますが、ヘッダー部分を広くとっている場合、ファーストビューに配置した広告が画面の下にはみ出てしまうケースがあります。

このような場合、広告の視認率が悪化しますし、クリック率や成約率などが下がってしまう傾向にあります。

これを回避するには、ヘッダー部分やロゴ画像などでスペースを大きく取りすぎないことがポイントになります。

個人的には、記事タイトルの見出しを上から250px以内に納めるようにしていますが、できれば、上から200px以内の箇所に納めるようにレイアウトを調整するとよいかもしれません。

大手サイトを確認してみても、おおむ250px程度の位置で調整されていることが多いと思います。

ヘッダー広告がある場合、かなり下の位置になってしまうケースもありますが、バナー広告なしで150pxあたり、広告アリの場合でも250px程度に調整すると、全体としてコンテンツが上の方に上がってきます。

その結果として下部の広告を画面内に収めることができるはずです。

ちなみに、当サイトについてはだいたい320px程度の位置でしょうか、70px程度行き過ぎているため、全体をリフトアップすることで広告の視認率改善につながるかもしれません。

おおむね、ヘッダー部分で100px、広告で100px、その他のmarignやpaddingで50pxと考えておくとよいでしょう。

ヘッダー部分には、ロゴとグローバルナビゲーションがありますが、それぞれ50px程度でおさまるようにすればよいと思います。