iPhoneからのアクセスで郵便番号がリンクにならないように設定する方法

iPhoneなどiOSで採用されているSafariブラウザは、数字を電話番号だと勘違いしてリンクタグをつけてしまう。
もちろん郵便番号をタップしても電話はかけられない。
少々おせっかいな機能ではあるが、それをWeb管理者側で防ぐこともできる。
ここでは機能を停止し、電話番号にのみ明示的にリンクにする方法について解説していく。

iPhone採用のSafariで数字をリンクさせない

iPhoneのデフォルトで採用されているブラウザーSafariは、電話番号を自動で検出しリンクする機能が備わっている。
ただし、それが電話番号だけなら便利な機能だが、いくつかの数字が並ぶとそれを電話番号として検出するようだ。
たとえば郵便番号。
ユーザーがブラウザーの中の郵便番号に触れるだけで、そこに電話を掛けようと電話アプリが立ち上がる。
企業やお店のサイトなどは、郵便番号と電話番号がわりと近い位置に記載されていることが多いので誤って郵便番号をタップしてしまったというiPhoneユーザーは多いのではないだろうか。
もちろんこれはサイト構築の不具合でもなんでもなく、ブラウザー側の問題だが、ユーザビリティー向上を目指すWeb担当者にしてみたら何とかしたい。

サイト側でSafariの数字リンク機能を無効にする

いったんサイト側で連続した数字にリンクを勝手につけるブラウザー側の機能を無効にする。
それはとても簡単で、ヘッダタグの中に以下の一行を追加するだけで無効にできる。

<meta name = "format-detection" content = "telephone=no">

これで郵便番号に電話しようとしなくてすむが、もちろん電話番号の検出も無効になる。

電話番号には明示的にリンクタグを張る。

あとは明示的に電話番号にaタグを貼るようにする。

< a href = "tel:電話番号" >電話番号</ a > 

アクセスしてきたユーザーはタップするだけで電話がかけられるようになる。
タップで電話がかけられることはお店や企業にとって大きなアドバンテージになる。