【ブログ小技】WordPressで電話番号をクリックで電話がかかるように設定する方法

【ブログ小技】WordPressで電話番号をクリックで電話がかかるように設定する方法

WordPressでブログ記事を書いていると、お店や施設を読者に紹介する機会がありますよね。

素敵な情報が載っていると『予約したい!』と読者は思い、電話番号を探すでしょう。

そんなときに、ブログ内で紹介されている電話番号からクリックできない(直接電話をかけることができない)と・・・

ブログに書かれている電話番号をメモ

電話アプリを立ちあげる

電話番号を入力する

・・・という工程を読者は踏むことになります。

これではGoogleが掲げる理念でもある『親切なサイト』とは言えませんよね?


『電話したい』・『予約を入れたい』と思ったら、ワンクリックで電話をかけられるように電話番号をクリックで発信できるように設定する方法を学んでいきましょう!

WordPressブログで電話番号をクリックで発信させる方法はとっても簡単ですよ。

 
れん
慣れたら10秒もかかりません!

【ブログ小技】WordPressで電話番号をクリックで電話がかかるように設定する方法

電話番号をクリックで電話が発信できるようにする方法には『リンクを貼る』『HTML』の2種類あります。

リンクを貼って電話番号をクリックで発信できるように設定する方法

リンクを貼って電話番号をクリックで発信できるように設定する方法

クリックで発信できるようにしたい電話番号を選択し、『リンク(またはCtrl+K)』をクリック。

リンクを貼って電話番号をクリックで発信できるように設定する方法

リンクに『tel:発信する電話番号』を入力し、送信ボタンを押す。

上記の画像で言うと下記を入力します。

tel:0120-0000-0000
これで電話番号をクリックすると電話が発信するようになります。

ち・な・み・に
電話番号はハイフンがある・なしに関わらず、電話はきちんと発信されます。
 

リンクで電話番号を発信するように設定する【応用編】

電話番号以外の文字でも、電話を発信するようにリンクを貼ることもできます。

リンクを貼って電話番号をクリックで発信できるように設定する方法

電話番号リンクを貼りたい文字を入力し、選択後『リンク』をクリックします。

発信したい電話番号を入力し、送信すると文字に電話番号リンクを張り付けることができます。

リンクを貼って電話番号をクリックで発信できるように設定する方法

HTMLで電話番号をクリックで発信できるように設定する方法

リンクを貼る以外にも、HTMLで電話番号をクリックで発信できるように設定することもできます。

HTMLで電話番号をクリックで発信できるように設定する方法

HTMLで<a href=”tel:電話番号″ target=”_blank”>電話番号</a>と入力するとクリックで電話が発信できるように設定できます。

<a href=”tel:0120-0000-0000″ target=”_blank”>0120-0000-0000</a>
上記の赤文字の数字が実際に発信される電話番号。

青文字がブログで表記される電話番号になります。

 

HTMLで電話番号を発信するように設定する【応用編】

 
電話番号以外にも、青文字部分に言葉を入れると・・・
<a href=”tel:0120-0000-0000″ target=”_blank”>資料お問い合わせはお電話で!</a>
 
HTMLで電話番号をクリックで発信できるようにする方法

資料お問い合わせはお電話で!をクリックすると、0120-0000-0000に繋がるようにもできちゃいます!

PCからはクリックできないように設定できる

PCからは電話はかけられないので、PCは電話番号リンクをクリックできないように設定することもできます。

こちらは電話番号リンクと違い、一度設定するだけでOK。

読者の誤クリックを防げるので、余裕がある方はこちらも一緒に設定しましょう。

リンク・HTMLを上手に使ってブログを読者が使いやすく整えよう!

リンクで電話番号を発信できるように設定する方法

tel:発信する電話番号
 
HTMLで電話番号を発信できるように設定する方法
<a href=”tel:発信する電話番号″ target=”_blank”>表示する電話番号</a>
 
電話番号をメモって電話をかけ直すって・・・めちゃめちゃ面倒くさいですよね!

わたしだったら電話をクリックでかけられないと、サイトを離脱して他にリンクを貼っているサイトがないか探し直すほどイヤです・・・(笑)

電話番号をクリックで発信できるように設定するのは簡単なので、読者ファーストのサイト運営を目指している方は、電話番号を案内する際にはクリックで発信できるように設定してあげましょう!

【ブログ小技】WordPressで電話番号をクリックで電話がかかるように設定する方法
最新情報をチェックしよう!