3秒で閉じられるトップ
― 整備・車検店が最上部に出すもの

なぜ最初の一画面で帰られるのか

地図や検索からあなたの店のホームページにたどり着く人は、たいがい急いでいます。「車検をどこに頼もう」「この異音は見てもらえるか」と困っていて、いくつかの店を順に開いては数秒で見比べています。そのとき最初に見える一画面で「自分の店だ」と思えなければ、読み手はためらわず次の店に移ります。

この速さは数字にも出ています。Googleの調べでは、スマホでページの表示に3秒以上かかると53%が離れ、表示が1秒から3秒に延びるだけで直帰は32%増え、1秒から5秒なら90%増えます。表示の遅さで文字が出る前に閉じられるうえに、出たあとの一画面が刺さらなければ、さらに帰られます。最上部は、この二つの関門を続けて越えてもらう場所です。

スマホの一画面は思うより狭い

今、あなたの店を探す人のほとんどはスマホで見ています。総務省の調べでは、端末別のインターネット利用率はスマホが72.9%でパソコンの47.4%を上回ります。ところがホームページはパソコンの広い画面で作り、確認もパソコンで済ませがちです。その結果、パソコンでは一画面に収まっていた屋号や電話が、スマホでは下に押し出され、最初の一画面が大きな写真とロゴだけになります。

スマホの最初の一画面は、縦に短い小さな窓だと考えてください。そこに入る情報は限られます。だから「全部見せる」のではなく、「最初の窓に何を残すか」を選ぶ作業になります。次の章で、その窓に積む4点を順に決めます。

最上部に出す4点と置く順番

最上部に出すのは、読み手が「自分の店か」を確かめるための事実です。装飾ではありません。上から次の順で積みます。

③の選ぶ理由は、盛った言葉ではなく事実だけにします。書けることがなければ②までで十分です。④の電話番号は、スマホでタップすればそのまま発信できる形にし、メニューの奥に隠さず屋号のすぐ近くに大きく置きます。困っている人は、迷いが消えた瞬間にその場でかけられる入口を探しています。

大きな写真を一番上に置く前に

制作会社にまかせると、一番上に店の外観や作業風景の大きな写真が来ることがよくあります。写真そのものは安心材料になります。ただ、写真だけが最上部を占めて文字が下に隠れると、読み手は何の店かを確かめられません。

写真を最上部に使うなら、その上か中に屋号・地名・車検・電話の文字を重ねます。こうすれば、写真の読み込みを待たずに用件が伝わります。重い画像は表示も遅くし、3秒の関門に引っかかります。スマホで撮った軽い写真でよいので、容量を抑えて、文字と一緒に出すことを優先します。

表示の速さも最上部の一部

どれだけ最上部の中身を整えても、表示が遅ければ読み手は文字を見る前に帰ります。前に触れたとおり、3秒以上で53%が離れます。速さは「見た目」ではなく、最上部が機能するかどうかを分ける土台です。

店主が手をつけられる範囲は次のあたりです。画像の容量を抑える、自動で流れる大きなスライドを止める、使っていない飾りの仕組みを外す。GoogleのPageSpeed Insightsという無料の診断で、自分のトップが何秒で表示されるかを測れます。遅ければ、まず重い画像から軽くします。スマホでの崩れもあわせて直す順は、反応のないホームページ ― 整備・車検店が直す4点にまとめました。

今日やること ― 自分のスマホで確かめる

難しい道具は要りません。客になったつもりで、自分のスマホで自店のトップを開いてください。

この5分で、来た人が最初の一画面で何を見ているかが分かります。あとは最上部の4点を保ち、写真と表示速度を整えるだけ。同じアクセス数でも、最初の一画面で「自分の店だ」と伝われば残ってもらえます。お金をかけずに直帰を減らせる、いちばん手前の直しがここです。

よくある質問