কিভাবে ব্লগারে স্টাইলিশ সাইটম্যাপ পেজ(Sitemap Page) তৈরি করবেন?

হ্যালো বন্ধুরা! আপনার অনলাইন কাজ ব্লগে আপনাকে স্বাগতম আজকের এই পোস্টে আমরা ব্লগারে Stylish Sitemap page কীভাবে তৈরি করে সে সম্পর্কে কথা বলতে যাচ্ছি এবং এই স্টাইলিশ সাইটম্যাপ পেজ ব্লগার আমার কিভাবে তৈরি করব । সুতরাং আমরা এই পোস্টে এই সমস্ত জিনিস সম্পর্কে জানাব। সুতরাং এই পোস্টেটির সাথে থাকুন এবং সম্পূর্ণ বিবরণে জানুন।

What is Sitemap page in Bangla? সাইটম্যাপ পেজ কি? 

কিভাবে ব্লগারে স্টাইলিশ সাইটম্যাপ পেজ(Sitemap Page) তৈরি করবেন?

আপনি যদি ব্লগার হন এবং ব্লগিং করেন। তাহলে আপনাকে অবশ্যই এই (সাইটম্যাপ পেজ) সম্পর্কে জানতে হবে। যদি আপনি না জানেন তবে আমরা আপনাকে আজকে এই পোস্টের মাধ্যমে জানিয়ে দিব যে সাইটম্যাপ পজেটি  একটি গুরুত্বপূর্ণ পেজ একটা ব্লগে,  যার দ্বার সার্চ ইঞ্জিনগুলাকে সংকেত দেয় আপনার ব্লগের পোস্ট সার্চ ইঞ্জিনে জমা দেওয়ার জন্য। এবং আপনার পোস্টটি সার্চ ইঞ্জিন এবং দ্রুত (Crawling)এবং (Index) হতে সহায়তা করে।

অবশ্যই পড়ুন-

প্রতি টা ব্লগে (privacy Policy) (Disclaimer) (Terms and conditions) পেজ যেমন জরুরি তেমনি (সাইটম্যাপ পেজ) থাকা গুরুত্বপূর্ণ গুগল অ্যাডসেন্স এ্যপ্রুভ পাওয়ার জন্য। আজকে আমি আপনাদের দুটি উপায় বলবো যেগুলো ফলো করে (blogger) অথবা (Blogspot.com) জন্য সুন্দর (Stylish Sitemap page) তৈরি করতে পারবেন আপনি নিজেই। এবং অন্য উপায় ব্যবহার করে আপনি আপনার ব্লগার ওয়েবসাইট জন্য সহজে (SEO) যুক্ত সাইটম্যাপ পেজ বানাতে পারবেন।

এর আগের পোস্টে আমি আপনাদেরকে Robots.txt File বা XML Sitemap Generate কোথা থেকে করবেন এবং (XML) সাইটম্যাপ সাবমিট কিভাবে করে ব্লগারে। চাইলে দেখে আসতে পারেন।

কিভবে স্টাইলিশ সাইটম্যাপ পেজ তৈরি করবেন ব্লগারে জন্য?

তাহলে নীচে বন্ধুরা, আমরা কীভাবে আমাদের ব্লগার ব্লগের জন্য একটি স্টাইলিশ সাইটম্যাপ পেজ তৈরি করতে পারি তা ধাপে ধাপে জানব।

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

  1. Login into Blogger Dashboard.
  2. Now Go to Pages & Click on new Pages.
  3. Copy Code Below from Box & Paste into HTML Section.

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">  
 .grid-sitemap {  
  overflow: hidden;  
  position: relative;  
  height: 565px;  
  margin: 20px 0 40px 0;  
 }  
 .grid-sitemap iframe {  
   display: block;  
   width: 100%;  
   height: 680px;  
   margin-top: -115px;  
   margin-left: -5px;  
 }  
 </style>  
 <br />
<div class="grid-sitemap">
<iframe src="https://www.onlinekaj.com/view/flipcard"></iframe>  
 </div>
</div>

Note: - আপনার ডোমেন নাম অথবা আপনার ওয়েবসাইট (Url) অবশ্যই চেন্জ করে নিবেন।

২য় উপায় সাইটম্যাপ পেজ  তৈরি করার কোডঃ

<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.onlinekaj.com/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=bloggersitemap" type="text/javascript"></script>

বন্ধুরা এখন এই উপায়ে অতি সাধারন একটি সাইটম্যাপ পেজ করার কোড আপনাকে প্রভাইড করবো তবে Seo জন্য এই (Sitemap page) বেস্ট হবে ডেমো দেখুন-

বিঃদ্র: মনে রাখবেন সাইটম্যাপ পেজ তৈরি করার সাথে আপনার ব্লগে এটা শো হবে না কারন আপনার ব্লগে যখন ১-১৫ অথবা তার কম পোস্ট থাকতে হবে। তবেই আপনার সাইটম্যাপ পেজ লিংক গুলো দেখতে পারবেন।

কিভাবে তৈরি করবেন Sitemap page?

৪. প্রথমে আপনি আপনার ব্লগার যান-তারপর <<page>> ক্লিক করুন এখন <<New Page>> ক্লিক করুন। আপনার সাইটম্যাপ পেজের নাম দিন <<SiteMap>> এখন <<HTML>> ক্লিক করুন এখন উপারে দেওয়া কোড এখানে পেস্ট করুন কোডিটির নিচে আপনার Url বসিয়ে দিন লাল রং দ্বারা মার্ক করা আছে তারপর পাবলিশ বাটনে ক্লিক করুন বাছ! তৈরি আপনার সাইটম্যাপ পেজ।

আমাদের শেষ কথা - আপনার ব্লগার স্টাইলিশ সাইটম্যাপ পেজ তৈরি  এই পোস্টটি কি আপনার পছন্দ হয়েছে নিচে আমাদের কমেন্ট করে  অবশ্যই জানাবেন  আপনি যদি কোনও রকম পরামর্শ দিতে চান তবে নীচের কমেন্ট  বক্সে আপনার মতামত আমাদের সাথে শেয়ার করতে পারেন ।

By commenting you acknowledge acceptance of Whatisloved.com-Terms and Conditions

Post a Comment

By commenting you acknowledge acceptance of Whatisloved.com-Terms and Conditions

Post a Comment (0)

Previous Post Next Post