[HTML]iPhone でのサイト閲覧時に数値に自動でリンクが貼られないように回避する方法

WordPress

2014.02.01

企業サイトなどでは、HTML ファイル上に電話番号をテキストで記述することも多いと思いますが、

PC では問題なくても、iPhoneから見ると自動で電話番号（や、それっぽい数値テキスト）にリンクが貼られてしまうので、勝手にリンクされないようにmetaタグで防止する方法のご紹介です。

format-detection の指定

数値に勝手にリンクが貼られないようにformat-detectionを指定しておきます。

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

<head>

</head>

WordPressのサイトの場合は利用中のテーマのfunctions.php にis_mobile の記述を追記した上で

<?php
function is_mobile () {
    $useragents = array(
	'iPhone', // iPhone
	'iPod', // iPod touch
    );
    $pattern = '/'.implode('|', $useragents).'/i';
    return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}
?>

<?php

function is_mobile () {

$useragents = array(

'iPhone', // iPhone

'iPod', // iPod touch

);

$pattern = '/'.implode('|', $useragents).'/i';

return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);

}

<head> 内で「iPhoneでのサイト閲覧時のみformat-detectionを指定する」という条件分岐も可能です。

<head>
<?php if (is_mobile()) { ?>
<meta name="format-detection" content="telephone=no" />
<?php } else {
}?>
</head>

<head>

<?php if (is_mobile()) { ?>

<?php } else {

}?>

</head>