iPhoneサファリで勝手に電話番号リンクされるのを無効化する方法

投稿日：2019年2月 6日｜最終更新日：2020年12月18日

iPhoneサファリで勝手に電話番号リンクされるのを無効化する方法
iPhoneのサファリでは電話番号が記載されていると自動的にリンク形式に変換し、タップすると電話がかけられるようになっています。

しかし実際は電話番号以外の数字の羅列、例えば住所の丁目番地などをハイフンで結んでいるとそれも電話番号と誤認してリンクをつけてしまうのです。

メタタグひとつで解除できますのでheadに入れておくことをおすすめします。

電話番号リンクを表示させないメタタグ

<meta name="format-detection" content="telephone=no">
これをheadに追加すればOKです。

<!DOCTYPE html>
<html>
<head>
<meta name="format-detection" content="telephone=no">
<title>文書のタイトル</title>
</head>

こんな感じでhead内ににいれておきましょう。

ちゃんとした電話番号にはタップしたら電話がかけられるようにしたい場合は、
<a href="tel:0312345678">電話番号</a>

のようにしてa要素で電話番号と認識させます。これによってiPhoneサファリ以外のブラウザでも電話番号リンクが表示されタップすると電話をかけられるようになりますし、メタタグでiphone向けに全体で自動電話番号リンクを無効化している場合でもこれで電話番号認識させる事ができます。

iPhoneサファリが余計なことをするために無駄なメタタグを追加しなければいけないのは何とも言えません。電話番号にだけピンポイントに機能するなら良いですが実際はそうではないですもんね。

「そもそも電話番号情報をテキスト表示したいだけ」、という場合には余計な機能ですし、間違えて連番の数字にも電話番号認識するなど精度は悪い上に、他社のサイトを改ざんしサファリ上で表示しているこの仕様、ちょっと引きますね・・・。

シェアしていただけると嬉しいです

この記事を書いた人：オシオ
年に数回ガジェットを持って海外旅行へ行くガジェット系日本人。映像はG9 PRO II、ジンバルはOSMO POCEKT3、ドローンはDJI MAVIC MINI3 PRO使用。