スマートフォン機能を備えたデバイスでは、ユーザーが電話番号をタップするだけで直接電話をかけられるようにします。これは一般に「クリックして通話」と呼ばれます。
概要
- すべての電話番号を
tel:スキーマのハイパーリンクでラップします。 - 必ず国際電話番号形式を使用してください。
電話番号をリンクしてクリックして通話できるようにする
最新のモバイル ブラウザの多くは、電話番号を自動的に検出してリンクに変換しますが、コード内で直接変換することをおすすめします。各電話番号に手動でタグを設定すると、電話番号が常にクリックして発信できるように設定され、サイトのデザインに合わせて表示されるようになります。
電話番号をリンクとしてマークするには、tel: スキームを使用します。構文はシンプルです。
NIST Telephone Time-of-Day Service
<a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>
ブラウザには、この構文が次のように表示されます。
NIST 電話時刻サービス +1 (303) 499-7111
電話機能を備えたほとんどのデバイスでは、番号がダイヤルされる前にユーザーに確認メッセージが表示されます。これは、ユーザーがだまされて高額な長距離電話やプレミアム電話番号に発信しないようにするためです。デバイスが通話をサポートしていない場合、ブラウザで番号を処理する方法を選択できるメニューが表示されることがあります。
音声通話をサポートしていないパソコンのブラウザでは、パソコンのデフォルトの電話アプリ（Google Voice や Microsoft Communicator など）が開きます。
国際電話番号形式を使用する
電話番号は、必ず国際電話形式（プラス記号（+）、国コード、市外局番、電話番号）で指定してください。必須ではありませんが、番号の各セグメントをハイフン（-）で区切ると、読みやすくなり、自動検出の精度が向上します。
ハイフン付きの国際電話形式を使用すると、ユーザーが数百メートル離れた場所から電話をかけているか、数千キロ離れた場所から電話をかけているかにかかわらず、電話が接続されます。
必要に応じて自動検出を無効にする
最新のモバイル ブラウザは、電話番号を自動的に検出して、クリックして通話できるようにします。モバイル Safari では、電話番号が関連付けられたハイパーリンク スタイルで自動的にリンクに変換されます。Android 版 Chrome では、電話番号が自動的に検出され、ユーザーはクリックして通話できますが、電話番号がハイパーリンクでラップされたり、特別なスタイルが適用されたりすることはありません。
Mobile Safari で電話番号が自動的に検出されないようにするには、次のメタタグをページに追加します。
<meta name="format-detection" content="telephone=no" />
その他の Click-to-Call 機能
tel: スキーマに加えて、一部の最新のブラウザでは sms: スキーマと mms: スキーマもサポートされていますが、サポートは一貫しておらず、メール本文の設定などの一部の機能は常に動作するとは限りません。