2026年07月02日

Web運用のヒント

スマホで電話番号を“タップ発信”できていますか?

スマホで電話番号を“タップ発信”できていますか?

スマートフォンでホームページを見たお客様が、電話番号をタップしてそのまま発信できますか? 画像に埋め込んだ番号やただの文字だとタップできず、そこで問い合わせを取りこぼしていることがよくあります。tel: リンクにするだけで改善でき、BtoBでも「まず電話」のお客様は少なくありません。

なぜ「タップ発信」が問い合わせを左右するのか

  • スマホ利用者は番号を長押し・コピーしてまで電話しない(その場で離脱)
  • 画像化された番号は検索・コピーもできず機会損失になりやすい
  • 小さな改修で、広告費をかけずに取りこぼしを直接減らせる

1分でできるチェック

  1. 自社サイトをスマホで開く
  2. 電話番号を指でタップする
  3. 発信画面が出ればOK。出なければ「tel:リンク」への変更を制作担当に依頼

「うちのサイトはどうだろう?」と思ったら、AliveCast までお気軽にご相談ください。現在のサイトを拝見し、改善ポイントを1つお返しします。

tel:リンクの正しい書き方

HTML上では電話番号を次のように記述します。表示は見やすくハイフン付き、リンク先はハイフンなしにできます。

<a href="tel:0926000810">092-600-0810</a>

  • 市外局番の頭の「0」は省略しない(例:0926000810)
  • フリーダイヤルや携帯番号も同じ形式でOK
  • 全角数字・特殊記号は使わず、半角で記述する

こんな番号表記は要注意

  • 画像化した番号:タップ・コピー・音声読み上げ・AIの読み取りができない
  • ヘッダー/フッターだけにしか置いていない:問い合わせ導線やファーストビューの近くにも置くと効果的
  • リンクになっていない文字だけの番号:スマホでワンタップ発信できず離脱の原因に

よくある質問

電話番号を「タップ発信」にするにはどうすればいいですか?
電話番号を tel: リンクにするだけです(例:092-600-0810 を tel:リンク化)。画像や単なる文字だとスマホでタップ発信できないため、制作担当に「tel:リンク化」を依頼してください。
パソコンでも「tel:リンク」にして問題ありませんか?
問題ありません。PCでは通常クリックしても発信されず、スマホでのみ発信画面が開きます。全端末で同じ番号表記のまま、スマホ利用者の取りこぼしだけを防げます。
電話番号を画像にしていますが、なぜ良くないのですか?
画像の番号はタップ発信できず、コピー・検索・音声読み上げにも対応できません。テキスト+tel:リンクにすると、利用者にもAI検索(AEO)にも正しく伝わります。

Webサイトの運用・AI検索(AEO)対策でお困りではありませんか?

「何から手をつければいいか分からない」「更新やAI検索(AEO)対策を任せたい」——福岡のホームページ制作会社 AliveCast が、貴社サイトの現状に合わせて無料でご相談を承ります。