如何在錨標記中超鏈接電話號碼

Depositphotos 41021729年代

我的朋友會從中受益匪淺,因為我很少接聽電話...但是,嘿...這是關於幫助 公司,不是我的! 隨著 iPhone、Android 和其他智能手機的激增,您真的是時候開始優化您的網站以在移動瀏覽器上使用了。

公司發現他們的訪客中有很大一部分是通過移動設備到達的。 擁有一個在移動設備上看起來很棒的響應式網站不再是一種選擇,而是一種必需品。

這是在構建移動體驗時經常被忽視的一件事…… 超鏈接您的電話號碼 這樣移動用戶就可以簡單地單擊它們並撥打電話。 語法非常簡單:

13172039800

一個典型的 錨標籤 使用Web鏈接使用值中的URL,使用電子郵件鏈接使用 寄信…電話號碼的語法很簡單 這樣. 我已經測試了帶和不帶括號、句點和破折號的值,一切似乎都適用於 iPhone 和 Droid。 但是,我建議在電話號碼中包含國家代碼並刪除 href 值中的所有破折號、空格或圓點。

如果您想衡量有多少人點擊了這些鏈接,您可以閱讀我們的文章,了解如何 使用谷歌標籤管理器添加谷歌分析事件.

35 個評論

  1. 1

    天才道格! 計劃開始在我所有的客戶站點上使用它。 好吧,如果我將其發佈在我的博客上? 當然,您可以享有全部作者資格。 很酷! 😎

  2. 2

    那麼,有什麼理由不在電話號碼中加上括號,句號或破折號嗎? HTML電話號碼是否像標題標籤一樣起作用? 在href代碼中添加標題標籤有什麼SEO好處?

  3. 3

    @edeckers RFC3966標準似乎不支持括號,但確實支持用於國際電話,分機等的大量其他選項和符號:
    http://www.ietf.org/rfc/rfc3966.txt

    至於搜索引擎優化,我不明白為什麼不! 也許商家名稱+“電話號碼”可能是實現的好方法!

  4. 4

    嗨,這是一個很酷的技巧,但我嘗試了一下,Firefox卻給了我一個難看的錯誤消息,說它不知道如何閱讀鏈接。 對我來說,當有人單擊桌面上的鏈接只是為了讓手機能夠訪問該鏈接時,這並不值得得到一個醜陋的錯誤消息。 在Android上的電話號碼上按“長按”,無論如何它都會自動嘗試撥打電話。 我錯了嗎? 有沒有解決的辦法?

  5. 7
  6. 8

    非常感謝。 像您說的那樣簡單,但高效。 您可以再走幾步,使其鏈接到圖標,並在錨標記中創建標題以顯示您的電話號碼,以及將鼠標懸停在圖標上的用戶的進一步說明。 再次感謝!

  7. 9
  8. 11
  9. 12
  10. 14
  11. 15

    只是一個簡單的更正……您說您建議我們“保留除href值中的實際數字以外的所有內容”

    我敢肯定,您的意思是“保留除href值之外的所有實際數字”

    否則,您只會撥打一堆標點符號🙂

  12. 16
  13. 17
  14. 19
    • 20

      嗨,Dee,您的電子郵件軟件將需要支持HTML,並且需要添加我們上面描述的超鏈接的功能。 本文更多地是關於如何在移動網站(而不是電子郵件)上執行此操作的。

  15. 21
  16. 23

    嗨,#標籤可以用作發起電話的超鏈接嗎? 我聽說前幾天提到過它,但沒有看到。 謝謝!

  17. 25
  18. 26
  19. 28
  20. 29
  21. 30
  22. 31
  23. 32
  24. 33
  25. 34

你覺得呢?

本網站使用Akismet來減少垃圾郵件。 了解您的評論如何處理.