আজকে আমরা মূলত ব্লগার ওয়েবসাইট এর জন্য একটি অসাধারন এইচটিএমএল সাইটম্যাপ পেজ তৈরি নিয়ে আলোচনা করতে যাচ্ছি। আজকে আমরা কোন Google Webmaster এ সাইটম্যাপ এড করা নিয়ে লেখা না। আজ আমরা ওয়েবসাইট কে ভিজিটরদের কাছে আরো আকর্ষনীয়, সুন্দর করার জন্য একটি Html Sitemap Page তৈরি করবো। যেখানে ওয়েবসাইট এর সকল ক্যাটাগরীতে সুন্দর মত পোস্ট গুলো শো করবে, ফলে ভিজিটরগণ খুব সহজেই পোস্ট গুলো ওপেন করে দেখতে পারবে। যদি এইচটিএমএল সাইটম্যাপ সম্পর্কে না জেনে থাকেন, তবে পোস্ট টি একটু মনোযোগ দিয়ে দেখতে থাকুন পুরো ধারনা না দিতে পারলেও ব্যাসিক ধারনা দেওয়ার চেষ্টা করবো ইনশাল্লাহ।
এইচটিএমএল সাইটম্যাপ কি? What is Html Sitemap?
প্রথমেই বলে রাখি সাইটম্যাপ ২ প্রকার।
- এইচটিএমএল সাইটম্যাপ (Html Sitemap)
- এক্সএমএল সাইটম্যাপ (xml Sitemap)
আজকে আমরা Html সাইটম্যাপ নিয়ে আলোচনা করবো। যেহেতু আজকে আমরা xml সাইটম্যাপ নিয়ে আলোচনা করছি না। তাই এটা নিয়ে অন্য একদিন বিস্তারিত আলোচনা করবো। এইচটিএমল সাইটম্যাপ (Html Sitemap) কে আমরা একটি দেশের মানচিত্রের ন্যায় তুলোনা করতে পারি। একটি দেশের মানচিত্র থেকে আমরা কি জানতে পারি? নিশ্চয় সেই দেশের সবকিছুই ওই ম্যাপে তুলে ধরা হয়ে থাকে। ঠিক তেমনি একটি ওয়েবসাইট বা ব্লগের সমস্ত ইউজার ভিত্তিক ডাটা Html Sitemap পেজের ভিতর সাজানো থাকে। এবং ইউজার খুব সহজেই তাদের নিদিষ্ট তথ্য খুজে পেতে পারে।
অন্যভাবে বলা যেতে পারে, আপনার ব্লগের অন্য সব ১০ টি পেজের মত এইচটিএমএল সাইটম্যাপও একটি পেজ যেখানে আপনার ব্লগের সকল পোস্ট একটি পেজের ভিতর সুন্দর আকর্ষনীয় করে ভিজিটরদের সামনে উপস্থাপন করা হয়ে থাকে।
এইচটিএমএল সাইটম্যাপ কেন প্রয়োজন?
একটি ব্লগের বা ওয়েবসাইট এর xml sitemap যেমন গুগল সার্চ ইঞ্জিনে রেংক করাতে সাহায্য করে html Sitemap তেমনই অনেক বড় গুরত্বপূর্ণ ভূমিকা পালন করে থাকে। একটি বড় ব্লগের জন্য Html sitemap পেজ থাকা অতি আব্যশক। কেননা একটি ভিজিটর এই সাইটম্যাপ থেকে এক নজরেই দেখে নিতে পারে কত গুলো পোস্ট আছে বা কেমন তথ্য আছে ব্লগের ভিতর। আগেই বলেছি কোন ঝামেলা এবং বিরক্ত ছাড়াই ভিজিটর তার তথ্য খুজে নিতে পারে এই এইচটিএমএল সাইটম্যাপ এর মাধ্যমে। আশা করি বিষয়টি আমি বুজাতে পেরেছি।
ব্লগে কিভাবে এইচটিএমএল সাইটম্যাপ যোগ করবো?
- প্রথমে ব্লগার ওয়েবসাইট এর ড্যাশবোর্ড লগইন করুন।
- পেজ অপশনে ক্লীক করে একটি নতুন পেজ খুলুন
- পেজ এর টাইল দিন Sitemap। বাংলাতেও দিতে পারেন কোন সমস্যা নাই।
- এবার পেজের ভিতরে Compose মুড থেকে html করে নিন এবং নিচের কোড গুলো পেস্ট করুন।
- সব কিছু ঠিক থাকলে পাবলিশ করে দিন।
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <script type="text/javascript">var postTitle = new Array();var postUrl = new Array();var postPublished = new Array();var postDate = new Array();var postLabels = new Array();var postRecent = new Array();var sortBy = "titleasc";var numberfeed = 0;function bloggersitemap(a) { function b() { if ("entry" in a.feed) { var d = a.feed.entry.length; numberfeed = d; ii = 0; for (var h = 0; h < d; h++) { var n = a.feed.entry[h]; var e = n.title.$t; var m = n.published.$t.substring(0, 10); var j; for (var g = 0; g < n.link.length; g++) { if (n.link[g].rel == "alternate") { j = n.link[g].href; break } } var o = ""; for (var g = 0; g < n.link.length; g++) { if (n.link[g].rel == "enclosure") { o = n.link[g].href; break } } var c = ""; if ("category" in n) { for (var g = 0; g < n.category.length; g++) { c = n.category[g].term; var f = c.lastIndexOf(";"); if (f != -1) { c = c.substring(0, f) } postLabels[ii] = c; postTitle[ii] = e; postDate[ii] = m; postUrl[ii] = j; postPublished[ii] = o; if (h < 10) { postRecent[ii] = true } else { postRecent[ii] = false } ii = ii + 1 } } } } } b(); sortBy = "titledesc"; sortPosts(sortBy); sortlabel(); displayToc();}function sortPosts(d) { function c(e, g) { var f = postTitle[e]; postTitle[e] = postTitle[g]; postTitle[g] = f; var f = postDate[e]; postDate[e] = postDate[g]; postDate[g] = f; var f = postUrl[e]; postUrl[e] = postUrl[g]; postUrl[g] = f; var f = postLabels[e]; postLabels[e] = postLabels[g]; postLabels[g] = f; var f = postPublished[e]; postPublished[e] = postPublished[g]; postPublished[g] = f; var f = postRecent[e]; postRecent[e] = postRecent[g]; postRecent[g] = f } for (var b = 0; b < postTitle.length - 1; b++) { for (var a = b + 1; a < postTitle.length; a++) { if (d == "titleasc") { if (postTitle[b] > postTitle[a]) { c(b, a) } } if (d == "titledesc") { if (postTitle[b] < postTitle[a]) { c(b, a) } } if (d == "dateoldest") { if (postDate[b] > postDate[a]) { c(b, a) } } if (d == "datenewest") { if (postDate[b] < postDate[a]) { c(b, a) } } if (d == "orderlabel") { if (postLabels[b] > postLabels[a]) { c(b, a) } } } }}function sortlabel() { sortBy = "orderlabel"; sortPosts(sortBy); var a = 0; var b = 0; while (b < postTitle.length) { temp1 = postLabels[b]; firsti = a; do { a = a + 1 } while (postLabels[a] == temp1); b = a; sortPosts2(firsti, a); if (b > postTitle.length) { break } }}function sortPosts2(d, c) { function e(f, h) { var g = postTitle[f]; postTitle[f] = postTitle[h]; postTitle[h] = g; var g = postDate[f]; postDate[f] = postDate[h]; postDate[h] = g; var g = postUrl[f]; postUrl[f] = postUrl[h]; postUrl[h] = g; var g = postLabels[f]; postLabels[f] = postLabels[h]; postLabels[h] = g; var g = postPublished[f]; postPublished[f] = postPublished[h]; postPublished[h] = g; var g = postRecent[f]; postRecent[f] = postRecent[h]; postRecent[h] = g } for (var b = d; b < c - 1; b++) { for (var a = b + 1; a < c; a++) { if (postTitle[b] > postTitle[a]) { e(b, a) } } }} function displayToc() { var a = 0; var b = 0; while (b < postTitle.length) { temp1 = postLabels[b]; document.write(""); document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div class="ct-columns">'); firsti = a; do { document.write("<p>"); document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + ""); if (postRecent[a] == true) { document.write(' - <strong><span>New!</span></strong>') } document.write("</a></p>"); a = a + 1 } while (postLabels[a] == temp1); b = a; document.write("</div></div>"); sortPosts2(firsti, a); if (b > postTitle.length) { break } }}</script><script src="https://www.techly420.blogspot.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap" type="text/javascript"></script> |
➥পরিবর্তন:
কোড এর ভিতর www.techly420.blogspot.com লেখাটির জায়গায় আপনার ওয়েবসাইট এর এড্রেস দিবেন।
➥ জিজ্ঞেসা:
বুজতে কোথাও সমস্যা হলে অবশ্যই comment করে জানাবেন। অথবা এই লিংক থেকে সরাসরি মেইল করবেন।
➥এমন আরো টেকনোলজি ও ব্লগিং সম্পর্কে জানতে ভিজিট করুন www.techly420.blogspot.com