ब्लॉगर के लिए HTML5 Valid SEO Friendly Breadcrumbs

HTML5 Valid SEO Friendly Breadcrumbs for Bloggerनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार। तकनीकी पोस्टों के क्रम में पेश है है। 'ब्लॉगर के लिए HTML5 Valid SEO Friendly Breadcrumbs' इस विजेट को लगाना बेहद आसान है, एंव यह HTML5 Valid SEO Friendly भी है जो कि आपके ब्लॉग को सर्च इंजन में ऊपर लाने व् ब्लॉग पर नए पाठको को को जोड़ने में मदद करता है। इस विजेट के माध्यम से आप खोज इंजनो में अपने क़ी वर्ड को आसानी से लिस्टिड कर सकते है। और अपने ब्लॉग का ट्रेफिक काफी अधिक कर सकते हैं। आप नीचे दिए आसान तरीके से इस विजेट को अपने ब्लॉग पर स्थापित कर सकते हैं। इसका लाइव डेमो आप मेरे इसी ब्लॉग पर देख सकते हैं।





Breadcrumb in the eye of Search Engines

  • It provide a mechanism to highlight important keywords in search engines.
  • Breadcrumb affix content relevancy to content because they Search Engine is keyword-intensive.
  • Breadcrumb highlights specific anchor text rich linking to internal pages.



Breadcrumb in the eye of Site Visitors

  • Breadcrumbs provide a illustration about keyword guideline
  • Breadcrumb provide a keyword-rich way blog navigation
  • It encourage to higher CTR from search engine result pages.

Step 1 Log in to your Blogger Account and Click on Template  ->

Step 2 Now click on Edit HTML-> Unfold code  

Step 3 Now find <b:includable id='main' var='top'> by Pressing Ctrl+F  

Step 4 Replace <b:includable id='main' var='top'>  with the below code block above


(टिप :- अगर उपरोक्त कोड आपको आसानी से नहीं मिलता है। तब आप अपने टेम्पलेट में blog 1 नाम का विजेट खोजें उपरोक्त कोड आपको इसके टीक नीचे मिलेगा।)  
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
  &#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Step 5  Now save your template.


विजेट आपके ब्लॉग पर सफलता पूर्वक स्थापित हो चुका है।

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!



सभी ब्लॉगर मित्रों से मेरा विन्रम निवेदन है कि मेरे ग्रहनगर पीलीभीत में विजली क़ी बेहद किल्लत है। इसी वजह से ना तो उनके ईमेल का जबाब दे पा रहा हूँ। और ना ही टिप्पणी का उत्तर समय से दे पा रहा हूँ। व्यवथा दुरुस्त होते ही सभी मेहरबान मित्रों के ईमेल एंव टिप्पणी का जबाब जरुर दूंगा। सहयोग के लिए ह्रदय से आभार।
इस पोस्ट का शार्ट यूआरएल चाहिए: यहाँ क्लिक करें। Sending request...
Comment With:
OR
The Choice is Yours!

59 कमेंट्स “ब्लॉगर के लिए HTML5 Valid SEO Friendly Breadcrumbs”पर

  1. अच्छी जानकारी सर थैंक्स.

    ReplyDelete
    Replies
    1. Dinesh shukla जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  2. Replies
    1. mohit sexena जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  3. उपयोगी विजेट मनोज जी

    ReplyDelete
    Replies
    1. Shivam Kumar जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  4. बढिया विजेट मनोज जी साधुबाद

    ReplyDelete
    Replies
    1. Sonu Pandit जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  5. Replies
    1. Lalit Chahar जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  6. Replies
    1. Vikesh Badola जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  7. बहुत बढ़िया एवं उपयोगी विजेट !

    ReplyDelete
    Replies
    1. paritosh trivedi जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  8. शानदार जानकारी शेयर की आपने आपका धन्यवाद

    ReplyDelete
    Replies
    1. राजेंद्र जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  9. अच्छी जानकारी.

    ReplyDelete
    Replies
    1. राजीव जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  10. Anonymous18:42

    बढ़िया विजेट और एक छोटी सी मदद और कर दीजिये सर की किसी html कोड को पोस्ट में कैसे दिखाये क्योकि html कोड डालते ही वह तो उस पोस्ट के html के साथ जुड़ जाता है और पोस्ट में ब्लॉग पर कुछ और ही दिखता है
    1993sch1993@gmail.com

    ReplyDelete
    Replies
    1. सन्नी जी, इसके लिए एक कोड आपको अपने टेम्पलेट में डालना होगा। कोड आपको मेल कर रहा हूँ।

      Delete
  11. Replies
    1. सन्नी जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  12. बढ़िया जानकारी

    ReplyDelete
    Replies
    1. कविता रावत जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  13. बढ़िया एवं उपयोगी विजेट मनोज जी आपका धन्यवाद.

    ReplyDelete
    Replies
    1. हरीश बिष्ट जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  14. अच्छी जानकारी.आपका धन्यवाद.

    ReplyDelete
    Replies
    1. अर्चना अग्रवाल जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  15. Great Widget Thanks.

    ReplyDelete
    Replies
    1. pinky joshi जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  16. सुन्दर जानकारी, इसे लगाते हैं।

    ReplyDelete
    Replies
    1. प्रवीण सर आपका स्वागत है।

      Delete
  17. आप हर बार ऐसी नई जानकारी देते हैं जो चकित करने के साथ ही बहुत उपयोगी भी साबित होती हैं. बहुत ही बढिया जानकारी.

    ReplyDelete
    Replies
    1. Amit Jain जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  18. Babu sexena जी, पोस्ट पर टिप्पणी के लिए आभार।

    ReplyDelete
  19. पूरण जी, पोस्ट पर टिप्पणी के लिए आभार।

    ReplyDelete
  20. उपयोगी विजेट

    ReplyDelete
    Replies
    1. देवेन्द्र सिंह जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  21. बहुत बढ़िया एवं उपयोगी विजेट !

    ReplyDelete
    Replies
    1. bandanaa sharma जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  22. शानदार जानकारी शेयर की आपने आपका धन्यवाद

    ReplyDelete
    Replies
    1. sanjay sharma जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  23. राजीव जी,आपका आभार।

    ReplyDelete
  24. ये तो बहुत ही लाभकारी जानकारी है ... अच्छा विजिट है ...

    ReplyDelete
    Replies
    1. दिगम्बर नासवा जी,पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  25. अच्छी जानकारी सर थैंक्स.

    ReplyDelete
    Replies
    1. Shivangi sexena जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  26. अच्छी जानकारी सर थैंक्स.

    ReplyDelete
    Replies
    1. सतेन्द्र अवस्थी जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  27. बहुत उम्दा जानकारी दी आपने धन्यवाद मनोज जी.

    ReplyDelete
    Replies
    1. Ashok sexena जी, पोस्ट पर टिप्पणी के लिए आभार।

      Delete
  28. मनीष जी, आपका ब्लॉग अति सुन्दर है। आपके ब्लॉग पर जा कर टिप्पणी भी कर चुका हूँ। पोस्ट पर टिप्पणी के लिए आभार।

    ReplyDelete
  29. बहुत उम्दा जानकारी दी आपने धन्यवाद मनोज जी.

    ReplyDelete
  30. very nice ji
    Please join this blog- www.facingverity.blogspot.in

    ReplyDelete
  31. sir mai es visit ko apni blog par laga nahi pa raha hu , please meri help kare aapki mahan kirpa hogi.

    ReplyDelete
  32. sir mai es visit ko apni blog par laga nahi pa raha hu , please meri help kare aapki mahan kirpa hogi.

    ReplyDelete
  33. sir mai es visit ko apni blog par laga nahi pa raha hu , please meri help kare aapki mahan kirpa hogi.

    ReplyDelete
  34. बढ़िया जानकारी l धन्यवाद

    ReplyDelete
  35. बहुत हि अच्छी जानकारी।
    मेँ अपने ब्लॉग पोस्ट मेँ HTML कोड दिखाना चाहता हु। क्योकि एसे कोड डालने पर तो वह Output देते है
    basant1kct@gmail.com

    ReplyDelete

Widget by:Manojjaiswal
Related Posts Plugin for WordPress, Blogger...
  • रफ़्तार
  • Online Marketing
    Praca poznań w Zarabiaj.pl
    Technology-Internet blog
     

    Blog Directories

    क्लिक >>

    About The Author

    Manoj jaiswal

    Man

    Behind

    This Blog

    Manoj jaiswal

    is a 56 years old Blogger.He loves to write about Blogging Tips, Designing & Blogger Tutorials,Templates and SEO.

    Read More.

    ब्लॉगर द्वारा संचालित|Template Style by manojjaiswalpbt | Design by Manoj jaiswal | तकनीक © . All Rights Reserved |