ব্লগারে কীভাবে স্টাইলিশ এইচটিএমএল সাইটম্যাপ যুক্ত করা যায়। [নতুন আপডেট]

 এই নিবন্ধে, আমরা ব্লগারটিতে এইচটিএমএল সাইটম্যাপ তৈরি এবং সেটআপ করতে শিখব। কেবল নীচে দেওয়া সহজ পদক্ষেপগুলি অনুসরণ করুন।



তবে সাইটম্যাপ সেট আপ করার আগে আসুন বুঝতে পারি যে সাইটম্যাপ কী এবং কোনও ওয়েবসাইটে সাইটম্যাপ থাকার সুবিধা কী।

সাইটম্যাপ কি?

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

এটি আপনার ওয়েবসাইটের প্রয়োজনীয় পৃষ্ঠা এবং ফাইলগুলি সম্পর্কে অনুসন্ধান ইঞ্জিনকে জানায় এবং এই ফাইলগুলি সম্পর্কে মূল্যবান তথ্যও সরবরাহ করে।

উদাহরণস্বরূপ , এটি সর্বশেষ আপডেটের মতো এবং কীভাবে পৃষ্ঠাটি প্রায়শই পরিবর্তন করা হয় এবং কোনও পৃষ্ঠার কোনও বিকল্প ভাষা সংস্করণ সনাক্ত করতে সহায়তা করে।

সাইটম্যাপের প্রকার:

দুটি ধরণের সাইটম্যাপ রয়েছে:
  1. এইচটিএমএল সাইটম্যাপস
  2. এক্সএমএল সাইটম্যাপস
এক্সএমএল সাইটম্যাপগুলি আরও নিম্নলিখিত ধরণের মধ্যে বিভক্ত:
  • চিত্র সাইটম্যাপ
  • ভিডিও সাইটম্যাপস
  • নিউজ সাইটম্যাপস
  • মোবাইল সাইটম্যাপস

এইচটিএমএল সাইটম্যাপ:

এইচটিএমএল সাইটম্যাপ এমন একটি এইচটিএমএল পৃষ্ঠা যা কোনও ওয়েবসাইটের সমস্ত উপ পৃষ্ঠাগুলি একটি সংগঠিত উপায়ে তালিকাভুক্ত করা হয় এবং সাধারণত এটি ওয়েবসাইটের পাদচরণ এলাকায় পাওয়া যায়।

➤ আপনি আমাদের ওয়েবসাইটের এইচটিএমএল সাইটম্যাপটি এখানেও খুঁজে পেতে পারেন 

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

ব্লগারে এইচটিএমএল সাইটম্যাপ যুক্ত করার পদক্ষেপ

আপনার ব্লগার ওয়েবসাইটে স্টাইলিশ সাইটম্যাপ যুক্ত করতে আপনার একটি HTML কোড যুক্ত করতে হবে এবং সাইটম্যাপ নামের একটি পৃষ্ঠা তৈরি করতে হবে।

পদক্ষেপ -১ : আপনার ব্লগার ড্যাশবোর্ডে যান এবং পৃষ্ঠা বিভাগটি খুলুন।
পদক্ষেপ -২ : একটি নতুন পৃষ্ঠা তৈরি করুন এবং সম্পাদককে এইচটিএমএল ভিউতে স্যুইচ করুন 
পদক্ষেপ -3 : এখন নীচের কোডটি অনুলিপি করুন এবং এটিতে পেস্ট করুন।
পদক্ষেপ -4 : এখন সাইটম্যাপ হিসাবে শিরোনাম সেট করুন এবং পৃষ্ঠাটি প্রকাশ করুন।

এখন আপনি ব্লগার ওয়েবসাইটে আপনার স্টাইলিশ এইচটিএমএল সাইটম্যাপটি সফলভাবে তৈরি করেছেন।

এইচটিএমএল সাইটম্যাপের জন্য কোড:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-s3kuUoVBLD4/Xx1if5ogHbI/AAAAAAAAAUU/EshioquzFfYPf2n49rUhm0_kjdeSMUnFACLcBGAsYHQ/s1600/Sitemap%2BArlina%2BCode.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Sitemap Arlina Code" class="lazyload" style="border: none;" data-original-height="444" data-original-width="1200" src="https://3.bp.blogspot.com/-s3kuUoVBLD4/Xx1if5ogHbI/AAAAAAAAAUU/EshioquzFfYPf2n49rUhm0_kjdeSMUnFACLcBGAsYHQ/s1600/Sitemap%2BArlina%2BCode.png" title="Sitemap Arlina Code" /></a></div>

<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=99999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1{display:none}#bp_toc{color:#000;margin:0 auto;max-height:686px;overflow:hidden;overflow-y:auto}span.toc-note{margin:0 auto 25px auto;text-align:center;line-height:normal;display:table;position:relative;overflow:hidden;font-size:14px;padding:10px 20px;background:#007bff;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-size:100%;color:#fff;border-radius:99em;font-weight:500;transition:all .3s}span.toc-note:hover{background-size:200%}.toc-header-col1{padding:10px;background-color:#f5f5f5;width:250px}.toc-header-col2{padding:10px;background-color:#f5f5f5;width:75px}.toc-header-col3{padding:10px;background-color:#fff;width:125px}#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:1px solid rgba(0,0,0,0.05);background:#fff}#bp_toc td.toc-header-col1{}#bp_toc td.toc-header-col2{}#bp_toc td.toc-header-col3{}.post td{background:transparent}#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:1px solid rgba(0,0,0,0.05)}#bp_toc td a{background:transparent;color:#222;float:none;border-radius:0;padding:0;font-size:100%;display:initial;box-shadow:none}#bp_toc td a:hover{color:#0984e3}.toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:13px;text-decoration:none;color:#aaa;font-weight:500;letter-spacing:0.5px}.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none}.toc-entry-col1,.toc-entry-col2,.toc-entry-col3{padding:10px 5px;font-size:90%}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{color:#000}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#3498db}#bp_toc table{width:100%;margin:0 auto;counter-reset:rowNumber}.toc-entry-col1{counter-increment:rowNumber}#bp_toc table tr td.toc-entry-col1:first-child::before{content:counter(rowNumber);display:inline-block;min-width:38px;margin-right:.7em;background:#fc5c65;color:#fff;border-radius:99em;font-weight:500;text-align:center;font-size:12px;padding:0;line-height:1.7}
#bp_toc td.toc-entry-col1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}
#bp_toc::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}#bp_toc::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}#bp_toc::-webkit-scrollbar-track{background-color:transparent}#bp_toc::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)}
@media screen and (max-width:768px) {
#bp_toc td.toc-entry-col1{white-space:normal;overflow:visible;text-overflow:initial;max-width:100%}#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3,#bp_toc table tr td.toc-entry-col1:first-child::before{display:none}}
</style>

Site এইচটিএমএল সাইটম্যাপের জন্য ভিডিও টিউটোরিয়াল 👇

কোডটি আটকানোর পরে আপনার এইচটিএমএল সাইটম্যাপটি স্বয়ংক্রিয়ভাবে উত্পন্ন হয়। আপনি দেখতে পারেন পোস্ট নাম , তারিখ , এবং ট্যাগ একটি ট্যাবুলার আকারে নামের নিচে স্ক্রিনশট দেখানো হয়েছে। আপনি পাদলেখ বিভাগে আমাদের সাইটম্যাপ পৃষ্ঠায় ডেমো পরীক্ষা করতে পারেন 

ব্লগারটিতে আড়ম্বরপূর্ণ এইচটিএমএল সাইটম্যাপ যুক্ত করুন

যদি আপনার কোনও সমস্যার মুখোমুখি হন তবে মন্তব্য বিভাগে আমাকে জিজ্ঞাসা করুন বা দ্রুত সমাধানের জন্য আমাদের সাথে সোশ্যাল মিডিয়া প্ল্যাটফর্মে যোগ দিন।

এছাড়াও, ব্লগারে এই নতুন আড়ম্বরপূর্ণ এইচটিএমএল সাইটম্যাপ সম্পর্কে আপনার মতামত জানান এবং আপনার বন্ধুদের সাথে শেয়ার করুন।

একটি মন্তব্য পোস্ট করুন (0)
অপেক্ষাকৃত নতুন পুরনো