スマホを意識したランディングページ向けのテンプレートのhtmlソース

企業にとってネット広告は、自社商品や自社サービスを消費者に宣伝していく為の手段として欠かせない宣伝手段です。近年、ネット広告の中でもランディングページを設置する企業が増加しており、商品購入サイトへの誘導などに使われています。ランディングページがバナータイプの広告と違う点は、ストーリー性を重視して構成されていて、消費者の興味を惹くような内容を重視して最後までコンテンツを読ませるという事です。主に長文の文章コンテンツですので、SEO効果を高めやすいといったメリットもあります。

ランディングページの基本的な文章構成は起承転結に基づいて行われ、htmlソースはWebアプリケーションと比較してシンプルなコードになっています。その為、予めランディングページ用のテンプレートを作成しておけば、コンテンツ制作が行い易くなります。ランディングページのコーディングはhtmlが、正しく各要素や文法が適用されている事が重要です。正しいhtmlで構成されているテンプレートを使ってコンテンツを作成する事で検索エンジンに評価されやすい環境作りが行えます。

スマホでWebサイトを閲覧する機会が増えた事で、企業は宣伝ページであるランディングページをスマホを意識した物にしていく事を考えていきます。スマホサイトはPC向けサイトと比較して、端末の向きによってディスプレイの横幅が変わりますので、自動的にディスプレイサイズに合ったレイアウトにする事が出来るレスポンシブデザインにする事が必要です。ページのデザインを指定する事が出来るマークアップ言語であるCSSには、ディスプレイサイズに合わせて適用するCSSを変更出来るCSSクエリという仕組みがありますので、これを使う事で端末のディスプレイサイズに合わせて、レスポンシブデザインを自動的に可変させられるようになります。スマホでサイトを閲覧する場合、縦方向にスクロールしていきますので、文章コンテンツを小見出し付きでいくつかの段落に分けていったり、章ごとに分けたりして、読みやすいように調整していきます。ランディングページのヘッダ部分には、商品の写真や価格、特徴が直ぐに分かるようにコンテンツを作ります。そして、順番にその商品を使った効果に関する情報や原材料に関する情報、顧客が実際に使った感想などを掲載していき、最終的に商品購入サイトへの誘導を行う構成にします。如何に消費者に興味を持たせるのかが重要です。