काम के दौरान, हम अक्सर अपनी कॉर्पोरेट वेबसाइटों को बड़ी स्क्रीन पर देखने के लिए लैपटॉप या डेस्कटॉप पर बैठते हैं… उपकरण। यदि आप अपने ट्रैफ़िक को रेफ़रल स्रोत द्वारा विभाजित करना शुरू करते हैं, तो आप शायद और भी अधिक आश्चर्यचकित होंगे कि खोज इंजन उपयोगकर्ता मुख्यतः मोबाइल हैं।
अमेरिका में 63% सर्च इंजन सर्च मोबाइल तकनीकों के माध्यम से होते हैं। वैश्विक वेबसाइट विज़िट का 48% मोबाइल से आता है।
व्यवसायों के साथ अब अपने आगंतुकों के एक महत्वपूर्ण हिस्से को मोबाइल उपकरणों के माध्यम से आने के साथ, मोबाइल-तैयार वेबसाइट होना अब एक विकल्प नहीं है, यह एक आवश्यकता है।
मोबाइल अनुभव का निर्माण करते समय एक तत्व जिसे अक्सर अनदेखा कर दिया जाता है वह है अपने फ़ोन नंबरों को हाइपरलिंक करना in एचटीएमएल ताकि मोबाइल उपयोगकर्ता बस उन पर क्लिक कर फोन कॉल शुरू कर सकें। एंकर टैग कार्रवाई योग्य टैग हैं जिनकी ब्राउज़र व्याख्या करते हैं और उपयोगकर्ताओं को क्लिक करने में सक्षम बनाते हैं। किसी वेबसाइट के लिए एक विशिष्ट एंकर टैग है:
<a href="https://martech.zone">Martech Zone</a>एक एंकर टैग जो एक ईमेल खोलता है वह है:
<a href="mailto:info@martech.zone">Click here to email us!</a>mailto के साथ, आप वैकल्पिक रूप से लिंक के भीतर ईमेल के विषय और मुख्य भाग को शामिल कर सकते हैं। मैं यह सुनिश्चित करूंगा कि आप यूआरएल टेक्स्ट को एन्कोड करें, हालांकि। कुछ ब्राउज़र एक स्थान पर टूटेंगे:
<a href="mailto:info@martech.zone?subject=Hi%20Doug&body=This%20is%20a%20test!">Click here to email us!</a>फोन नंबर: हाइपरलिंक पर कॉल करने के लिए क्लिक करें
HTML में किसी फ़ोन नंबर से हाइपरलिंकिंग के लिए सिंटैक्स, बस का उपयोग करते हुए, mailto सिंटैक्स के समान है टेलीफोन: बजाय:
<a href="tel:+13172039800">Click here to call us!</a>आपके फ़ोन नंबर का सिंटैक्स वास्तव में कोई मायने नहीं रखता। मैंने प्लस चिह्नों, कोष्ठकों, अवधियों और डैश के साथ और बिना मूल्य का परीक्षण किया है और सब कुछ iPhone और Android दोनों पर काम करता प्रतीत होता है।
मैं संख्याओं को छोड़कर सब कुछ हटाकर चीजों को साफ रखने की कोशिश करता हूं। मैं फोन नंबर में प्लस चिह्न के साथ देश कोड शामिल करने की भी सिफारिश करूंगा - खासकर यदि आप अंतरराष्ट्रीय स्तर पर व्यापार को आकर्षित कर रहे हैं।
जब हम अपने ग्राहकों की साइटों को अनुकूलित करते हैं, तो हम यह सुनिश्चित करते हैं कि फ़ोन नंबरों के सभी उदाहरण हाइपरलिंक किए गए हों। यदि यह कॉल-टू-एक्शन है, तो हम आमतौर पर लिंक को एक बटन के रूप में प्रारूपित करते हैं ताकि यह स्पष्ट हो सके कि इसे क्लिक किया जा सकता है।
फोन नंबर: हाइपरलिंक टेक्स्ट करने के लिए क्लिक करें
आपके पास एक हाइपरलिंक भी हो सकता है जो स्वचालित रूप से एक उत्पन्न करता है एसएमएस संदेश:
<a href="sms:+13172039800">Click here to text us!</a>आप वैकल्पिक रूप से एक संदेश भी शामिल कर सकते हैं:
<a href="sms:+13172039800?&body=Hello">Click here to text us!</a>फ़ोन नंबर कैसे कैप्चर करें एनालिटिक्स में क्लिक करें
हम यह भी सुनिश्चित करते हैं कि हम इन घटनाओं को Google Analytics में कैप्चर करें! यदि आप यह मापना चाहते हैं कि कितने लोग इन लिंक्स पर क्लिक कर रहे हैं, तो आप हमारे लेख को पढ़ सकते हैं कि कैसे Google टैग प्रबंधक का उपयोग करके Google Analytics ईवेंट जोड़ें.
प्रतिभाशाली डग! मेरी सभी ग्राहक साइटों पर इसका उपयोग शुरू करने की योजना बनाएं। ठीक है अगर मैं अपने ब्लॉग पर यह पोस्ट करूं? निश्चित रूप से आपको पूरा अधिकार दिया जा रहा है। बहुत ही शांत! 😎
तो क्या कोई कारण नहीं है कि फोन नंबर में कोष्ठक, अवधियों या डैश को न डालें? और क्या html फोन नंबर एक शीर्षक टैग की तरह काम करता है? क्या href कोड के अंदर कोई टाइटल टैग करने का कोई लाभ है?
@edeckers RFC3966 मानक कोष्ठक का समर्थन करने के लिए प्रकट नहीं होता है, लेकिन अंतर्राष्ट्रीय कॉलिंग, एक्सटेंशन आदि के लिए अन्य विकल्पों और प्रतीकों के एक टन का समर्थन करता है:
http://www.ietf.org/rfc/rfc3966.txt
एसईओ के लिए के रूप में, मैं नहीं देख क्यों नहीं! शायद व्यावसायिक नाम + "फोन नंबर" को लागू करने का एक अच्छा तरीका हो सकता है!
नमस्ते, यह एक अच्छी चाल है, लेकिन मैंने यह कोशिश की और फ़ायरफ़ॉक्स ने मुझे एक बदसूरत त्रुटि संदेश देते हुए कहा कि यह नहीं पता कि लिंक को कैसे पढ़ना है। मेरे लिए, यह एक बदसूरत त्रुटि संदेश के लायक नहीं है, जब कोई व्यक्ति डेस्कटॉप पर लिंक पर क्लिक करता है, जिसके पास मोबाइल फोन लिंक को एक्सेस करने में सक्षम हो। एंड्रॉइड पर फोन नंबर पर "लॉन्ग-प्रेस" और यह स्वचालित रूप से किसी भी नंबर पर कॉल करने का प्रयास करता है। क्या मै गलत हु? क्या आसपास कोई काम है?
यह निश्चित रूप से मोबाइल उपयोगकर्ता, इन हाउस को लक्षित है।
ब्राउज़र डिटेक्शन द्वारा आप हमेशा इससे बच सकते हैं। इसे गैर-मोबाइल / बड़े रिज़ॉल्यूशन ब्राउज़रों के लिए छिपाए गए div में रखें।
इस रेफर पोस्ट डौग के लिए धन्यवाद :)
बहुत बहुत धन्यवाद। आपने जैसा सरल कहा, फिर भी कुशल। आप कुछ कदम आगे बढ़ सकते हैं और इसे एक आइकन से लिंक कर सकते हैं और अपने फोन नंबर को प्रदर्शित करने के लिए एंकर टैग में एक शीर्षक बना सकते हैं और उन उपयोगकर्ताओं के लिए और निर्देश दे सकते हैं जो आइकन पर अपना माउस मँडराते हैं। एक बार फिर धन्यवाद!
क्या हम हाइपरलिंक फ़ोन नंबर पर पाठ जोड़ सकते हैं?
मेरा मानना है कि href वैरिएबल केवल नंबरों की अनुमति देता है ... हालाँकि, आप एंकर टैग के भीतर जो भी टेक्स्ट चाहें, डाल सकते हैं।
यह एक महान चाल है! मैं इसे अभी से साइटों पर जोड़ना शुरू करने जा रहा हूं। धन्यवाद!
मुझे 100% यकीन नहीं है (और मुझे पता है कि यह एक बहुत पुरानी चर्चा है इसलिए यह निर्भर नहीं हो सकता है) लेकिन इन दिनों अधिकांश स्मार्टफोन स्वचालित रूप से ऐसा नहीं करते हैं?
@ facebook-502306174: कई लोग डिसकस करते हैं, लेकिन बहुत से नंबर को गलत तरीके से प्रारूपित करते हैं जब तक कि आप इसे परिभाषित नहीं करते हैं।
धन्यवाद।
बस एक साधारण सुधार ... आपने कहा कि हम आपको सलाह देते हैं "सब कुछ लेकिन वास्तविक संख्या को href मान में रखें"
मुझे यकीन है कि आप का मतलब है "सब कुछ लेकिन वास्तविक संख्या हमारे आवर्ती मूल्य रखें"
या फिर आप बस विराम चिह्नों का एक गुच्छा डायल करेंगे dial
धन्यवाद ब्रायन!
धन्यवाद डगलस, सोशल मीडिया बार क्या आप उपयोग कर रहे हैं? आपका ब्लॉग बहुत अच्छा लग रहा है और आपके पास बहुत सारी सामग्री है। Google प्लस पर कनेक्ट करना पसंद करेंगे। एक बार फिर धन्यवाद
धन्यवाद डीन! एक महान समाधान के लिए नेट के आसपास बहुत खोज के बाद, मैं उतरा Shareaholic। इसमें एक टन अधिक विशेषताएं हैं जिनका हम उपयोग नहीं करते हैं - लेकिन यह बहुत लचीला है!
मैं अभी भी इस कॉलम से नहीं जानता कि फोन नंबर को कैसे ईमेल किया जाए - एक सेल फोन को, इसलिए मेरा बॉस इसे टैप करके कॉल कर सकता है।
हाय डी, आपके ईमेल सॉफ़्टवेयर को HTML का समर्थन करने की आवश्यकता होगी और हम ऊपर वर्णित हाइपरलिंक को जोड़ने की क्षमता। यह लेख मोबाइल वेबसाइट पर ऐसा करने के बारे में अधिक था, न कि ईमेल पर।
हाय डगलस, अंतर्राष्ट्रीय कॉल करने वालों के लिए यह कितना अच्छा काम करता है? क्या आपको लगता है कि अंतर्राष्ट्रीय (जैसे +44) नंबर, या स्थानीय क्षेत्र कोड का उपयोग करना सबसे अच्छा है?
ईमानदार होना, बेन, मेरा मानना है कि यह निर्दोष रूप से काम करता है। मेरा मानना है कि कई अंतरराष्ट्रीय कॉलर स्थानीय क्षेत्र कोड का उपयोग करते हैं। नाइजीरिया घोटाले कलाकारों तुरंत दिमाग में आते हैं। 🙂
नमस्ते, क्या हैशटैग का उपयोग फोन कॉल शुरू करने के लिए हाइपरलिंक के रूप में किया जा सकता है? मैंने सुना है कि यह दूसरे दिन का उल्लेख है, लेकिन इसे नहीं देखा है। धन्यवाद!
मैंने इसे अभी तक नहीं देखा है। मुझे लगता है कि आप किसी प्रकार का प्लगइन या स्क्रिप्ट लिख सकते हैं, लेकिन यह मूल HTML फ़ंक्शन नहीं है।
Microsoft प्रकाशक जैसे ईमेल मार्केटिंग प्रोग्राम में मैं "कॉल नाउ" बटन कैसे बना सकता हूं? इसके अलावा, मैं इसे मेलिचम में कैसे डालूंगा?
इसलिए मुझे शामिल करने की आवश्यकता नहीं है - या। संख्याओं के बीच? इसके अलावा, आप एक एक्सटेंशन कैसे शामिल करेंगे ताकि हाइपरलिंक सीधे एक्सटेंशन को कॉल करेगा?
Href मान के भीतर, आप संख्याओं के बीच कोई डैश या डॉट्स नहीं चाहते हैं। लंगर पाठ के भीतर, आप कुछ भी लिख सकते हैं।
बढ़िया लेख - बहुत मददगार। धन्यवाद!
महान लेख
हाय डगलस, इस कोड को साझा करने के लिए बहुत बहुत धन्यवाद।
महान टिप डौग! धन्यवाद। यह लेख अधिक प्रासंगिक है, 6 साल बाद सब कुछ मोबाइल के साथ।
यह काम करता हैं!! धन्यवाद डग !! 😉
आपकी सहायताके लिए धन्यवाद!
बहुत जानकारीपूर्ण ट्यूटोरियल! असल में, मुझे "क्लिक करने योग्य फोन नंबर" के बजाय "क्लिक टू कॉल विजेट" का पहलू बेहतर लगता है। मेरी साइट पर कॉलबैक ट्रैकर प्लग-इन की कोशिश करने के बाद, मुझे कॉल करने की बजाय मेरे लीड्स को कॉल करने की क्षमता के साथ बहुत अधिक परिणाम दिखाई देते हैं। व्यक्तिगत रूप से, मैं इसे अधिकांश साइटों पर आवश्यक देखता हूं। यहाँ प्लगइन का लिंक दिया गया है https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/
बहुत अच्छा, साझा करने के लिए धन्यवाद!