You're lovin' it.

iPhoneのSafariで郵便番号に電話リンクが勝手に設定されたときの解除法

ホームページを制作しiPhoneで表示確認している時に「なんか郵便番号がリンクになってるんだけどナニコレ??」とビックリした経験がある方向けの記事です。
iosのSafariでは電話番号だけじゃなく郵便番号などの数字列にも勝手にリンクが貼られてしまう性質があるのです。

便利機能なのか厄介機能なのかは各々ですが、タイトルの通り解除する方法です。

head内にmeta要素を記述

/* HTMLのheadに記述 */
<meta name="format-detection" content="telephone=no">

WordPressであればheader.php内や、テーマのダッシュボードなどから記述可能かと思います。

上記を一文記述すれば問題なくリンクが解除できているはずです。

まとめ

時代の流れとともに様々なところで便利機能は追加されていっていますが、今回の件に関しては非常に厄介だと思っています。

しかしながら細かくチェックをする重要性を再認識させていただきました。

この記事がどなたかの参考になれば幸いです。

TAG

おすすめ記事