電話番号を正しくリンクする

独自の Web サイトをモバイル デバイス向けに最適化する場合は、さまざまな画面サイズ、最適化された読み込み時間、操作時の特殊機能 (ホバー効果など) に注意を払うだけでなく、デバイスの特殊機能も考慮する必要があります。これには(忘れている人もいるかもしれませんが)電話をかけることも含まれます。


ちなみに、href 属性の前に「+49」を付けることをお勧めします。これにより、海外からの顧客がドイツで適切な電話接続を取得できるようになります。 Web サイトの連絡先セクションにある電話番号をタップするとすぐに電話アプリが開くようにするには、次のマークアップを使用できます。:

<a href="tel:+498921555122">089 21 555 122</a>

デスクトップ ユーザー (Skype プラグインがインストールされていないと HTML タグで何もできないユーザー) が混乱しないように、次の CSS マークアップも推奨します。これは、リンクがそのように認識されないことを意味します。:

a[href^="tel"] {
   cursor: default;
   text-decoration: none;
   color: #000;
}
@media only screen and (max-device-width: 480px) {
   a[href^="tel"] {
      text-decoration: underline;
      color: blue;
   }
}
バック