超簡單!電話超連結按下就撥號!

使用手機瀏覽網頁的人已經從過去的少數逐漸轉成多數,當然根據網頁內容本身的特質,來訪著的裝置種類會有所差異。但網站維護者還是盡可能的,讓使用者達成良好體驗,例如:電話的超連結。

按一下撥號,連結電話號碼

新瀏覽器大部分都會自動偵測電話號碼,並自動轉換成撥號的連結。但以網站維護者的角度,在編輯時設定好超連結可以確保體驗統一,樣式也符合網站內容。

將電話號標記為連結,請使用 tel: 結構描述。

<a href="tel:+886-900-000-000">0900-000-000</a>

顯示內容如下:

0900-000-000

文字編輯器添加號碼

不會編輯 html 語法也沒關係像wordpress 都有可視的文字編輯器,把文字框起來後,點選超連結的按鈕。如下方所示

將正確的電話號碼填入網址的地方,並在電話號碼前帶入 tel: 即可完成。

使用國際撥號格式

瀏覽網頁的人來自世界各地,電話號碼沒有加國碼(TW +886),會導致使用者撥打至當地的電話,使用加符號帶上國碼可確保所有人都可以正確撥號,不會有任何人撥錯電話。

標準化格式

最好將號碼的每一區段都以連字號 (-) 分隔, 以方便閱讀與自動偵測。

台灣號碼範例:

電話手機號碼是0900-000-000 在超連結裡面的電話要打成+886-900-000-000,電話號碼是市話 02-0000-0000 就要變成 +886-2-0000-0000。

電話號碼中必須有國碼

電話號碼第一位0要拿掉。

參考來源:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *