ब्रेडक्रंब मॉड्यूल (mod_breadcrumbs) में माइक्रोडेटा जोड़ें। "ब्रेडक्रंब्स": माइक्रो-मार्कअप और पेज स्निपेट्स पर इसका प्रभाव ब्रेडक्रंब्स स्कीमा ऑर्ग का माइक्रो-मार्कअप

नमस्कार मित्रों। आज मेरे ब्लॉग पर 400वीं वर्षगांठ पोस्ट है। ऐसी तिथि के अवसर पर, मैं वास्तव में कुछ उपयोगी सामग्री प्रदान करना चाहता था ताकि यह दिलचस्प, उपयोगी और प्रासंगिक हो। और इस तरह के लेख का विषय अचानक सामने आया - मैं खोज में सुंदर स्निपेट के निर्माण को समझना चाहता था, लेकिन साथ ही मैंने दो और विषयों पर विचार किया:

• अपने वर्डप्रेस ब्लॉग पर ब्रेडक्रंब स्थापित करना (मैं इसे प्लगइन के बिना चाहता था ताकि साइट लोड न हो),
• और माइक्रो मार्कअप स्थापित करना (इसके बिना, ब्रेड क्रम्ब्स का बहुत कम उपयोग होता है)।

नेविगेशन तत्व

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

यह दूसरी बात है कि साइट जटिल है और इसकी संरचना ऐसी है कि आप आधे घंटे तक गोल-गोल घूम सकते हैं और जो आप ढूंढ रहे हैं वह नहीं मिल पाता है। यदि आपके पास किसी प्रकार का ऑनलाइन स्टोर है जिसमें दर्जनों श्रेणियां हैं, जिनमें से प्रत्येक को बच्चों के शीर्षकों में विभाजित किया गया है, उन्हें, बदले में, और फिर दूसरे को, और फिर प्रत्येक उत्पाद को रंगों में विभाजित किया गया है - यहां मैं ब्रेड क्रम्ब्स के महत्व को समझता हूं - उपयोगकर्ता को उन्हें एक तत्व नेविगेशन और के रूप में चाहिए।

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

खोज परिणामों में स्निपेट का प्रकट होना

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

स्निपेट खोज परिणामों में किसी वेबसाइट का प्रदर्शन है।

स्निपेट जितना अधिक आकर्षक होगा, उसकी क्लिक-थ्रू दर उतनी ही अधिक होगी, जो तुरंत दोहरा प्रभाव देती है:

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

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

एक व्यक्ति नहीं, वह पृष्ठ को देख कर समझ नहीं सकता - यह लिंक मेनू से है, यह लेख के पाठ से है, और यह ब्रेड क्रम्ब है।

मुझे मंचों पर स्क्रॉल करना पड़ा और कई ब्लॉग पढ़ने पड़े। ज्यादातर मामलों में, वे केवल इस तथ्य के बारे में लिखते हैं कि टुकड़ों की आवश्यकता है और वे प्रयोज्यता और स्निपेट में सुधार करते हैं, और फिर वे ब्रेडक्रंब NavXT प्लगइन स्थापित करने के लिए निर्देश लिखते हैं (ब्रेडक्रंब अंग्रेजी में ब्रेड क्रम्ब्स है) या प्लगइन के बिना कार्यान्वयन कोड प्रदान करते हैं - और यह सबकुछ है। मेरा मानना ​​है कि अधिकांश वेबमास्टरों को पता नहीं है कि इस तत्व के साथ ठीक से कैसे काम किया जाए और वे इसे केवल आंतरिक पेज लिंकिंग के एक तत्व के रूप में देखते हैं।

Google के नतीजे बताते हैं कि 10% से अधिक साइटों के शस्त्रागार में सही ब्रेडक्रंब नहीं हैं, बाकी पुराने तरीके से काम करते हैं, स्निपेट में पेज यूआरएल प्रदर्शित करते हैं।

ब्रेड के टुकड़ों का सूक्ष्म अंकन

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

• साइट पर टुकड़े हैं - कोई माइक्रो मार्कअप नहीं - यूआरएल के साथ एक नियमित स्निपेट।

• टुकड़े हैं - माइक्रो मार्कअप है - एक बेहतर स्निपेट।

मैंने अपनी ज़रूरत की हर चीज़ ढूंढ ली और आज मैं आपको A से Z तक ब्रेड क्रम्ब्स के बारे में बताऊंगा। तकनीकी रूप से, उन्हें साइट पर डालना आधी लड़ाई भी नहीं है - यह 10% है। मुख्य विशेषता जो वास्तविक लाभ लाएगी वह है माइक्रो मार्कअप।

मुख्य लाभ ब्रेडक्रंब में नहीं है, बल्कि स्निपेट के लिए उनके सही माइक्रो-मार्कअप में है।

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

ब्रेडक्रंब को चिह्नित करने के मामले में, स्थिति अलग होनी चाहिए; हम ऑर्गेनिक खोज परिणामों में किसी भी हलचल की प्रतीक्षा नहीं करेंगे, लेकिन जो मैंने ऊपर कहा है उस पर भरोसा करेंगे - स्निपेट्स और संबंधित बन्स की क्लिकबिलिटी में सुधार (इसके कारण वृद्धि) व्यवहार संबंधी कारक)।

प्लगइन के बिना वर्डप्रेस पर ब्रेडक्रंब

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

यदि आप वर्डप्रेस पर ब्रेडक्रंब स्थापित करने का निर्णय लेते हैं, तो इसे प्लगइन्स के बिना करें - साइट कम लोड होगी और कोड को अनुकूलित करने के अधिक अवसर होंगे।

चरण 1. फ़ंक्शन wp_zhilin_krohi

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

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

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

मुझे सरल वर्डप्रेस PHP फ़ंक्शंस पर भरोसा करते हुए फिर से शुरुआत करनी पड़ी (लेकिन मैंने कुछ नया सीखा)। परिणामस्वरूप, परिणाम wp_zhilin_krohi फ़ंक्शन था (पहली बार मैंने किसी फ़ंक्शन को अपने नाम से नाम दिया - अच्छा), जो लेखों वाले पृष्ठों और श्रेणी पृष्ठों पर ब्रेडक्रंब प्रदर्शित करता है। सभी मूल श्रेणियां (चाहे कितनी भी हों) स्वचालित रूप से ध्यान में रखी जाती हैं और प्रत्येक तत्व को माइक्रो मार्कअप में लपेटा जाता है।

लेखों के लिए, टुकड़े इस प्रकार दिखते हैं:

होम > मूल शीर्षक (यदि कोई हो) > श्रेणी > आलेख

होम > मूल श्रेणी (यदि कोई हो) > श्रेणी >

मुझे चिंता है कि ब्रेडक्रंब में लेख का शीर्षक पृष्ठ को कीवर्ड के साथ स्पैम करने का कारण बनेगा। मैंने इस बारे में यांडेक्स तकनीकी सहायता से अनुरोध किया, जवाब में उन्होंने लिखा कि यदि इसका उद्देश्य खोज इंजनों को धोखा देना नहीं है, तो कोई प्रतिबंध नहीं होना चाहिए, लेकिन उन्हें ध्यान में रखा जाता है। यहाँ उत्तर है:

इसलिए, यदि आपको लगता है कि लेख के शीर्षक की अनावश्यक पुनरावृत्ति आपको परेशान करेगी, तो पंक्ति 17 से 20 को हटा दें।

यहां स्वयं फ़ंक्शन है, आपको इसे बंद करने से पहले, अपनी थीम की function.php फ़ाइल में जोड़ना होगा?> (यह सीधे व्यवस्थापक पैनल के माध्यम से किया जाता है, आपको एफ़टीपी क्लाइंट की भी आवश्यकता नहीं है):

/*** माइक्रो मार्कअप के साथ टुकड़े ***/ फ़ंक्शन wp_zhilin_krohi() ( if (!is_home()) ( echo "Home" "; ) if (is_category() || is_single()) ($cats = get_the_category() ; foreach ($cats as $cat) ( echo "term_id)."" >" .$cat->name." " " ) ) if(is_single()) ( the_title(); ) );

माइक्रो मार्कअप तुरंत फ़ंक्शन कोड में बेक हो जाता है और प्रत्येक लिंक के साथ स्वचालित रूप से प्रदर्शित होता है।

चरण 2: पृष्ठों पर फ़ंक्शन प्रदर्शित करना

हमारे द्वारा बनाए गए लिंक की श्रृंखला को पृष्ठों पर प्रदर्शित करने के लिए, आपको अपनी वर्डप्रेस थीम फ़ाइल खोलनी होगी, जो संबंधित प्रकार के पृष्ठ के लिए ज़िम्मेदार है, और उसमें वह कोड डालें जो फ़ंक्शन को कॉल करता है:

कम से कम, आपको एक फ़ाइल Single.php (पोस्ट प्रदर्शित करता है) की आवश्यकता है - लगभग हमेशा इसे एक ही कहा जाता है, और फिर यह टेम्पलेट पर निर्भर करता है, कहीं श्रेणी पृष्ठ Archive.php के माध्यम से प्रदर्शित होते हैं, कहीं Index.php के माध्यम से - आप पाएंगे जिसकी आपको जरूरत है.

इस फ़ाइल में आपको वह स्थान ढूँढ़ना होगा जहाँ आप टुकड़ों को देखना चाहेंगे। इन्हें आम तौर पर नेविगेशन तत्व के रूप में साइट के शीर्ष पर (पोस्ट शीर्षक से पहले) रखा जाता है। कोड के इस टुकड़े को देखें - php the_title, और इसके सामने फ़ंक्शन का आउटपुट डालें (डिज़ाइन को देखें जहां यह फिट बैठता है)।

ब्रेडक्रम्ब को हमेशा पृष्ठ के शीर्ष पर नहीं रखा जाता है; कुछ अपवाद भी हैं। मान लीजिए कि आपको केवल एक स्निपेट प्रदर्शित करने के लिए उनकी आवश्यकता है, तो आप उन्हें बेसमेंट में रख सकते हैं - खोज इंजन वहां माइक्रो मार्कअप देखेंगे। यह विकल्प सर्गेई सोस्नोव्स्की के ब्लॉग पर लागू किया गया था - उनके पास उपयोगकर्ताओं के लिए शीर्ष पर एक अलग ब्लॉक है, लेकिन इसमें माइक्रो-मार्कअप नहीं है, और माइक्रो-मार्कअप वाले ब्रेडक्रंब पाद लेख में प्रदर्शित होते हैं (हालांकि, मुझे वास्तव में समझ में नहीं आता कि ऐसा क्यों है) ):

चरण 3. डिज़ाइन

किसी भी पृष्ठ तत्व का स्वरूप आपकी साइट के डिज़ाइन के अनुरूप होना चाहिए, इसलिए, प्रत्येक ब्लॉग के लिए कोई एक समाधान नहीं है।

मैंने इसे अपने संसाधनों पर सेट किया - मैंने मुख्य सामग्री की तुलना में ब्रेडक्रंब का फ़ॉन्ट कम कर दिया। ऐसा करने के लिए, मैंने style.css फ़ाइल में अलग-अलग शैलियाँ भी नहीं बनाईं, लेकिन फ़ंक्शन को एक div कंटेनर में संलग्न किया और उसमें एक एकल पैरामीटर निर्दिष्ट किया - फ़ॉन्ट आकार (आपने ऊपर स्क्रीनशॉट में देखा होगा):

अन्य सभी ब्रेडक्रंब विशेषताएँ थीम शैलियों से विरासत में मिली हैं। छोटे-छोटे परिवर्धन (फ़ॉन्ट, टेक्स्ट का रंग आदि बदलना) करने के लिए, उसी कंटेनर में आवश्यक गुण निर्दिष्ट करें।

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

यह वह जगह है जहां सीएसएस कैस्केडिंग स्टाइल शीट और डिज़ाइन फ्लेयर का आपका ज्ञान काम आएगा (यदि आप स्वयं डिज़ाइन करते हैं)।

ब्रेड क्रम्ब्स के माइक्रो मार्कअप की जाँच करना

सब कुछ करने के बाद, यैंडेक्स और Google के विशेष सत्यापनकर्ताओं में माइक्रो-मार्कअप के सही संचालन की जांच करना सुनिश्चित करें, आप कभी नहीं जानते, कुछ बग सामने आ जाएंगे:

webmaster.yandex.ru/microtest.xml Developers.google.com/structured-data/testing-tool/ (45 वोट, औसत: 5 में से 4.7)

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

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

ब्रेड के टुकड़ों का सूक्ष्म अंकन

खैर, यह शैली का एक क्लासिक है, जो हर साइट पर मौजूद होना चाहिए। उदाहरण के लिए, किसी पृष्ठ के लिए यह इस तरह दिखता है:

//पहला स्तर: मुख्य पृष्ठ

एसईओ ब्लॉग पिंगो

//स्तर 2: श्रेणी

नौसिखिये के लिए

//स्तर 3: अंतिम सामग्री
खोज क्वेरी के प्रकार

तो हम यहाँ क्या देखते हैं? सबसे पहले, ब्रेडक्रंब का प्रत्येक स्तर एक अलग तत्व, एक स्तर है, और केवल उनका क्रम ही यहां भूमिका निभाता है। दूसरे, प्रत्येक तत्व (अंतिम को छोड़कर) ट्रिपल नेस्टेड है:

आइटम घोषणा: आइटमस्कोप आइटम प्रकार = "http://data-vocabulary.org/Breadcrumb"

लिंक विशेषता मान को परिभाषित करना: आइटमप्रॉप = "यूआरएल"

नाम विशेषता मान को परिभाषित करना: आइटमप्रॉप = "शीर्षक"

अंतिम तत्व में एक यूआरएल विशेषता भी हो सकती है, लेकिन मेरी राय में इसकी आवश्यकता नहीं है - पेज ब्रेडक्रंब में खुद को क्यों इंगित करेगा?

विशेषताओं का उपयोग किसी भी टैग के साथ संयोजन में किया जा सकता है - केवल नेस्टिंग का क्रम और स्तर महत्वपूर्ण है। उदाहरण के लिए:

नौसिखिये के लिए

साइट पर माइक्रो-मार्कअप ब्रेडक्रंब की शुरूआत से खोज इंजनों को स्निपेट में "पठनीय" ब्रेडक्रंब प्रदर्शित करने में मदद मिलती है (जो बुरा नहीं है), और साइट की संरचना को बेहतर ढंग से समझने में भी मदद मिलती है।

आलेख मार्कअप

इस प्रकार का माइक्रो मार्कअप वाणिज्यिक और नियमित दोनों साइटों पर लेखों और किसी भी अन्य सूचना सामग्री के लिए है। उदाहरण के लिए, आप जो पृष्ठ पढ़ रहे हैं उसकी संरचना निम्नलिखित है:

// तत्व का नाम घोषित करें

//“प्रकाशन तिथि” विशेषता की परिभाषा
खोज क्वेरी की प्रतिस्पर्धात्मकता
// "प्रकाशन नाम" विशेषता को परिभाषित करना
लेख की सामग्री. // "लेख सामग्री" विशेषता की परिभाषा

अंकगणित माध्य अनुमान
अधिकतम रेटिंग मान
न्यूनतम रेटिंग मान
रेटिंग की संख्या

निम्नलिखित को छोड़कर, यहां सब कुछ ब्रेड क्रम्ब्स जैसा ही है:

• प्रकाशन तिथि विशेषता को YYYY-MM-DDTHH:MM फॉर्म के ISO-8601 प्रारूप में निर्दिष्ट किया जाना चाहिए, जहां T सिर्फ एक वर्ण है, YYYY वर्ष है, MM महीना है, DD तारीख है, HH घंटा है , और एमएम मिनट है।
• "प्रकाशन श्रेणी" और "प्रकाशन नाम" विशेषता को परिभाषित करते समय, यह बिल्कुल भी डरावना नहीं है कि लिंक भी मूल्य क्षेत्र में आता है - रोबोट केवल विशेषता के लिए अपेक्षित मूल्य के अनुरूप डेटा निकालेगा।

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

वस्तुओं का सूक्ष्म आकार (उत्पाद या सेवा)

वस्तुओं और सेवाओं का वर्णन करने वाले पृष्ठों के लिए इस प्रकार का माइक्रोफ़ॉर्मेट अपरिहार्य है:

//तत्व घोषित करें
गुलाबी हाथी // उत्पाद या सेवा का नाम निर्धारित करें
अच्छा हाथी. //उत्पाद या सेवा के विवरण को परिभाषित करना

// उपप्रकार "ऑफर" घोषित करें
// उत्पाद या सेवा की लागत निर्धारित करें
//उत्पाद या सेवा की कीमत की मुद्रा निर्दिष्ट करें

अंकगणित माध्य अनुमान
अधिकतम रेटिंग मान
न्यूनतम रेटिंग मान
रेटिंग की संख्या

वही बात - खोज रोबोट तुरंत देखता है कि पृष्ठ पर क्या स्थित है और यह कहाँ स्थित है और इसकी आवश्यकता क्यों है। दृश्य परिणाम SERP में स्निपेट के आकर्षण में वृद्धि हो सकता है।

ब्रेडक्रंब (ब्रेडक्रंब या ब्रेडक्रंब) वेबसाइट इंटरफ़ेस का एक तत्व है, जिसका मुख्य उद्देश्य मुख्य पृष्ठ से उस पथ को इंगित करना है जहां उपयोगकर्ता वर्तमान में स्थित है। बेशक, यह मुख्य रूप से साइट पर उपयोगकर्ता के रहने की सुविधा के लिए किया जाता है, जिससे आभासी संरचना को समझने में सुविधा होती है। उपयोगकर्ता के आराम की चिंता उन गुप्त मिशनों में से एक है जो सैकड़ों प्रयोज्य दिमागों को भर देता है: हर कोई इंटरफ़ेस को अधिक सुविधाजनक बनाना चाहता है, और खोज इंजन कोई अपवाद नहीं हैं। आइए Google खोज परिणामों में लिंक विज़ुअलाइज़ करने के लिए ब्रेडक्रंब माइक्रो-मार्कअप के बारे में बात करें।

स्पष्टता के लिए, यहां माइक्रो-मार्कअप के बिना और उसके साथ खोज परिणाम जारी करने के दृश्य उदाहरण दिए गए हैं:

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

यह चमत्कार ब्रेडक्रंब में माइक्रो-डेटा के उपयोग के माध्यम से हासिल किया गया है। आइए कल्पना करें कि हमारी साइट पर यह संरचना है:
होम - ऑपरेटिंग सिस्टम - फ्रीबीएसडी

प्रत्येक आइटम का अपना पथ होता है, और नेविगेशन श्रृंखला में एक लिंक के रूप में मौजूद होता है। साथ ही, लिंक एक टैग में संलग्न है, उदाहरण के लिए, एक div, टैग विशेषताएँ सेट की गई हैं:

आइटमस्कोप आइटम प्रकार = "http://data-vocabulary.org/Breadcrumb"

आपको आइटम के लिए एक ब्लॉक मिलेगा:

...

इस ब्लॉक में लिंक और तत्व का नाम है। एक लिंक के लिए, आइटमप्रॉप='यूआरएल' विशेषता सेट की गई है, शीर्षक भी एक अलग स्पैन टैग में संलग्न है, और आइटमप्रॉप='शीर्षक' विशेषता सेट की गई है। परिणामस्वरूप, श्रृंखला में एक अलग तत्व को इस प्रकार इस्त्री किया जाएगा:

दृश्य