お店のホームページの最初の画面に何を置くべきですか？
住所と営業時間、地図、押してかかる電話の4つを最初の画面の上に置くだけです。カフェと飲食店のホームページ21か所を開いてみると、最初の画面に住所が書かれた所も地図が見えるところもなく、番号を文字だけで記しておいたところが15ヶ所でした。 4つすべてを置いた場所は2つでした。
キーサマリー
- 店の前まで来たお客様がホームページで住所が見つからない場合は、その場で マップアプリに進む.
- カフェ・飲食店ホームページ21か所を開いてみると 最初の画面に住所が書かれたところも、地図が見えるところもありませんでした.
- デザインをやり直す必要はありません。最初の画面の上部 住所・営業時間・地図・押してかかる電話 4つを集めるだけです。
路地でホームページを開くと何が見えますか
初めて行くお店を訪れる道です。検索してホームページを開くと、大きな写真とブランドフレーズが画面を埋めます。いざ必要 住所は画面のどこにもありません。
この場所では、ゲストはスクロールを数回下げるのではなく、通常戻るをタップして地図アプリで店の名前を再検索します。ホームページはその瞬間に使われなかったわけです。
ゲストがしたいことは3つだけです
お店のホームページに入ってきたお客様がやろうとすることは通常決まっています。
- 住所確認 - コピーして地図アプリに貼り付けます。
- マップを開く - ルートをすぐに始めます。
- 電話をかける - 席があるのか、今開くのか尋ねます。
メニュー写真やインテリアはすでにSNSで見てきたことが多いです。ホームページで探すのは 訪れるのに必要なものです。
21ヶ所を直接開いて数えてみました
Web検索で集めたカフェ・飲食店ホームページのうち、画面が開いた21か所（カフェ17ヶ所・飲食店4ヶ所）をPlaywrightで浮かべ、スクロールせずに見える領域に何があるのかを紹介しました。ホームで「来る道」リンクがあれば、そのページももう一度開きました。
| アイテム | 21か所のうち |
|---|
| 最初の画面に住所がある場所 | 0箇所 |
|---|
| 最初の画面に地図が見える場所 | 0箇所 |
|---|
| 地図をつけた場所（ホームまたはアクセス方法） | 11か所・すべて画面を下げなければならない |
|---|
| 住所が2ページどこにもない場所 | 5か所（地図までのない3箇所） |
|---|
| 営業時間を書き留めた場所 / 最初の画面にある場所 | 6か所/1か所 |
|---|
| 押して電話をかける場所 | 3カ所 |
|---|
| 番号を文字で書いた場所 | 15か所 |
|---|
サンプル 21ヶ所のみだから比率を書かずに数だけ書いた。 Web検索で集めた60か所から接続失敗1か所、画面が開いていない32か所、加盟店募集本社6か所を引いた値です。 2026年8月31日に測定しました。
最初の画面の一番上に4つを集めます
修正する方法はデザインを再構築するのではなく 順序を変えるです。大きな写真のすぐ下、スクロールする前に見える場所に4つを置くだけです。
| アイテム | なぜ必要なのか |
|---|
| 住所 | 画像ではなく文字で置かなければ長押しでコピーできます |
|---|
| 営業時間 | 来て帰る事を防ぎます。休業日も同じ行になります |
|---|
| 地図 | 降りなくても見えるようにしておきます。ルートリンクを一緒に歩くと良い |
|---|
| 電話 | tel: リンクで歩かなければ、電話で押すだけですぐに接続されます |
|---|
私たちが見た21のうち、これら4つをすべて置いたところ 2カ所でした。
今日直接タップする3つのこと
他人に尋ねる必要はありません。携帯でお店のホームページを開き、以下の3つをやってみるとすぐ分かります。
- アドレスを長押ししてコピーしてみます。 画像内に収まるとコピーされません。
- 電話番号をタップして表示します。 通話画面が開かない場合
tel: リンクではありません。
- スクロールせずに営業時間が見えるかどうかを確認します。 見えない場合は上に上げてください。
余裕がある場合は、構造化データも入れておいてください。検索とAIが同じ情報を読みます。私たちが見た21か所のうち、店舗情報を構造化データとして書き留めたところはありませんでした。ただし、これは人が探す問題を先に解決した後の順序です。
この記事の数字は画面に何があるかを測定したものであり、それが検索ランキングや訪問数にどのような影響を与えるかはわかりませんでした。映像に出てくる電話画面は再現であり、特定のお店の画面ではありません。
映像字幕専門（6シーン）
店の前まで来ましたが、住所は見えません。
カフェ・レストラン21か所のうち、最初の画面に住所が書かれたところはありませんでした。
路地で開いたホームページ
大きな写真やブランドのフレーズだけがあり、住所も営業時間も電話もありません。
ゲストがしたいことは3つあります
住所確認、地図を開く、ダイヤルします。数字を文字で書いたところが15ヶ所でした。
最初の画面の上に4つ
住所、営業時間、地図、押してかかる電話です。 4つすべてを置いた場所は2つでした。
両方のページを開いても
住所がないところが5か所です。地図をつけた11箇所も画面を下げなければなりません。
今日直接タップする3つのこと
住所のコピー、電話の接続、営業時間の露出を携帯電話で確認してください。
よくある質問
地図を既に貼っておいたのに問題ですか？
貼っておいたものと見えるものは違います。私たちが見た21ヶ所のうち、地図をつけたところが11ヶ所ありましたが、最初の画面ですぐに見えるところは一つもありませんでした。みんなで画面を降りたり、「来る道」ページにもう一度入らなければなりませんでした。お客様はその前に地図アプリに進むことが多いので、地図自体よりどの高さにあるかをまず確認してみてください。
住所をイメージで綺麗にしておいたのに大丈夫でしょうか？
ビューには大丈夫ですが、ゲストが書くのは難しいです。画像内の文字は長押ししてもコピーされないため、ゲストはアドレスを手で再入力する必要があります。検索エンジンもその文字を読みません。デザインを維持したい場合は、イメージをそのままにして、その下に文字のアドレスを1行追加してください。
電話番号を押して引っ張るにはどうすればよいですか？
番号を <code>tel:</code> リンクで囲むだけです。ほとんどのホームページエディタにはリンクを入れる機能があるので、リンクアドレスの場所に tel: の後に番号を貼り付けてください。入れた後は必ず携帯電話で直接押して通話画面が浮かんでいることを確認してください。私たちが見た21か所のうち押して電話をかけるのは3カ所だけでした。
21箇所でサンプルが小さすぎませんか？
小さいです。そこでこの文では比率を使わずに数でしか書いておらず、「カフェ・食堂の何パーセントがどうだ」という文章を書いていませんでした。ウェブ検索で集めた60か所からアクセスできない、または画面が開かないところ、加盟店を募集する本社サイトを除いて21ヶ所が残りました。ここで取るのは統計ではなく確認方法です。直接開いてみると、私たちの店がどちらかすぐにわかります。
業種ごとにどこで詰まるかを直接開いてみます
BlueCanvasは実際のホームページにアクセスし、本記録をレビューアーカイブに残しています。測定方法と他の業種の結果を併せてご覧いただけます。
レビューアーカイブを見る →
