スポンサーリンク

Webデザインのモバイル対応3

SEO検定

概要

SEO検定1級再受験に向けて、ダウンロード学習コースで勉強始めました。

Webデザインのモバイル対応1続き
Webデザインのモバイル対応2続き

  • 電話ボタンはすぐに発信できるようにする
  • ボタンは押し間違いをしないよう工夫
  • メールは入力の手間を省く
  • ソーシャルボタンを設置しリピーターを増やす


  • グローバルメニューとは


  • サイト内にある主要ページへのリンク
  • ヘッダーメニューとフッターメニューに設置

  • ヘッターメニュー


  • PC:画面の幅に余裕があるのでたくさん掲載できる
  • モバイル:必須メニューのみ厳選し他はドロップダウン

  • フッターメニュー


  • 10個くらいまでならテキストリンク
  • リンク内は1項目1行

  • 電話ボタンの配置とデザイン


  • 思い立ったらすぐ発信できるようにする

  • ボタンのデザイン


  • 多くて6こ以内にして、たくさん並べない
  • *多くなると、ボタンの幅が狭くなり押し間違いが生じるため
  • 多くなるときはボタンの間に余白を入れる
  • ボタンの中の文字は1行以内にする

  • メールの最適化「EFO」


  • 2カラムで幅をとるので1カラムにする
  • 記入項目の文言を短くする
  • 項目数を絞り込む
  • 郵便番号を入れたら住所がでるなど配慮
  • 記入中エラーがあったらメッセージを表示する

  • ソーシャルボタンでリピートと口コミ誘発


  • 問い合わせや資料請求後や手続き後ソーシャルボタンを見せる

  • 設置場所


  • 商品関連ページの商品紹介後
  • お役立ち情報の上や下
  • 本の紹介

    コメント

    タイトルとURLをコピーしました