माइक्रोब्रोवर्स हर जगह हैं। लेकिन हम उनके बारे में क्या जानते हैं?

अंजीर। 1. iMessage (बाएं), Hangouts और WhatsApp (दाएं) में एक ही पृष्ठ का पूर्वावलोकन करें

यदि आप टेलीग्राम या व्हाट्सएप में किसी भी यूआरएल का जिक्र किसी स्लैक चैनल पर करते हैं, तो लिंक एक पूर्वावलोकन में विस्तारित हो जाएगा। यह एक मोटा विचार देता है कि असली वेब पेज कैसा दिखता है।

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

माइक्रोब्रॉवर्स के बारे में यहां मूल तथ्य हैं जो प्रत्येक वेब डेवलपर को जानना चाहिए।

1. माइक्रोब्रोसर क्या है? यह "सामान्य" ब्राउज़र से कैसे भिन्न है?

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

माइक्रोब्रॉवर्स उपयोगकर्ता एजेंटों का एक वर्ग है जो साइटों, पार्स HTML के लिंक का भी अनुसरण करता है और उपयोगकर्ता के साथ बातचीत करता है। लेकिन उनके पास HTML के लिए और विशेष रूप से प्रतिपादन के लिए सीमित पार्सिंग क्षमताएं हैं। प्रदर्शित साइट के लिए कोई इंटरैक्टिव उपयोगकर्ता सहभागिता नहीं है। इसके बजाय, यह पूरी तरह से एक प्रतिनिधित्व है: आपको उपयोगकर्ता को संकेत देने की आवश्यकता है कि URL के दूसरी तरफ क्या है।

लिंक पूर्वावलोकन विंडो पीढ़ी एक नई अवधारणा नहीं है। फेसबुक और ट्विटर लगभग एक दशक से ऐसा कर रहे हैं। उस समय, समारोह लगभग विशेष रूप से उनके साथ था। विपणन विभागों ने फेसबुक के लिए विभिन्न माइक्रोडाटा - ट्विटर कार्ड और ओपन ग्राफ एनोटेशन का उपयोग करने के लिए कार्य सौंपे। जल्द ही, लिंक्डइन ने प्रीव्यू जेनरेट करने के लिए ओपेन ग्राफ और OEmbed टैग भी शामिल किए।

<meta name="description" content="seo description long"> <meta name="keywords" content="seo keyword list"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon_32.png" sizes="32x32"> <link rel="icon" href="favicon_48.png" sizes="48x48"> <link rel="icon" href="favicon_96.png" sizes="96x96"> <link rel="icon" href="favicon_144.png" sizes="144x144"> <meta property="og:title" content="Short title here" /> <meta property="og:description" content="shortish description" /> <meta name="twitter:title" content="Short title here"> <meta name="twitter:description" content="shortish description"> <meta property="og:image" content="https://res.cloudinary.com/.../hero-img.png" /> <meta name="twitter:image:src" content="https://res.cloudinary.com/.../hero-img.png"> 

समय के साथ, समूह चैट और अन्य सहयोग उपकरण अधिक लोकप्रिय हो गए - और उन्होंने बड़े सामाजिक नेटवर्क से कुछ कार्यों को कॉपी करना शुरू कर दिया। विशेष रूप से, हाल के वर्षों में हमने चैट प्लेटफार्मों पर लिंक के विस्तार के कार्य का प्रसार देखा है। पहिया को सुदृढ़ नहीं करने के लिए, पूर्वावलोकन बनाने के लिए, सभी प्लेटफ़ॉर्म मौजूदा माइक्रोडेटा की तलाश कर रहे हैं।

लेकिन क्या डेटा का उपयोग करने के लिए? इसे कैसे व्यवस्थित किया जाना चाहिए? यह पता चला है कि प्रत्येक प्लेटफ़ॉर्म थोड़ा अलग ढंग से व्यवहार करता है, दूसरों से कुछ मतभेदों के साथ जानकारी प्रस्तुत करता है, जैसा कि अंजीर में दिखाया गया है। 1।

2. यदि माइक्रोब्रॉवर्स हर जगह हैं, तो मैं उन्हें विश्लेषणात्मक रिपोर्ट में क्यों नहीं देख सकता हूं?

माइक्रोब्रॉवर्स से यातायात को अनदेखा करना आसान है। इसके कई कारण हैं।

सबसे पहले, माइक्रोब्रोकर्स जावास्क्रिप्ट को निष्पादित नहीं करते हैं और कुकीज़ को स्वीकार नहीं करते हैं। Google Analytics से <script> ब्लॉक प्रारंभ और विफल नहीं होगा। और रेंडरिंग एजेंट सभी कुकीज़ को अनदेखा करेगा।

दूसरे, यदि आप सर्वर से या सीडीएन से HTTP लॉग का विश्लेषण करते हैं, तो आपको बहुत कम संख्या में अनुरोध दिखाई देंगे। यदि आप सभी उपयोगकर्ता एजेंटों को पहचान सकते हैं। उनमें से कुछ वास्तविक ब्राउज़र के रूप में प्रच्छन्न हैं, जबकि अन्य फेसबुक या ट्विटर के रूप में प्रच्छन्न हैं। उदाहरण के लिए, iMessage सभी अनुरोधों के लिए एक ही उपयोगकर्ता-एजेंट लाइन का उपयोग करता है, और यह iOS 9 के बाद से नहीं बदला है:

  उपयोगकर्ता-एजेंट: मोज़िला / 5.0 (मैकिन्टोश; इंटेल मैक ओएस एक्स 10_11_1) 
              AppleWebKit / 601.2.4 (KHTML, गेको की तरह) 
              संस्करण / 9.0.1 सफारी / 601.2.4 
              facebookexternalhit / 1.1  
              फेसबोट ट्विटरबोट / 1.0 

अंत में, फेसबुक मैसेंजर और हैंगआउट सहित कई प्लेटफॉर्म, केंद्रीकृत सेवाओं के माध्यम से पूर्वावलोकन लेआउट का अनुरोध करते हैं। यह उन्हें व्हाट्सएप और आईमैसेज से अलग करता है, जहां प्रत्येक उपयोगकर्ता अपने स्वयं के अनुरोध प्राप्त करता है। एक केंद्रीकृत दृष्टिकोण के साथ, आपको केवल एक अनुरोध प्राप्त होगा, जो हजारों उपयोगकर्ताओं के अनुरोधों को जोड़ सकता है।

3. संभवतः माइक्रोग्रॉवर्स गूग्लोबॉट से अधिक महत्वपूर्ण हैं

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

लेकिन विपणक के लिए असली खजाना मुंह का शब्द है। दोस्तों या सहकर्मियों के साथ बातचीत, जहाँ आप किसी उत्पाद, कपड़ों के ब्रांड या समाचार साझा करने की सलाह देते हैं। यह विपणन का सबसे मूल्यवान प्रकार है।

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

हमने दिन के समय तक आंकड़ों को कम और सामान्य किया। तो आप मुंह के शब्द के दैनिक दर्शकों और लिंक एक्सचेंज की आवृत्ति का मूल्यांकन कर सकते हैं। यह शायद चौंकाने वाला नहीं है कि स्लैक में हम सोमवार से शुक्रवार तक लिंक का आदान-प्रदान करते हैं, और व्हाट्सएप का उपयोग पूरे सप्ताह किया जाता है। इसके अलावा, व्हाट्सएप का उपयोग अक्सर तथाकथित "ब्रेक" के दौरान किया जाता है, जैसे कि दोपहर या दोपहर के समय, जब बच्चे पहले से ही सो रहे होते हैं।


अंजीर। 2. व्हाट्सएप और स्लैक में एक्सचेंज लिंक

यद्यपि लिंक पूर्वावलोकन अधिक सामान्य होते जा रहे हैं, उपयोगकर्ता व्यवहार को प्रभावित करने वाले दो कारक हैं:

• उपयोगकर्ता एसएमएस और चैट में प्राप्त लिंक पर संदेह करते हैं। वे फ़िशिंग से डरते हैं और आँख बंद करके लिंक का पालन नहीं करते हैं, लेकिन सामग्री के मूल्य की अतिरिक्त पुष्टि चाहते हैं। यही कारण है कि अधिकांश प्लेटफ़ॉर्म पृष्ठ पूर्वावलोकन का उपयोग करते हैं, URL को बहुत अधिक हाइलाइट करते हैं।
  
  
  
• स्क्रॉल। मुझे यकीन है कि आप सैकड़ों अपठित संदेशों के साथ समूह चैट में आए थे जिन्हें आपने बातचीत के साथ पकड़ने के लिए जल्दी से स्क्रॉल किया था। इस व्यवहार के साथ, लिंक को याद करना आसान है, और पूर्वावलोकन इस URL पर जाने के लिए कितना महत्वपूर्ण है या नहीं, इसकी जानकारी के साथ एक संक्षिप्त सारांश देता है।
  
  
  अंजीर। पूर्वावलोकन विंडो में 3. निचोड़ नील्सन नॉर्मन समूह अनुसंधान
  
  
  अंजीर। 4. ऑनलाइन स्टोर से उत्पाद कितना आकर्षक लग सकता है, इसका उदाहरण। पूर्वावलोकन विंडो रंग विकल्प, मूल्य और उत्पाद रेटिंग प्रदर्शित करती है

4. माइक्रोब्रॉवर्स असली ब्राउज़र नहीं हैं (वे सिर्फ दिखावा करते हैं)

जैसा कि मैंने पहले ही उल्लेख किया है, माइक्रोब्रॉज़र एक वास्तविक ब्राउज़र होने का दिखावा करता है, सही HTTP हेडर भेज रहा है, और अक्सर किसी और के उपयोगकर्ता एजेंट स्ट्रिंग दिखा रहा है। हालांकि, वेब डेवलपर्स के लिए अपने काम की कुछ विशेषताओं को जानना महत्वपूर्ण है।

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

इस कारण से, सभी माइक्रोब्रॉवर्स:

• जावास्क्रिप्ट को अनदेखा करें - इसलिए आपका रिएक्ट एप्लिकेशन काम नहीं करेगा;
  
• सभी कुकीज़ को अनदेखा करें - इसलिए आपके ए / बी परीक्षण भी बेकार हैं;
  
• कुछ रीडायरेक्ट का पालन करेंगे, लेकिन कुछ सेकंड के बाद वे जल्दी से टाइमआउट करके बाहर निकल जाएंगे और लिंक को तैनात करने के प्रयासों को छोड़ देंगे;
  
• जब उपयोगकर्ता पूर्ण ब्राउज़र में लिंक खोलता है, तो referer प्रतीक्षा न करें। वास्तव में, यह "प्रत्यक्ष" ट्रैफ़िक की तरह दिखेगा, जैसे कि उपयोगकर्ता ने एड्रेस बार में URL को मैन्युअल रूप से दर्ज किया है।

दूसरे, माइक्रोब्रॉवर्स के पास बहुत छोटा मस्तिष्क है और, सबसे अधिक संभावना है, सबसे उन्नत नेटवर्क एल्गोरिदम नहीं। अधिकांश पूर्ण-ब्राउज़र ब्राउज़र HTML मार्कअप को पार्स करने के लिए एक टोकन का उपयोग करते हैं, और नेटवर्क स्टैक के लिए अनुरोधों को अतुल्यकालिक रूप से भेजते हैं। इसके अलावा, async अनुरोध भेजने से पहले, ब्राउज़र आवश्यक संसाधनों के कुछ विश्लेषण का संचालन करेंगे।

हमारे प्रयोगों को देखते हुए, HTML को पार्स करते समय अधिकांश माइक्रोब्रॉवर्स केवल संसाधनों के लिए अनुरोध करते हुए, लूप के for उपयोग करते हैं। यह तेजी से वाई-फाई के लिए सामान्य है, लेकिन अस्थिर कनेक्शन पर समस्याएं पैदा कर सकता है।

उदाहरण के लिए, iMessage सबसे पहले सभी <link rel="icon" > फ़ेविकॉन, सभी <meta property="og:image" छवियों का पता लगाएगा और डाउनलोड करेगा, और <meta name="twitter:image:src" , और उसके बाद ही निर्णय लेगा इससे ड्रा करें।

अब आप समझ गए हैं कि ट्रैफ़िक कहाँ जाता है।

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

इस कारण से, मेटा मार्कअप महत्व प्राप्त कर रहा है। यह सामग्री जितनी हल्की होगी, उपयोगकर्ता के स्क्रीन पर उतनी अधिक संभावना होगी।

5. मार्कअप मायने रखता है

चूंकि माइक्रोब्रोवर्स आदिम हैं, इसलिए अच्छा मार्कअप बनाना महत्वपूर्ण है। यहाँ कुछ अच्छी रणनीतियाँ हैं:

• यह पहले से ही 2020 है, एक फ़ेविकॉन पर्याप्त है अन्य सभी लिंक <link rel="shortcut icon" और <link rel="icon" निकालें।
  
• हमारी टिप्पणियों को देखते हुए, अधिकांश अक्सर माइक्रोब्रॉवर्स ओपन ग्राफ़ टैग को समझते हैं। यदि ओजी और ट्विटर कार्ड टैग गायब हैं, तो डिफ़ॉल्ट सत्र विवरण <meta name= "description" । लेकिन चूंकि यह अक्सर खोज इंजन अनुकूलन के लिए अर्थहीन वाक्यांशों से भरा होता है, इसलिए लोग कुछ भी नहीं समझेंगे।
  
  
  
  
• वर्णन में समझदार पाठ लिखें।
  
• <meta property="og:image" में तीन चित्रों को सूचीबद्ध करें। अधिकांश प्लेटफ़ॉर्म केवल पहले डाउनलोड करते हैं, लेकिन कुछ (विशेष रूप से, iMessage) एक कोलाज बनाने की कोशिश करते हैं।
  
  
  अंजीर। 5: अमेज़ॅन माइक्रोब्रॉवर्स के उपयोगकर्ता-एजेंट को पहचानने की कोशिश करता है, जिसके कारण मेटा टैग विवरण से पाठ अक्सर पूर्वावलोकन में हो जाता है
  
• प्रगतिशील (गैर-स्ट्रीमिंग) वीडियो के साथ <meta property="og:vi उपयोग करें।
  
  

   <meta property="og:type" content="video.other"> <meta property="og:video:url" content="https://shoesbycolin.com/blue.mp4"> <meta property="og:video:secure_url" content="https://shoesbycolin.com/blue.mp4"> <meta property="og:video:type" content="video/mp4"> <meta property="og:video:width" content="1280"> <meta property="og:video:height" content="720"> 

  
  
• <meta> टैग को छिपाने के लिए आपको उपयोगकर्ता एजेंट को सूँघने की आवश्यकता नहीं है। कुछ साइट, जैसे कि अमेज़ॅन, ऐसा करते हैं ताकि संबंधित माइक्रोडेटा केवल फेसबुक / ट्विटर पर दिखाई दे। लेकिन यह कुछ माइक्रोब्रॉवर्स के लिए समस्या पैदा कर सकता है जो एक ही उपयोगकर्ता एजेंट सम्मेलन का पालन नहीं करते हैं। परिणामस्वरूप, उपयोगकर्ता को सामान्य पूर्वावलोकन के बिना केवल एक सरल लिंक दिखाई देगा।
  
• पूर्वावलोकन आपके उत्पाद की कहानी बताने या अपने विचारों को संक्षेप में बताने के लिए एक शानदार जगह है।

सारांश

जैसा कि हमारी बातचीत समूह चैट और स्लैक चैनलों में होती है, नए उपयोगकर्ताओं को आकर्षित करने के लिए लिंक पूर्वावलोकन एक महत्वपूर्ण तरीका है। दुर्भाग्य से, सभी वेबसाइटें अच्छे और आश्वस्त करने वाले पूर्वावलोकन प्रदान नहीं करती हैं (और अब जब आप जानते हैं कि क्या देखना है, तो आप बुरे उदाहरणों को नहीं देख पाएंगे - क्षमा करें)।

लोगों को लिंक का अनुसरण करने और अपनी साइट पर जाने का निर्णय लेने में मदद करने के लिए, आपको पृष्ठों पर माइक्रोडेटा के साथ एनोटेशन दर्ज करना होगा। क्या बेहतर है, हम माइक्रोब्रॉवर्स के माध्यम से सुंदर दृश्य कहानियों को प्रसारित कर सकते हैं।