Cara Membuat Halaman Sitemap HTML Keren dan SEO di Blog

Cara Membuat Halaman Sitemap HTML Keren dan SEO di Blog

cara membuat sitemap keren di blog - Sebelum memulainya untuk menambahkan halaman Peta Situs di blogger sangat penting untuk memahami perbedaan antara sitemap HTML dan peta situs XML, di blog ini saya bagikan cara sobat mengetahui apa itu sebenarnya sitemap dan bagaimana cara membuatnya untuk di tampilkan di halaman blog .

Jadi, Apa Itu Sitemap XML?
Sebenarnya, mesin Pencari menggunakan perayap web masing-masing (bot) untuk menemukan halaman dari tautan di dalam situs dan dari situs lain. XML Sitemap adalah file berupa dot xml yang terpasang ke situs web atau blog anda yang memasok data bisa dirayapi. Isi yang ada di file peta situs terdiri dari semua postingan URL blog. Mesin Pencari menggunakan data ini untuk mengindeks postingan blog dengan cara sebaik mungkin. Penggunaan file XML Sitemap menjamin bahwa halaman web Anda akan diindeks di mesin pencari.




Sitemap HTML
HTML sitemap adalah halaman HTML biasa yang dapat dibaca oleh bot mesin pencari maupun oleh pengunjung. Perayap web memperlakukannya seperti halaman HTML biasa (dengan banyak tautan). Tujuan utama dari penggunaan sitemap berbasis HTML adalah untuk mewakili semua postingan secara teratur sehingga pengguna dapat menavigasi semua postingan melalui satu halaman.


Fitur fitur sitemap yang saya bagikan

- Daftar posting akan diperbarui secara otomatis dengan penambahan posting baru.

- Penambahan otomatis ke postingan artikel yang baru ditambahkan.

- urut sesuai abjad.


Cara Menambahkan Halaman Sitemap Keren Di Blogger



Langkah 1. Masuk ke akun Blogger, lalu buka Halaman > Halaman baru .

Langkah 2. Masukkan judul " Peta Situs " di bidang Judul halaman.

Langkah 3. Beralih kemode HTML .

Langkah 4. Masukkan kode di bawah ini ke bidang kosong di dalam berikut.

<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="blogente.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>


Saran sebelum peletakan kode hapuslah semua kode default di dalam bidang HTML sebelum menempelkan kode yang disediakan dan tutup semua jenis kesalahan HTTPS.

- Ganti tulisan yang berwarna blogente.blogspot.com ganti dengan URL blog anda.


Langkah 5. Di bawah Pengaturan halaman > di dalam kolom Pencarian Deskripsi tambahkan deskripsi halaman sesuai selera anda.

Langkah 7. Klik pada Pilihan > di bawah komentar Pembaca> pilih Jangan izinkan > Selesai .

Secara otomatis memperbarui daftar postingan.
Langkah 8. Klik simpan dan Publikasikan .

Catatan penting: Tutorial ini hanya akan menambah Peta Situs HTML Sederhana saja. Jadi, sobat dapat mengubah tema warna-warni yang berbeda dengan sitemap tersebut.


Nah sekarang sobat telah berhasil menambahkan halaman sitemap berbasis HTML di blog. Tempatkan tautan halaman Peta Situs, di mana pun anda ingin menampilkan halaman Peta Situs. sobat juga dapat menerapkan berbagai tema pada sitemap ini yang saya bagikan. Jika terjadi masalah mengenai pemasangat sitemap atau kesalahan pada kode script, saya harap beri masukan atau komentar di bawah,agar nantinya bisa terus saya perbaiki dan ter update.

Cukup sampai di sini tutorial cara membuat sitemap di blogger,semoga bisa menjadi bermanfaat untuk semuanya ,selamat mencoba dan semoga berhasil !.
Advertisement

Baca juga:

Buka Komentar
Blogger
Disqus
Pilih Sistem Komentar

No comments