通話機能のあるデバイスでは、ユーザーが電話番号をタップするだけで直接電話をかけられるようにします(クリックして通話)。
概要
- すべての電話番号を
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 は電話番号を自動的に検出し、ユーザーがクリックして電話をかけられるようにしますが、電話番号をハイパーリンクで囲んだり、特別なスタイルを適用したりすることはありません。
モバイル Safari で電話番号が自動的に検出されないようにするには、次のメタタグをページに追加します。
<meta name="format-detection" content="telephone=no" />
その他の Click-to-Call 機能
tel:
スキーマに加えて、一部の最新ブラウザは sms:
スキーマと mms:
スキーマもサポートしていますが、サポートは一貫しておらず、メッセージ本文の設定などの一部の機能は常に動作するとは限りません。