एंकर टैग में फोन नंबर हाइपरलिंक कैसे करें

डिपॉजिटफोटो 41021729 एस

मेरे दोस्तों को इससे एक किक मिलेगी, क्योंकि मैं शायद ही कभी अपने फोन का जवाब देता हूं ... लेकिन हे ... यह मदद करने के बारे में है तुंहारे कंपनी, मेरी नहीं! आईफ़ोन, एंड्रॉइड और अन्य स्मार्टफ़ोन में भारी उछाल के साथ, यह वास्तव में समय है कि आप अपनी साइट को मोबाइल ब्राउज़र पर उपयोग के लिए अनुकूलित करना शुरू करें।

कंपनियां अपने आगंतुकों के एक महत्वपूर्ण हिस्से को मोबाइल उपकरणों के माध्यम से आते हुए देख रही हैं। मोबाइल डिवाइस पर अच्छी दिखने वाली प्रतिक्रियाशील वेबसाइट का होना अब कोई विकल्प नहीं है, यह एक आवश्यकता है।

यहां एक बात है जिसे मोबाइल अनुभव बनाते समय अक्सर अनदेखा कर दिया जाता है… अपने फ़ोन नंबरों को हाइपरलिंक करना ताकि मोबाइल उपयोगकर्ता केवल उन पर क्लिक कर सकें और फोन कॉल शुरू कर सकें। वाक्य रचना काफी सरल है:

13172039800

एक ठेठ लंगर टैग वेब लिंक के साथ मूल्य में एक URL का उपयोग करता है, एक ईमेल लिंक का उपयोग करता है इन्हें मेल करें... एक फोन नंबर के लिए वाक्य रचना बस है tel. मैंने कोष्ठक, अवधि और डैश के साथ और बिना मूल्य का परीक्षण किया है और सब कुछ iPhone और Droid दोनों पर काम करता प्रतीत होता है। हालांकि, मेरा सुझाव है कि फ़ोन नंबर में देश कोड शामिल करें और href मान में सभी डैश, रिक्त स्थान या बिंदुओं को हटा दें।

यदि आप यह मापना चाहते हैं कि कितने लोग इन लिंक्स पर क्लिक कर रहे हैं, तो आप हमारे लेख को पढ़ सकते हैं कि कैसे Google टैग प्रबंधक का उपयोग करके Google Analytics ईवेंट जोड़ें.

35 टिप्पणियाँ

  1. 1

    प्रतिभाशाली डग! मेरी सभी ग्राहक साइटों पर इसका उपयोग शुरू करने की योजना बनाएं। ठीक है अगर मैं अपने ब्लॉग पर यह पोस्ट करूं? निश्चित रूप से आपको पूरा अधिकार दिया जा रहा है। बहुत ही शांत! 😎

  2. 2

    तो क्या कोई कारण नहीं है कि फोन नंबर में कोष्ठक, अवधियों या डैश को न डालें? और क्या html फोन नंबर एक शीर्षक टैग की तरह काम करता है? क्या href कोड के अंदर कोई टाइटल टैग करने का कोई लाभ है?

  3. 3

    @edeckers RFC3966 मानक कोष्ठक का समर्थन करने के लिए प्रकट नहीं होता है, लेकिन अंतर्राष्ट्रीय कॉलिंग, एक्सटेंशन आदि के लिए अन्य विकल्पों और प्रतीकों के एक टन का समर्थन करता है:
    http://www.ietf.org/rfc/rfc3966.txt

    एसईओ के लिए के रूप में, मैं नहीं देख क्यों नहीं! शायद व्यावसायिक नाम + "फोन नंबर" को लागू करने का एक अच्छा तरीका हो सकता है!

  4. 4

    नमस्ते, यह एक अच्छी चाल है, लेकिन मैंने यह कोशिश की और फ़ायरफ़ॉक्स ने मुझे एक बदसूरत त्रुटि संदेश देते हुए कहा कि यह नहीं पता कि लिंक को कैसे पढ़ना है। मेरे लिए, यह एक बदसूरत त्रुटि संदेश के लायक नहीं है, जब कोई व्यक्ति डेस्कटॉप पर लिंक पर क्लिक करता है, जिसके पास मोबाइल फोन लिंक को एक्सेस करने में सक्षम हो। एंड्रॉइड पर फोन नंबर पर "लॉन्ग-प्रेस" और यह स्वचालित रूप से किसी भी नंबर पर कॉल करने का प्रयास करता है। क्या मै गलत हु? क्या आसपास कोई काम है?

  5. 7
  6. 8

    बहुत बहुत धन्यवाद। आपने जैसा सरल कहा, फिर भी कुशल। आप कुछ कदम आगे बढ़ सकते हैं और इसे एक आइकन से लिंक कर सकते हैं और अपने फोन नंबर को प्रदर्शित करने के लिए एंकर टैग में एक शीर्षक बना सकते हैं और उन उपयोगकर्ताओं के लिए और निर्देश दे सकते हैं जो आइकन पर अपना माउस मँडराते हैं। एक बार फिर धन्यवाद!

  7. 9
    • 10

      मेरा मानना ​​है कि href वैरिएबल केवल नंबरों की अनुमति देता है ... हालाँकि, आप एंकर टैग के भीतर जो भी टेक्स्ट चाहें, डाल सकते हैं।

  8. 11
  9. 12

    मुझे 100% यकीन नहीं है (और मुझे पता है कि यह एक बहुत पुरानी चर्चा है इसलिए यह निर्भर नहीं हो सकता है) लेकिन इन दिनों अधिकांश स्मार्टफोन स्वचालित रूप से ऐसा नहीं करते हैं?

  10. 14
  11. 15

    बस एक साधारण सुधार ... आपने कहा कि हम आपको सलाह देते हैं "सब कुछ लेकिन वास्तविक संख्या को href मान में रखें"

    मुझे यकीन है कि आप का मतलब है "सब कुछ लेकिन वास्तविक संख्या हमारे आवर्ती मूल्य रखें"

    या फिर आप बस विराम चिह्नों का एक गुच्छा डायल करेंगे dial

  12. 16
  13. 17

    धन्यवाद डगलस, सोशल मीडिया बार क्या आप उपयोग कर रहे हैं? आपका ब्लॉग बहुत अच्छा लग रहा है और आपके पास बहुत सारी सामग्री है। Google प्लस पर कनेक्ट करना पसंद करेंगे। एक बार फिर धन्यवाद

    • 18

      धन्यवाद डीन! एक महान समाधान के लिए नेट के आसपास बहुत खोज के बाद, मैं उतरा Shareaholic। इसमें एक टन अधिक विशेषताएं हैं जिनका हम उपयोग नहीं करते हैं - लेकिन यह बहुत लचीला है!

  14. 19

    मैं अभी भी इस कॉलम से नहीं जानता कि फोन नंबर को कैसे ईमेल किया जाए - एक सेल फोन को, इसलिए मेरा बॉस इसे टैप करके कॉल कर सकता है।

    • 20

      हाय डी, आपके ईमेल सॉफ़्टवेयर को HTML का समर्थन करने की आवश्यकता होगी और हम ऊपर वर्णित हाइपरलिंक को जोड़ने की क्षमता। यह लेख मोबाइल वेबसाइट पर ऐसा करने के बारे में अधिक था, न कि ईमेल पर।

  15. 21

    हाय डगलस, अंतर्राष्ट्रीय कॉल करने वालों के लिए यह कितना अच्छा काम करता है? क्या आपको लगता है कि अंतर्राष्ट्रीय (जैसे +44) नंबर, या स्थानीय क्षेत्र कोड का उपयोग करना सबसे अच्छा है?

    • 22

      ईमानदार होना, बेन, मेरा मानना ​​है कि यह निर्दोष रूप से काम करता है। मेरा मानना ​​है कि कई अंतरराष्ट्रीय कॉलर स्थानीय क्षेत्र कोड का उपयोग करते हैं। नाइजीरिया घोटाले कलाकारों तुरंत दिमाग में आते हैं। 🙂

  16. 23

    नमस्ते, क्या हैशटैग का उपयोग फोन कॉल शुरू करने के लिए हाइपरलिंक के रूप में किया जा सकता है? मैंने सुना है कि यह दूसरे दिन का उल्लेख है, लेकिन इसे नहीं देखा है। धन्यवाद!

    • 24

      मैंने इसे अभी तक नहीं देखा है। मुझे लगता है कि आप किसी प्रकार का प्लगइन या स्क्रिप्ट लिख सकते हैं, लेकिन यह मूल HTML फ़ंक्शन नहीं है।

  17. 25
  18. 26

    इसलिए मुझे शामिल करने की आवश्यकता नहीं है - या। संख्याओं के बीच? इसके अलावा, आप एक एक्सटेंशन कैसे शामिल करेंगे ताकि हाइपरलिंक सीधे एक्सटेंशन को कॉल करेगा?

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

    बहुत जानकारीपूर्ण ट्यूटोरियल! असल में, मुझे "क्लिक करने योग्य फोन नंबर" के बजाय "क्लिक टू कॉल विजेट" का पहलू बेहतर लगता है। मेरी साइट पर कॉलबैक ट्रैकर प्लग-इन की कोशिश करने के बाद, मुझे कॉल करने की बजाय मेरे लीड्स को कॉल करने की क्षमता के साथ बहुत अधिक परिणाम दिखाई देते हैं। व्यक्तिगत रूप से, मैं इसे अधिकांश साइटों पर आवश्यक देखता हूं। यहाँ प्लगइन का लिंक दिया गया है https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.