Skip to content Skip to sidebar Skip to footer

Before Post

Breadcrumb কি? ব্লগারে Breadcrumb সমস্যার সমাধান

Breadcrumb কি?

হ্যালো ব্লগার বন্ধুরা, আসসালামু আলাইকুম। আশা করি সবাই ভালো আছেন। বঙ্গ উইকির আরও একটি নতুন আর্টিকেলে সবাইকে স্বাগতম। আজকের এই আর্টিকেলে আমরা জানবো ব্রেডক্রাম্ব (Breadcrumb) কি? এবং আমরা ব্লগারের ব্রেডক্রাম্ব জনিত সমস্যার সমাধান নিয়েও আলোচনা করবো।

ব্রেডক্রাম্ব (Breadcrumb) কি?

Breadcrumb শব্দটার সাথে আমরা ব্লগাররা খুব ভালো ভাবে পরিচিত না হলেও অন্তত নাম শুনেছি। মূলত ব্রেডক্রাম্ব হলো একধরনের নেভিগেশন (Navigation) যা ভিজিটরকে ওয়েবসাইটের পেইজগুলো সম্পর্কে নির্দেশনা দেয়। কোন পেইজে ভিজিটর আছেন সেটার নির্দেশনা যেমনি পাওয়া যায় তেমনি কোন কোন পেইজ পার করে ভিজিটর এই পেইজে আছে সেটি সম্পর্কেও নির্দেশনা দেয়। এক কথায় এটা ভিজিটরকে পেইজের ক্রম সম্পর্কে ধারণা দেয়, এই ব্রেডক্রাম্বকে ওয়েবসাইটের গুরুত্বপূর্ন স্ট্রাকচার এলিমেন্ট হিসেবে উল্লেখ করা হয়।

সহজে ব্রেডক্রাম্ব বুঝার জন্য উপরের চিত্রটি খেয়াল করুন। পোস্ট টাইটেলের উপর যে বিষয়টা দেখতে পাচ্ছেন এটাই মূলত ব্রেডক্রাম্ব।

Breadcrumb কি?

ব্লগারে Breadcrumb সমস্যা

অনেক সময় ব্লগাররা সার্চ কনসোলে এরকম Breadcrumb জনিত ইস্যু দেখতে পারেন। এই সমস্যার কারণে পোস্ট গুগল কর্তৃক ইনডেক্স হতে সমস্যা হয়। মূলত এই ব্রেডক্রাম্ব ইরর হয়ে থাকে Schema বিষয়ক সমস্যায় কারণে বা একাধিক ব্রেডক্রাম্ব হলেও এ সমস্যা দেখা দেয়।

ব্লগারে Breadcrumb সমস্যার সমাধান

ব্লগারে Breadcrumb সমস্যার সমাধান

ব্রেডক্রাম্ব জনিত সমস্যার কারণে সার্চ কনসোলে পোস্ট ইনডেক্স হতে সমস্যা দেখা দেয়। যার ফলে এসওতে (SEO) সরাসরি প্রভাব পড়ে। তাই Breadcrumb ইস্যু সমাধান করা অত্যন্ত জরুরি।

নিচের নিয়মগুলো ফলো করার মাধ্যমে ব্লগারের ব্রেডক্রাম্ব সমস্যা সমাধান করতে পারবেন।

প্রথমে নিরাপত্তার স্বার্থে আপনার ব্লগের টেমপ্লেটটি আগে ব্যাকাপ করে নিন। Breadcrumb লিখে সার্চ করলে এবার নিচের কোডটির মতো এরকম কিছু কোড দেখতে পাবেন।

<div class='breadcrumbs' id='breadcrumbs'> <div id='bread-crumbs'> <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home </span></a></span> &#187; <b:loop values='data:post.labels' var='label'> <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=15&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a><b:if cond='data:label.isLast != &quot;true&quot;'/> &#187; </span> </b:loop><span><data:post.title/></span> </div></div>

বিভিন্ন ব্লগার টেমপ্লেট ডিজাইনারের বিভিন্ন ধরন থাকায় সরাসরি এরকম কোডটি নাও পেতে পারেন তবে Breadcrumb নিয়ে এরকম সাদৃশ্য কোডগুলো ঠিকই পাবেন।

প্রথমে উপরে দেওয়া কোডগুলোর মতো কোডগুলো সিলেক্ট করে ডিলিট করে দিন। তারপর সেই জায়গায় নিচের কোডগুলো বসিয়ে দিন।

<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' title='Home' itemprop='item'> <span itemprop='name'>Home</span></a> <meta content='1' itemprop='position'/> </span><i class='fa fa-angle-right'/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop index='num' values='data:post.labels' var='label'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:label.url' expr:title='data:label.name' itemprop='item'> <span itemprop='name'><data:label.name/></span> </a> <meta expr:content='data:num+2' itemprop='position'/> </span> <b:if cond='data:label.isLast != &quot;true&quot;'><i class='fa fa-angle-right'/></b:if> </b:loop> <b:else/> Unlabelled </b:if> <i class='fa fa-times'/><span><data:post.title/></span> </b:loop> </div>

কোড বসানোর পর সেভ করুন।

এবার আপনার ব্লগের Breadcrumb এর জায়গায় অনেকটা পরিবর্তন দেখতে পারবেন। সমস্যার সমাধান হয়েছে কিনা সেটা জানার জন্য সার্চ কনসোলে গিয়ে যেকোনো একটি পোস্টের লিংক লাইভ টেস্ট করে নিন।

এভাবেই মূলত ব্লগারে Breadcrumb জনিত সমস্যার সমাধান করা যায়। আজকে এ পর্যন্তই, ব্লগিং সম্পর্কে নিত্য নতুন টিপস ও টিউটোরিয়াল পেতে বঙ্গ উইকির সাথেই থাকুন। এই আর্টিকেল ভালো লাগলে, কোনো কিছু জানার থাকলে বা কোনো সমস্যা হলে অবশ্যই কমেন্ট করবেন।

আমাদের অফিসিয়াল ফেসবুক পেইজইউটিউব চ্যানেলে যথাক্রমে লাইক ও সাবসক্রাইব করে সংযুক্ত হতে পারেন।

আরও দেখুন: