Cara Pasang Kode Sitemap untuk Blogger

Assalamu‘alaikum wr. wb. 

Hello guys! Sitemap atau Peta Situs sanggatlah penting agar Halaman yang kita simpan terindeks dan mudah dikenali oleh Mesin Pencarian seperti Google Search. Kali ini kita akan memberikan Tutorial Singkat Cara Pasang Kode Sitemap untuk Blogger.

Sumber : Romelteamedia.com

Sitemap HTML adalah suatu daftar isi yang umumnya muncul di halaman statis dan dapat dibaca oleh pengunjung maupun mesin pencari. Contohnya termasuk daftar isi atau sitemap yang ditampilkan di suatu situs.

Sementara itu, Sitemap XML merupakan peta situs dalam bentuk kode, seperti sitemap.xml atau sitemap_index.xml, yang berisi daftar Postingan Blog. Dokumen ini kemudian diserahkan ke Google Search Console agar mempermudah pengindeksan blog oleh mesin pencari, khususnya Google.

Google menjelaskan bahwa sitemap atau peta situs adalah file yang memberikan informasi tentang halaman, video, dan berkas lainnya di situs Anda, termasuk hubungan antara elemen-elemen tersebut. Mesin pencari, seperti Google, menggunakan file ini untuk menjelajah situs dengan lebih efisien. Sitemap memberikan panduan kepada Google mengenai halaman-halaman dan berkas yang dianggap penting, serta memberikan informasi berguna seperti kapan terakhir kali halaman diperbarui dan apakah terdapat versi bahasa lain dari halaman tersebut.

Berikut ini adalah Cara memasang Kode Sitemap di Blogger :

1. Klik New Page (Halaman Baru)
2. Isi kolom Judul dengan Sitemap atau Daftar Isi
3. Klik mode HTML
4. Copy salah satu Kode Sitemap HTML di bawah ini. 
5. Langsung klik Publish (Publikasikan)

Kode Program HTML JavaScript untuk Sitemap di Blogger :

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<script>
  (function (c, m) {
    var h = window;
    var l = document;
    var e = "w-sitemap-wrapper";
    var g = "w-sitemap-loading-msg";
    var b = h.location;
    var n = b.protocol;
    var f = b.hostname;
    var k = 0;
    l.write(
      "<div id='" + e + "'><ol></ol><div id='" + g + "'>" + m + "</div></div>"
    );
    var a = l.getElementById(e);
    var d = l.getElementById(g);
    var j = l.getElementById(e).getElementsByTagName("ol")[0];
    function i(o) {
      var p = l.createElement("script");
      p.src =
        n +
        "//" +
        f +
        "/feeds/posts/summary?alt=json-in-script&callback=wijs_get_sitemap&start-index=" +
        o +
        "&max-results=150";
      a.appendChild(p);
    }
    h.wijs_get_sitemap = function (E) {
      var A = E.feed.entry;
      var u = parseInt(E.feed.openSearch$totalResults.$t);
      var x = A.length;
      var w = "";
      for (var s = 0; s < x; s++) {
        var o = A[s];
        var C = o.title.$t;
        var p;
        var D = o.link;
        var y = D.length;
        for (var r = 0; r < y; r++) {
          if (D[r].rel === "alternate") {
            p = D[r].href;
            break;
          }
        }
        var z = o.published.$t;
        var q = z.substring(0, 4);
        var t = z.substring(5, 7);
        var v = z.substring(8, 10);
        var B = c.replace("dd", v).replace("mm", t).replace("yyyy", q);
        w +=
          "<li><span>" +
          B +
          "</span> " +
          "<a href='" +
          p +
          "'>" +
          C +
          "</a></li>";
      }
      j.innerHTML += w;
      k += x;
      if (k < u) {
        i(k + 1);
      } else {
        d.parentNode.removeChild(d);
      }
    };
    i(1);
  })("dd/mm/yyyy", "Loading......");
</script>

Hasilnya :

Itulah Cara Pasang Kode Sitemap untuk Blogger. Mohon maaf apabila ada kesalahan sedikit pun pada Tutorial ini.

Terima Kasih 😄😊👌👍 :)

Wassalammu‘alaikum wr. wb.