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

मनोज जैसवाल : सभी पाठकों को मेरा प्यार भरा नमस्कार। तकनीकी पोस्टों के क्रम में पेश है है। 'ब्लॉगर के लिए 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.

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

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


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