Seo hamare blog ke liye bahut jaroori part hai. Seo me jaha hume ranking ke liye kya - kya nahi karte hai wahi hume apne site breadcrumb navigation par bhi dhyan rakhna hota hai. Kyoki iske dwara post ko achche se rank kiya ja sakta hai. Is post me aapko breadcrumbs navigation ke bare me bata rahe hai aur sath hi apne blog par breadcrumb install kaise kare. Iski bhi jankari de rhe hai.


Breadcrumbs Menu kya hai.

Yaha par aapko simple tarike se batate hai ki aapne dekha hoga ki search results page par url ke sthan par kuch website >> category name is tarah se dekha hoga. To  seo me breadcrumbs menu hota hai. Ab aapko dusre tarike se batate hai.




Breadcrumbs menu se kisi visiter ko ye pata chalata hai wo aapke website ko kis path se access kare ki jankari mil sake. Ye kisi user ke liye easy bhi hai kyoki wo pahle web par jayega aur phir kisi label me jankari hai wo dekhega phir post ko asani se search kar lega. Is tarag se use asan sa navigation mil jayega Aur uski manpasand post bhi asani se mil jayegi. Isiliye Breadcrumb menu ko apne blog par laga lete hai. 
Breadcrumbs seo ke liye sabse best hai. Kyoki isse site ki structure bbhi asani se pata chal jati hai. Aapki site ki rank behatar ho jati hai.

Breadcrumbs Menu Install kaise kare blogger par

Aapko yadi apne blog par breadcrumbs menu install karna ho to aapko hum bata rahe hai ki kaise aap asani se apne blog par laga sakte hai. In step ko follow kar lijiye.


Step 1. Breadcrumb CSS

1. Aapko sabse pahle apne email se blogger me sign karna hoga. 
2. Phir Dashboard me jakar Theme >> Edit Html par click karna hoga. 

3. Aap  ]]></b:skin> css code search kare. Aap search box open karne ke liye CTRL+F ka use kar sakte hai.
4. Ab Thik iske upar diya gya css code install kar de. paste kar de.
.breadcrumbs {padding:5px 5px 5px 0px;margin: 0px 0px 15px 0px;font-size:95%;line-height: 1.4em;border-bottom:2px double #e6e4e4;}
Ab aapko Script code installation ki bari hai.

Step 2. Breadcrumb Script Installation

1. Aapko sabse pahle ye code search karna hai
<b:include data='top' name='status-message'/>
2. Ab aapko is code ke sthan par niche ka diya code replace kar de. 
<b:include data='posts' name='breadcrumb'/>
3. Ab ye code search kare.
<b:includable id='main' var='top'> 
4. Ab isko search karne ke baad thik iske niche ye code place karna hai. Aap carefully kaam kare nahi code work nahi karega.
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType == "static_page"'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == "item"'><!-- breadcrumb for the post page --><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#"><span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == "true"'>» <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span></b:if></b:loop>» <span><data:post.title/></span></div><b:else/><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div></b:if></b:loop><b:else/><b:if cond='data:blog.pageType == "archive"'><!-- breadcrumb for the label archive page and search pages.. --><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == "index"'><div class='breadcrumbs'><b:if cond='data:blog.pageName == ""'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span><b:else/><span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span></b:if></div></b:if></b:if></b:if></b:if></b:if></b:includable>

5. Ab aap theme me code ko place karke save kar de. Aapko bredcrumb menu ki installation process complete ho chuki hai. 


Step 3. Breacrumb Customisation

Aapko yadi apne breadcrumb menu ko apne hisab se banana hai aap breadcrumbe css ki madad se modify kar sakte hai. Isme aap padding , margins ,  aur border ko asani se edit kar sakte hai. 

Final words About breadcrumb

Kuch log ye sochte hai ki breadcrumb lagane se kya fayda hoga. Lekin ye google ke dwara suggested kiya gaya hai. Iski ranking  permalink ke mukable kahi behtar hoti hai. Breadcrumb ko aap disable bhi kar sakte hai iske liye aap code ko delete kar de. Or Css code ko remove kar de.

To Dosto kaise lagi janakari hume bataye aapke commment ka intzaar rahega. Aap ko yadi post achi lage hum subscribe kar le.