スマホでサイトを見ているとき、電話番号をタップするとそのまま「この番号に発信しますか?」という風にすぐに電話をかけることが出来ますよね。
レストランや病院などの場合、すぐに電話をかけて予約ができるので便利です。

しかし!お店の電話番号をテキストではなく、画像でサイト上に表示させている場合…
・スマホから見た時に画像をタップしても電話がかけられない!
・いちいち番号を入力するのがめんどくさい!

という事態を避けるため、画像にも電話番号の情報を追加して、タップしたらすぐに電話がかけられるようにするためのタグを紹介しておきます。


記述は簡単で、aタグを応用したものです。

<a href="tel:0312345678">電話はこちらへ</a>

このように、いつものaタグの中に 「tel:(電話番号)」 と記述するだけ。
とても簡単ですね!

ぜひぜひお試しくださいませ。