電話番号をタップしても発信画面が開かない。そんな状態が続くと、電話で連絡したい閲覧者が問い合わせできなくなることがあります。ただし、通話アプリを使えないパソコンで反応しない場合と、電話に対応したスマートフォンで反応しない場合は、分けて確認する必要があります。
まずは同じページを、電話に対応したスマートフォンの通常のブラウザーで開きます。アプリ内で開いている場合は、SafariやChromeでも確認し、どの環境で何が起きるかをメモしてください。このページでは、リンク先の番号、サイトの表示、端末側の対応を分けて確認し、自社で直せる範囲と制作会社へ調査を頼む範囲を整理します。
電話リンクが動かないと起きる損失
いちばん痛いのは「今すぐ連絡したい人」を逃すこと
電話を選ぶ人は、内容を見たうえで背中が押されていることが多いです。そこで電話が使えないと、戻って探し直すより離脱までが早いです。特にスマホでは、ワンタップで通話できる前提で動く人が多いので、差が出ます。
小さな不具合でも、信頼の揺れにつながる
電話がつながらない状態は、閲覧者から見ると「連絡先が機能していない会社」に見えます。実害は問い合わせ減ですが、見えないところで信用の目減りも起きがちです。採用や取引の相談でも同じで、入口が壊れているだけで候補から外されることがあります。
さらに厄介なのは、社内が気づきにくいことです。電話が動かないと、閲覧者は何も言わず離脱することが多いです。気づいた時には、数日分の機会が抜け落ちていた、というケースもあります。
直ったときに得られる効果と確認方法
期待できる変化
修正によって、電話で連絡したい人が問い合わせ先へ進める状態を戻せます。ただし、リンクを直しただけで問い合わせ件数が増えるとは限りません。まずは表示された番号とリンク先の番号が一致し、想定する端末で利用できるかを確認します。
修正後に確認したい3つのポイント
次の3点で、想定するスマートフォンから番号を確認できるかを見ます。発信の確認画面が出る端末では、画面に表示された番号が正しいかまで確認し、通話を確定せず閉じて構いません。タップ時の動作は端末や設定によって異なるため、発信を避けたい場合は制作担当にリンク先の確認を依頼してください。
- 電話に対応したスマートフォンで、表示番号とリンク先の番号が一致している
- 別のスマホでも同じ動きになる（社内の別端末で確認）
- 同じページを開き直しても再発しない
修正した直後は、保存内容と公開ページの表示が一致しないことがあります。別の端末やブラウザーで通常のURLを開き、番号とリンク先を確認してください。ページを閉じて開き直すだけで直らない場合は、制作担当に保存内容と配信されているページの照合を依頼します。
まず5分でできる切り分け手順
いきなり修正に入るより、どこで起きているかを短時間で絞る方が早いです。ここでは社内でもできる範囲に絞り、順番を決めてあります。
手順1 まず「発信できない」の形を決める
同じ“動かない”でも、中身が違います。次のどれに近いかを先に見ます。
- タップしても何も起きない
- 画面は開くが、番号が違う
- 一部のページだけ反応しない
- 端末を変えると起きたり起きなかったりする
この分類ができると、原因の候補が一気に減ります。次の手順で、再現条件をメモします。
手順2 再現条件をメモして、手戻りを減らす
口頭で伝えるだけだと、相手が同じ状態を再現できず調査が長引きます。最短で直すために、次の表の空欄を埋めてください。書けるところだけで構いません。
| 確認項目 | 記入例 | どこで見る | 優先度 |
|---|---|---|---|
| 端末 | 使用したスマートフォンの機種名 | 本体名 | 最優先 |
| OSのバージョン | 設定画面に表示された値 | 設定 | 最優先 |
| 見ているアプリ | Safari、Chrome等のアプリ名 | アプリ名 | 最優先 |
| 対象ページ | お問い合わせ | ページの場所 | 最優先 |
| 発生箇所 | 画面上部の番号 | 位置 | 優先 |
| 再現条件 | 通信を変えても同じ | 通信状態 | 余裕 |
このメモがあるだけで、外部に依頼する場合も調査が早く進みます。社内で直すにしても、確認漏れが減ります。
手順3 端末を変えて「サイト側か端末側か」を切り分ける
次の順番で試します。
- 同じ端末で、別のページの電話番号もタップする
- 別の端末で、同じページをタップする
- 表示された電話番号と、リンク先に設定された番号が一致するかを確認する
同じ端末で複数のページが反応しない場合は、サイト共通の電話ボタンと、端末やブラウザーの対応の両方が候補になります。別の端末では動くかも確認し、この結果だけでサイト側の原因と断定しないようにします。一部のページだけで起きる場合は、そのページのリンク設定や重なっている部品を調べます。
手順4 直った後の確認は「やり直し」を前提にする
修正後は、最初に不具合が起きた端末・ブラウザーと、別の端末で同じページを確認します。番号やリンク先が古いままの場合は、保存内容と公開表示のどちらが古いかを制作担当に確認してもらい、同じ修正を繰り返す前に原因を分けます。
ここまでできると、次は「症状から原因を見分ける」段階に入れます。自社で触る範囲と、頼んだ方が早い範囲の線引きも見えてきます。
よくある原因を症状から見分ける
電話番号が表示されていても、リンクが設定されていないことがあります。telリンクは、リンク先に「tel:」と電話番号を指定する仕組みです。タップ後の動作は、通話アプリの有無や端末の設定によって変わります。パソコンで発信画面が開かないという結果だけでは、サイトの不具合とは判断できません。MDNの電話リンクの説明でも、端末の対応によって動作が異なることが示されています。
よく起きるのは4パターン
ひとつずつ当てはめると、次に何を直すかが見えます。
- 電話番号がただの文字になっている
- 表示の番号と、リンク先の番号が違う
- リンクの上に別の部品がかぶさっている
- 端末やアプリによって動き方が変わる
番号が文字として表示されているだけの場合と、telリンクが設定されている場合も分けて確認します。Safariが文字の電話番号を自動的にリンクとして認識する場合があっても、すべてのブラウザーで同じように使えるとは限りません。制作担当には、表示番号と実際のリンク先の両方を確認してもらってください。Appleの電話リンクに関する技術資料では、自動認識と明示的なリンク設定の違いが説明されています。
迷いやすい症状を、原因とセットでまとめます。表の右側へ行くほど、外部に頼むと早いケースが増えます。
| 症状 | 想定原因 | まず試すこと | 直らない時 |
|---|---|---|---|
| タップしても無反応 | 電話番号がただの文字 | 表示番号とリンクの有無を確認 | リンク設定を確認 |
| 発信画面は出るが違う | 表示とリンク先が別 | 表示番号と統一 | 切替箇所の調査 |
| 一部ページだけ無反応 | そのページだけ書き方違い | 影響ページを洗い出す | 共通部品まで確認 |
| iPhoneだけ起きる | リンク先や端末・ブラウザーの違い | 通常のブラウザーでも確認 | 表示番号とtelリンクの設定を照合 |
| アプリ内だけ起きる | アプリ内ブラウザーの対応差 | SafariやChromeで同じURLを確認 | 環境を伝えてリンク設定と対応差を調査 |
| 直したのに一部で再発 | 保存と公開表示の不一致など | 別の端末で通常URLを確認 | 保存内容と公開ページを制作担当が照合 |
この表で「どこが怪しいか」を決められると、作業も依頼も早く進みます。次は、社内で直せる範囲と、頼んだ方が早い範囲を分けます。
直し方の選び方：自社で直せる範囲と外注が早い範囲
自社で直しやすいパターン
次の条件がそろうと、社内の更新担当でも直しやすいです。
- 電話番号が1か所だけで、ページ内の文章として置かれている
- 変更する場所が分かっていて、編集画面に入れる
- 直すのは番号やリンク先だけで、見た目の調整がほぼ要らない
たとえば WordPress を使っている場合、管理画面からページの文章を編集して直せることがあります。WordPress は、ホームページを更新するための仕組みの一つです。
触る前にやっておくと安心なこと
急いで直すほど、別の場所を崩してしまうリスクが上がります。作業前に、元に戻せる状態を用意すると安心です。
- 直す前の画面をスマホで撮っておく
- 変更する文言をメモしておく
- 直した後の確認手順を先に決めておく
画面を残しておくと、もし別の不具合が出ても「どこを触ったか」を説明できます。
外注が早いパターン
次に当てはまる場合、社内で触るより頼んだ方が復旧が早いことが多いです。
- どこで電話番号を設定しているか分からない
- 全ページ共通の上部や下部にあり、影響範囲が大きい
- タップできない原因が「かぶさり」や挙動の問題に見える
- 直したのに端末によって直らない状態が残る
このタイプは、原因の見当がついても実際の修正箇所が複数になりがちです。切り分けメモがそろっていると、調査時間が短くなります。
放置したときのリスクと二次トラブル
電話が使えない期間は、そのまま問い合わせの取りこぼしにつながります。加えて、次のような二次トラブルが起きることがあります。
- 誤った番号に発信され、別部署や別会社につながる
- 広告やチラシの流入が増えている時期ほど損失が膨らむ
- 直したあとに再発し、原因が分からなくなる
特に「番号は正しいのに別の番号へつながる」は、気づきにくいのに影響が大きいです。電話が入ってこない理由が分からず、現場が混乱しやすくなります。
費用が動く場面と見積もりの見方
電話リンクの修正は、作業が小さく見える一方で、調査に時間がかかると費用が増えやすいです。見積もりがブレるのは「何をどこまで見るか」が決まっていない時です。
費用が増えやすいケース
- 原因が特定できておらず、調査から入る
- 影響範囲が広く、全ページの確認が必要
- 端末やアプリ差の確認が必要で、テストが増える
- 直すだけでなく、再発しない形まで見直す
見積もりで見ておきたいところ
- 調査と修正の範囲が分かれているか
- どの端末やアプリで確認するかが書かれているか
- 反映後の確認手順が含まれているか
ここが書かれていると、金額だけでなく「何をしてくれるか」が見えます。次の章では、依頼するときに渡す情報をまとめます。
依頼するときに渡す情報と伝え方
直す作業自体は短時間でも、原因が再現できないと調査が長引きます。急ぎのときほど「相手が同じ状況を再現できる材料」を渡す方が、復旧が早まります。
まず渡すと話が早い3つ
- どのページで起きるか（URLが分かると早い）
- どの場所の電話番号か（上部、下部、ボタンなど）
- どの端末で起きたか（機種名、OSのバージョン、ブラウザー名）
ここまで揃うと、調査側は当たりを付けやすくなります。もし最近サイトを触ったなら、その内容も一言添えてください。電話番号の差し替えや部品の入れ替えがあると、原因がそこに寄ることがあります。
次の表は、依頼前にそろえやすい情報だけに絞っています。全部埋まらなくても問題ありません。
| 項目 | 例 | 入手場所 | 補足 |
|---|---|---|---|
| 対象ページ | https://〜/contact/ | 該当ページ | 複数なら一覧 |
| 発生箇所 | 上部の電話番号 | 画面の位置 | スクリーンショット |
| 症状 | タップして無反応 | 実際の動き | 言葉で短く |
| 端末情報 | 機種名／OSのバージョン／ブラウザー名 | 設定 | 別端末でも確認 |
| 最近の変更 | 番号を差し替えた | 社内の記録 | 思い当たる範囲 |
| 希望時期 | 本日中に復旧 | 社内要望 | 代替手段も検討 |
伝え方は「再現できる文章」にする
依頼メールやチャットは、長文よりも「再現手順が分かる文章」が役に立ちます。例えば次の形にすると、やり取りの往復が減ります。
- 対象ページ：URL
- 発生箇所：どの電話番号か（位置）
- 症状：タップすると何が起きるか
- 確認環境：機種名、OSのバージョン、ブラウザー名
- いつまでに：希望の期限
もし社内で「電話以外でも連絡できる導線」があるなら、復旧までの暫定案として一時的に目立たせる手もあります。直す作業と並行して、取りこぼしを減らせます。
再発防止の運用チェック
電話リンクの不具合は、番号の差し替えや部品の追加のあとに起きやすいです。再発を減らすコツは、技術より「確認の習慣」を作ることです。
更新が入るときのチェックを決める
更新のたびに全ページを確認するのは現実的ではありません。電話番号が出るページだけに絞り、更新後に確認する流れを作ると回りやすいです。
- 電話番号が載るページをあらかじめ決めておく
- 更新したら、そのページだけスマホでタップ確認する
- 直した後も、別端末で一度だけ確認する
電話番号は「増やさない」方が間違いが減る
ページごとに番号を直書きして増やすと、表示とリンク先の不一致が起きやすくなります。よく使う番号は一か所にまとめ、そこから各ページで使う形に寄せると、差し替えも漏れにくいです。
相談やトラブル時に困らないための保管
急ぎのときに困るのは、「誰が、どこを触れるか」が分からない状態です。次の2つだけでも残しておくと、復旧が早くなります。
- 更新担当と連絡先
- 管理情報の保管場所（社内で共有できる形）
まとめ
電話リンクが動かないときは、いきなり修正に入るより、最初に再現条件をメモして原因を絞る方が早く進みます。症状の形が分かれば、自社で直せる範囲か、頼んだ方が早い範囲かも判断しやすくなります。
依頼するときは、ページのURL、発生箇所、端末情報の3つがあると調査が進みやすいです。復旧後は、別端末での確認と、電話番号が載るページだけの定期チェックを決めておくと再発が減ります。
急いでいるほど、社内で確認しても「どこを直すか」が決まらず止まりがちです。状況を見ながら、直す順番と範囲を決めた方が早い場合もあります。
リンク切れなどホームページに関して何かお困りごとございましたら、こちらお問い合わせフォームより気軽にご相談ください。
参考資料：MDN「a要素と電話リンク」／Apple「Phone Links」（技術資料アーカイブ）。
