TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

ব্রেডক্রাম্বস সম্পর্কে আপনার যা জানা উচিত

7

ব্রেডক্রাম্বস একটি ন্যাভিগেশনাল কাঠামোতে লিঙ্কগুলির সংগ্রহ রয়েছে যা ব্যবহারকারীদের ওয়েবসাইটের মাধ্যমে সহজে ব্রাউজ করতে সহায়তা করে। এটি ব্যবহারকারীকে যেকোনো সময় জানতে পারে যে সে ঠিক কোথায় আছে এবং সরাসরি স্তরের কাঠামোটি উপরে বা নিচে চলে যায়। একক বিভাগ বা স্বতন্ত্র পৃষ্ঠাগুলির সাথে ছোট সাইটগুলির জন্য অতিরিক্ত ব্রেডক্রাম নেভিগেশনের প্রয়োজন হতে পারে না কারণ সাইটের মেনু ব্যবহারকারীর ন্যাভিগেশনাল চাহিদা পূরণ করতে পারে। কিন্তু বৃহৎ সংখ্যক বিভাগ এবং পিতামাতা-সন্তানের পৃষ্ঠার কাঠামো সহ বড় সাইটগুলি ব্যবহারকারীদের অবহিত করার জন্য অতিরিক্ত ব্রেডক্রাম্বের প্রয়োজন যেখানে পুরো পৃষ্ঠাটির তুলনায় বর্তমান পৃষ্ঠাটি ঠিক কোথায় অবস্থিত।

আগ্রহী ব্যবহারকারীরা উপরের বা নিম্ন স্তরে গিয়ে প্রাসঙ্গিক বিষয়বস্তু খুঁজে পেতে পারেন যা ব্রেডক্রাম্বস ছাড়া সম্ভব নয়।

ব্রেডক্রাম্বসের গুরুত্ব

ব্যবহারকারীদের সাহায্য করার পাশাপাশি, গুগল এবং বিং -এর সার্চ ইঞ্জিন ফলাফলের পৃষ্ঠায়ও ব্রেডক্রাম্ব গঠন দেখানো হয়। Bing এর মত সার্চ ইঞ্জিন সার্চ রেজাল্টে ব্রেডক্রাম্বের লিঙ্ক দেখায় যাতে ব্যবহারকারীরা সরাসরি একটি নির্দিষ্ট পৃষ্ঠার পরিবর্তে সেই ক্যাটাগরিতে যেতে পারে।

ব্রেডক্রাম্বস সম্পর্কে আপনার যা জানা উচিতব্রেডক্রাম্বস সম্পর্কে আপনার যা জানা উচিত

কিভাবে ব্রেডক্রাম্বস যোগ করবেন?

আপনার সাইটে ব্রেডক্রাম্বস যোগ করার সহজ উপায় হল ডিফল্টরূপে এই বৈশিষ্ট্যটি সরবরাহকারী থিম ব্যবহার করা। স্ব-হোস্টেড ওয়ার্ডপ্রেসের মতো বিষয়বস্তু ব্যবস্থাপনা সিস্টেম নিবন্ধ শিরোনামের উপরে কাস্টমাইজড ব্রেডক্রাম্ব insোকানোর জন্য প্লাগইন সরবরাহ করে। যদি আপনার সাইট নির্মাতা এই ধরনের একটি ফাংশন অফার না করে তাহলে আপনাকে এটি HTML অ্যাঙ্কর ট্যাগ ব্যবহার করে প্রতিটি পৃষ্ঠায় ম্যানুয়ালি যোগ করতে হবে। উদাহরণস্বরূপ, Weebly এর মত সাইট নির্মাতা সরঞ্জামগুলি ডিফল্ট ব্রেডক্রাম্ব সহ থিম অফার করে না। অতএব আপনাকে এটি প্রতিটি পৃষ্ঠায় আলাদাভাবে কাস্টম এইচটিএমএল / সিএসএস যুক্ত করতে হবে।

ব্রেডক্রাম্বসের উদাহরণ

যদিও ব্রেডক্রাম্ব সাধারণত একটি পৃষ্ঠার শিরোনামের নীচে বা উপরে একটি অনুভূমিক লিঙ্ক হিসাবে স্থাপন করা হয়, এটি সাইটের নেভিগেশন কাঠামোর উপর নির্ভর করে একটি উল্লম্ব বা অনুভূমিক কাঠামো থাকতে পারে। নিচে ব্রেডক্রাম্বসের উদাহরণ দেওয়া হল যে ব্যবহারকারীদের সাইটের মাধ্যমে ব্রাউজ করা কতটা সহজ করে তোলে।

ব্রেডক্রাম্বস সম্পর্কে আপনার যা জানা উচিত

এই ওয়েবসাইটে আমরা Yoast SEO প্লাগইন ব্যবহার করি প্রতিটি পোস্টের শিরোনামের উপরে অনুভূমিক ব্রেডক্রাম্বস দেখানোর জন্য। যেহেতু আমাদের অনেকগুলি বিভাগ রয়েছে এটি প্রাসঙ্গিক বিভাগে নিবন্ধগুলিকে গোষ্ঠীভুক্ত করতে এবং অনুসন্ধান ইঞ্জিনগুলিতে এটি প্রদর্শন করতে আমাদের সহায়তা করে। সুবিধা হল যখন একটি প্রবন্ধকে একাধিক শ্রেণীভুক্ত করা হয় তখন আপনি বেছে নিতে পারেন কোন শ্রেণিকে ব্রেডক্রাম্বে প্রাথমিক শ্রেণী হিসেবে দেখানো উচিত।

ব্রেডক্রাম্বস সম্পর্কে আপনার যা জানা উচিত

ইয়োস্ট এসইও ব্রেডক্রাম্বস

Yoast SEO ব্রেডক্রাম্ব হবে সহজ টেক্সট ভিত্তিক এবং আপনি নিচের CSS ব্যবহার করে বক্স এবং ছায়া যোগ করতে পারেন:

#breadcrumbs { box-shadow: 1px 1px #d5d4d4; background: #eeeded; border: 1px solid #eeeded; border-radius: 5px; padding: 0 5px 0 10px; font-size: 16px; }

কাস্টম CSS ব্রেডক্রাম্বস

আপনি কাস্টম CSS ব্রেডক্রাম্ব যোগ করতে পারেন, বিশেষ করে যখন আপনার সাইটে পেজের সংখ্যা কম থাকে। নীচে একটি অনুভূমিক CSS ব্রেডক্রাম্ব রয়েছে যা আপনার সাইটে যোগ করা যেতে পারে। আপনার Weebly সাইটে এই ব্রেডক্রাম্বস কিভাবে যোগ করা যায় সে সম্পর্কে আমাদের নিবন্ধটি দেখুন ।

সিএসএস ব্রেডক্রাম্ব স্টাইল ১

CSS ব্রেডক্রাম্ব স্টাইল 2

CSS ব্রেডক্রাম্ব স্টাইল 3

CSS ব্রেডক্রাম্ব স্টাইল 4

সিএসএস ব্রেডক্রাম্ব স্টাইল ৫

বোনাস CSS ব্রেডক্রাম্ব স্টাইল 6

ব্রেডক্রাম্বসকে কুকি ক্রাম্ব বা ব্রেডক্রাম্ব ট্রেইলও বলা হয়।

রেকর্ডিং উত্স: www.webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত