お客様から「アクセスページを開いたのに地図のところが真っ白です」と連絡が来ても、店のパソコンでは同じ地図が見えることがあります。まず確かめたいのは、お客様が予約した場所の名前と住所を読めるか、地図の外から目的地を確かめる方法があるかです。地図を表示し直す修正に時間がかかる場合でも、住所と入口を伝えるところから始められます。
島田市周辺で店舗や事務所へお客様を迎える事業者向けに、地図が使えない条件の見つけ方、住所と外部地図の案内の整え方、制作担当へ伝える修正と受入確認を紹介します。予約を取ったあと、来店先が分からず問い合わせ直す場面を一つ想定して、自分のホームページを確認してください。
地図が見えないときに何を知りたかったか聞く
「地図が出ない」と言われたら、まずその場で必要なことを尋ねます。予約した場所の住所を地図アプリへ入れたいのか、同じ名前の拠点のうちどれかを知りたいのか、建物に着いたあと受付の入口を確認したいのかで、渡す案内が変わります。お客様が移動中で確認に時間をかけられないなら、端末の設定を聞く前に、予約内容と照合した拠点名、住所、必要な入口の説明を伝えます。運転中の操作を求めず、安全に確認できるときに案内を見てもらいます。
再現に使う情報は、開いたページ、どの画面から来たか、地図の場所に何が出たかです。例えば予約完了メールのリンクから来た場合と、SNSのプロフィールにあるリンクから来た場合では、着いたページが同じとは限りません。アクセスページの住所や見出しまで見えたか聞けば、ページ全体が開かない場合と、地図の部分だけ使えない場合も分けられます。スクリーンショットを求める場合は予約番号や氏名が写らない範囲にとどめ、現在地の送付を求める必要はありません。
利用者の公開質問には、同じ埋め込み地図がiPhoneでは見えるのにiPadでは空白になったという報告があります。WordPressの公式フォーラムにも、地図を読み込む条件を管理する設定を変更したところ、同意後も地図が空白だったという運営者の報告があります。条件の異なる個別の事例です。端末の種類だけで原因を決めたり、同意すれば必ず見えると思って試験を終えたりせず、実際の表示を分けて記録する手がかりにします。
空白と表示条件とピン違いを分けて試す
まず一般のお客様と同じ状態で、管理画面からではなく公開URLを開きます。ページの見出しと住所が出たかを見て、そのあと地図の枠まで移動します。画面に近づいたとき初めて地図を読み込む設定なら、ページを開いた瞬間に地図の通信が始まらない場合があります。地図の位置まで進み、画面に残った空白、読み込み表示、案内文、操作できる地図のうちどれが見えたかを記録します。少し待って地図が出た場合は、待つ間も住所や別のリンクを使えたか確認します。
地図の代わりに、外部のコンテンツを表示するための案内が出るサイトもあります。地図を出さずに閲覧を続けた場合と、サイトが用意する手順で表示を選んだ場合を分け、いずれも住所が残るかを見ます。設定済みの管理者端末だけで見ると、初めて訪れた人と同じ条件にならないことがあります。制作担当と相談し、テスト用のブラウザー環境や、既存の同意が保存されていない状態で確かめます。そのとき、実際のサイトで訪問者の同意設定を変える作業は必要ありません。
地図が表示されても、ピンが似た名前の別店舗を指している場合は、読み込み成功として処理できません。現行の予約先、ページに書かれた住所、埋め込み地図の地点、外部で開く地図の地点を別々に確認します。外部リンクも同じ誤った住所を使っていれば、表示枠とリンクの両方を直す必要があります。目印や入口が変わっている場合には、担当者が実際の場所と照らし合わせた案内で判断します。
| 観察した状態 | その場で確かめること | 制作担当へ伝えること |
|---|---|---|
| ページは開くが枠が空白 | 住所と外部地図のリンクが使えるか | 開いたURL、入口、ブラウザー、地図位置まで進んだ結果 |
| 地図を表示するための案内が出る | 操作を選ばなくても住所と入口が分かるか | 初回・選択後・表示を選ばない状態で実際に見えたもの |
| 読み込みが続き、あとで地図が出る | 待っている間に基本情報を読んで次へ進めるか | 読み込み表示が出た場面、住所やリンクの位置、再現条件 |
| 地図は出るが別拠点や別入口を示す | 予約先と住所、地図の行き先を照合する | 正しい地点を確認した根拠と、誤りのある掲載箇所 |
担当者がすぐに原因を調べられない場合でも、観察した内容を残せば、後で違う端末で試し直せます。サイト全体が開かない場合はページの公開状態や通信を先に確認し、地図の埋め込みだけの問題として依頼しないようにします。埋め込みを直す担当には、地図が使える状態と使えない状態のどちらも見てもらい、表示を制御している仕組みを実装記録から特定してもらいます。
住所と入口の案内を地図の外へ出す
地図の上や横など、読み込みを待たずに読める位置へ、来店先の名前と住所を通常の文字で載せます。拠点名がある会社は会社名だけで止めず、「予約受付を行う拠点」など、予約案内と同じ表現にそろえます。住所には、初めて来る人に必要な建物名、階、受付名を加えてください。郵便物の受取先と来店先が異なる場合は、来店先の欄に郵送先を流用しないようにします。
地図の上に重ねた文字や、地図をクリックしたあとに初めて出る説明だけでは、地図を利用できない人へ伝わりません。住所は選択してコピーできる状態にし、電話で伝える場合と同じ地名・番地・建物名が表示されるか確かめます。建物名が似ている、入口が道路の反対側にもある、受付が別の階にあるといった事情は、現地で確認できたものだけを短く載せます。公開してよい入口が決まっている場合は、制作担当にその文章を渡し、倉庫や従業員用入口へ案内しないようにします。
架空の受付案内を例にすると、「南側の共用玄関から入り、二階の見学受付へお越しください。地図アプリには受付の建物名と住所を入力してください」と書けます。地図サービスのピンが建物中央を示しているときも、住所の役割と、どの入口から入るかの役割を分けられます。この例を使う際は、方角、玄関、階を自社の事実に置き換え、地図画面を見た人と文字だけを読んだ人の双方が同じ受付へたどり着けるかを試します。現地を確認していない近道や、開いている時間が分からない通路は載せません。
来訪経路を補足するなら、迷いやすい判断点を一つ選びます。建物の前まで来られるのに受付を見つけにくい場所なら、駅からの細かい道順より、入口の表示と階数が役立つことがあります。逆に同じ名称の施設が近隣にある場合は、入口の説明より先に、住所と拠点名の一致を示します。車いすで利用できる入口や案内時間を載せたい場合は、現地担当が確認できた内容に限定し、条件が分からないときに相談できる受付窓口を添えます。
住所と受付名は、ウェブを管理する担当者だけで決めず、実際に来訪者を迎える担当者に確認します。住所を契約書や郵便物で確認できても、掲載する建物名や入口の呼び方は現地で使う名前と違うことがあります。複合施設なら入口の表示と施設内の案内板、共同事務所なら受付時間と呼び出し方法を確認します。入口が時間帯によって変わるなら、「夕方は裏口」とだけ書くといつ切り替わるか分かりません。確認できた時刻と入口を組み合わせ、決まっていない条件は受付先へ案内します。
確認した住所を制作担当へ渡すときは、外部地図で開きたい地点と、建物に着いてから使う案内を分けます。来訪者の足で通れる通路と、配送車が入る場所が違うなら、予約受付のページに配送側の地点を使わないようにします。複数の拠点に似た住所がある場合も、予約案内の拠点名と掲載先の組み合わせを一行で残しておけば、別の拠点へ誤ってリンクを付けたときに見つけやすくなります。
外部地図へ進むリンクは場所が分かる名前にする
文字の住所の近くに、「見学受付をGoogle マップで開く」のように、場所とリンク先が分かるリンクを置く方法があります。これはページの中で地図を表示する枠とは別の入口です。Googleの公式文書でも、外部で地図を開くMaps URLsと、Maps Embed APIでページに組み込む方法は別に説明されています。端末によって地図アプリが開くことも、ブラウザーで表示されることもあるため、リンクをタップしたあとの表示を実機で確認します。
制作担当にリンクを用意してもらうときは、検索結果の先頭に出た同名の店舗を採用せず、住所と地点名を現行の案内に照合してください。GoogleのMaps URLsでは地点を特定するための情報を指定できます。正しい地図を開いても、現在地を許可しないと経路を始められない環境も考えられます。来店先の確認だけをしたい人に、位置情報の許可を前提としないようにします。まず地図に示された目的地を確認できるリンクと、手元の地図アプリへ転記できる住所を残します。
外部リンクも、通信や端末側の制限で使えないことがあります。だからこそ住所と受付方法は自社ページの本文に置きます。訪問者の選択を尊重するため、ページを開いただけで外部地図へ移る作りにしないでください。リンク先のサービス名を表示し、表示する地図を選ぶ仕組みがあるサイトでは、その選択をしなくても文字の案内を利用できる状態にします。どの表示にどのような同意が必要かは自社の運用判断として制作担当や所管の担当者と確認します。
地図を画像にして置き換える案もあります。案内図を載せること自体と、地図サービスの画面をコピーして掲載してよいかは別の確認です。画像で補うときは掲載条件を確認し、文字で読める住所と入口の情報も残してください。古い画像が本文の修正に追従しないことがあるため、画像を使う場所と更新担当を決め、入口が変わったときに本文と一緒に確認します。
表示する地図を残すかは来店前の使い方で決める
アクセス欄を直すときは、埋め込みを残す案と、住所と外部リンクを中心にする案を比べます。ページ上で周辺の道路や駅との位置関係を見てほしい場合は、本文の下に地図を残す意味があります。来店者が主に外部アプリへ目的地を送り、住所と入口だけで判断できるなら、埋め込みを先に見せる必要は小さくなります。どちらを選ぶ場合も、利用者が地図を操作せずに予約先を確認できることを合格条件にします。
埋め込みを残すなら、小さい画面で地図の操作領域がページ全体を占めないか確認します。地図に触れず住所のところから連絡先へ移動できるか、地図を読み込まない状態で大きな空白が残り、先に続きがあることを見落とさないかも見ます。iframeという別の画面を表示する枠を使う場合、W3C WAIはtitle属性で中身を識別しやすくする手法を示しています。制作担当には枠の名前が内容を示すかも確認してもらい、読み上げ利用者が地図の外で住所と行き先を把握できるかは、別の試験として扱います。
住所とリンクを中心に切り替える場合は、予約完了の案内、問い合わせの返信、アクセス欄の間で、同じ拠点を案内できているかを確認します。予約の種類で集合場所が変わるなら、共通のアクセス欄にある一つの地図へ全員を送らず、予約内容に対応する案内を用意します。制作担当へは、地図を見せるかどうかだけでなく、予約後に最初に開くページで何を判断できればよいかを伝えます。
制作依頼では地図が出ない状態を合格試験に入れる
依頼書には、対象ページのURL、来訪経路、対象拠点、確認した端末、見えた画面、外部リンクと住所を利用できたかを書きます。表示や制御の仕組みが分からないときは、現状の地図がどの方式で設置されているかを制作担当に確認してもらいます。既存の同意設定を外して症状だけ消すよう頼む必要はありません。サイトで定めた表示条件が守られているかと、その条件でアクセス案内が使えるかを分けて依頼します。
架空の依頼なら、「予約メールのアクセス案内をスマートフォンから開くと、地図欄に表示の選択が出ます。表示を選ばないと受付の住所を探せませんでした。ページの見出し直後に受付名と住所、入口の説明、受付を外部地図で開くリンクを追加してください。初回と表示を選ばない状態で四つを使え、表示を選んだ場合は地図が現行の受付と一致することを確認してください」と書けます。ページを一つに絞ることで、確認する条件と結果を制作側へ正確に渡せます。
改修後に自社でも同じ入口から開き、住所をコピーする、外部地図を開いて現行拠点の地点を確認する、元のページで入口を読んで連絡先へ進むという用事を一つずつ試します。外部地図が開いても、別のアプリへ移ったあとに予約案内へ戻れなければ、そこまでの操作を記録します。受付の住所が複数ページにある場合は、少なくとも予約時によく案内する入口を選び、表示された住所が現行の情報と一致するか確かめます。
再現した端末と別の条件の端末では、合格を分けて記録します。同意を扱う仕組みがあるなら、初回、地図表示を選ばない、表示を選ぶの三つを混ぜないようにします。ゆっくりした通信や埋め込みが読めない状態での試験が必要なら、制作担当にテスト環境での条件再現を頼みます。できなかった条件は未確認と残し、住所とリンクを使えた条件がどれかを明確にします。
架空の受入記録では「表示を選ばない場合は、住所をコピーでき、ページに書かれた入口と受付名を電話でも伝えられた。外部地図は開き、受付の建物を確認できた。表示を選んだ場合は埋め込みのピンが別館のまま」と書けます。この場合、文字の案内から来店先を確かめる試験は通り、埋め込みの地点の試験は失敗です。誤った地図がある状態をアクセス欄全体の合格にはせず、表示してよい地図の条件と修正の担当を決めて記録します。
別の試験では、地図を外部で開けない端末を想定し、文字の案内を担当者が声に出して伝えます。聞いた人に受付の拠点、建物、入口を言ってもらい、現地担当が確認した内容と一致するかを見ます。通話試験をしたという記録は、現地まで歩けたことや、読み上げ機能で支障なく使えたことの確認とは分けます。ページの文字で場所を特定できても、入口の区別がつかないなら、受付の目印を実地で確認してから案内を修正します。
改修後の連絡を記録するときは、「地図が出ない」と「来店場所が分からない」を分けます。前者が残っても、文字の案内から住所を確認できたなら、表示の修正と来店導線の評価を別に進められます。案内の改善が来店の増減につながったと数だけで決めず、どの拠点・入口・画面で再び迷いが起きたかを見て次に直す箇所を選びます。住所や受付が変わったときは、本文、外部リンク、埋め込み、予約案内を一緒に照合してください。
来店や予約につながるホームページの案内を整えたい方は、LIFESEEDSのホームページ制作をご覧ください。地図の有無にかかわらず必要な案内へ進めるか確認したい場合は、対象の公開ページを添えてお問い合わせからご相談いただけます。
コメント