Tutorial Membuat Sitemap XML & HTML di Blogspot (Panduan Lengkap untuk Pemula)

Tutorial Membuat Sitemap XML & HTML di Blogspot (Panduan Lengkap untuk Pemula)**

---

# **10. Tutorial Membuat Sitemap XML & HTML di Blogspot (Panduan Lengkap untuk Pemula)**

Sitemap adalah salah satu bagian penting dalam SEO yang sering diabaikan oleh blogger pemula. Padahal, sitemap membantu Google lebih mudah menemukan, memahami, dan mengindeks seluruh halaman blog Anda. Tanpa sitemap, beberapa artikel mungkin tidak terindeks atau muncul terlambat di hasil pencarian.

Dalam artikel ini, kita akan membahas **apa itu sitemap**, **mengapa penting**, dan **bagaimana cara membuat sitemap XML dan HTML di Blogspot**, lengkap dengan langkah-langkah terbaru.

---

# **Apa Itu Sitemap?**

Sitemap adalah daftar halaman blog yang disusun secara terstruktur agar mesin pencari seperti Google bisa memahami isi blog Anda.

Ada dua jenis sitemap:

### **1. Sitemap XML**

Digunakan oleh mesin pencari (Google, Bing, Yahoo).

Dibaca otomatis oleh bot.

Tidak ditujukan untuk pembaca manusia.

### **2. Sitemap HTML**

Ditampilkan sebagai halaman biasa untuk pengunjung.

Memudahkan mereka menemukan artikel.

Bisa juga membantu internal linking.

Keduanya memiliki fungsi penting untuk SEO.

---

# **Mengapa Sitemap Penting untuk Blogspot?**

Beberapa alasannya:

* membantu Google mengindeks konten baru lebih cepat

* memastikan seluruh artikel terbaca oleh mesin pencari

* meningkatkan visibilitas di hasil pencarian

* memudahkan navigasi pengunjung

* memperbaiki struktur internal website

Google sangat merekomendasikan sitemap terutama untuk blog dengan banyak artikel.

---

# **1. Cara Membuat Sitemap XML di Blogspot (Otomatis)**

Blogspot sudah menyediakan sitemap XML otomatis. Anda tidak perlu membuatnya dari nol.

### **Format sitemap XML Blogspot:**

```

https://NAMA-BLOG-ANDA.blogspot.com/sitemap.xml

```

### **Contoh:**

Jika blog Anda bernama **27158.blogspot.com**, maka sitemap-nya adalah:

```

https://27158.blogspot.com/sitemap.xml

```

Jika blog memiliki lebih dari 500 postingan, sitemap akan terbagi menjadi beberapa bagian seperti:

* sitemap.xml?start=1&max-results=500

* sitemap.xml?start=501&max-results=500

Google akan membaca semuanya secara otomatis.

---

# **2. Cara Submit Sitemap XML ke Google Search Console**

Ini langkah penting agar Google membaca sitemap Anda.

### **Langkah-langkahnya:**

1. Buka **Google Search Console**

2. Pilih properti blog Anda

3. Klik menu **Sitemap**

4. Di kolom *Add a new sitemap*, masukkan:

   ```

   sitemap.xml

   ```

5. Klik **Submit**

Google akan langsung membaca dan memproses sitemap Anda.

**Tips tambahan:**

Tambahkan juga sitemap alternatif berikut (opsional namun bagus):

```

atom.xml?redirect=false&start-index=1&max-results=500

rss.xml?redirect=false&start-index=1&max-results=500

```

Semakin banyak jalur indeks, semakin baik.

---

# **3. Cara Membuat Sitemap HTML di Blogspot**

Sitemap HTML adalah halaman yang menampilkan daftar semua artikel blog Anda dalam bentuk yang mudah dibaca pengunjung.

## **Langkah 1: Buat Halaman Baru di Blogspot**

1. Masuk ke Dashboard Blogger

2. Klik **Halaman (Pages)**

3. Klik **Halaman Baru**

4. Beri judul: **Sitemap** atau **Daftar Isi**

---

## **Langkah 2: Masukkan Script Sitemap HTML**

Gunakan script otomatis berikut untuk menampilkan semua postingan berdasarkan label dan tanggal:

```html

<script>

var postTitle = new Array();

var postUrl = new Array();

var postDate = new Array();

var postLabels = new Array();

var postComments = new Array();

var postNum = 0;

function loadposts(json) {

  for (var i = 0; i < json.feed.entry.length; i++) {

    var entry = json.feed.entry[i];

    postTitle[postNum] = entry.title.$t;

    for (var j = 0; j < entry.link.length; j++) {

      if (entry.link[j].rel == 'alternate') {

        postUrl[postNum] = entry.link[j].href;

        break;

      }

    }

    postLabels[postNum] = [];

    if ("category" in entry) {

      for (var k = 0; k < entry.category.length; k++) {

        postLabels[postNum].push(entry.category[k].term);

      }

    }

    postDate[postNum] = entry.published.$t.substring(0,10);

    postNum++;

  }

}

document.write("<script src='/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadposts'><\/script>");

document.write("<script>document.write('<ul>');for (var i = 0; i < postNum; i++) {document.write('<li><a href=\"' + postUrl[i] + '\">' + postTitle[i] + '</a> (' + postDate[i] + ')</li>');}document.write('</ul>');<\/script>");

</script>

```

Script ini akan:

* menampilkan seluruh artikel

* menyusun berdasarkan tanggal

* menampilkan titel + link

* otomatis update setiap kali Anda publikasi artikel

---

## **Langkah 3: Simpan Halaman**

Klik **Publikasikan**.

Sitemap HTML Anda sudah jadi.

---

# **4. Tambahkan Halaman Sitemap ke Menu Blog**

Agar pengunjung mudah menemukannya:

1. Pergi ke **Tata Letak (Layout)**

2. Pilih **Menu** atau **Navbar**

3. Tambahkan link ke halaman sitemap Anda

   (contoh: `https://27158.blogspot.com/p/sitemap.html`)

4. Simpan

Sekarang sitemap bisa diakses dari menu utama.

---

# **5. Tips Tambahan untuk Sitemap Agar Lebih SEO-Friendly**

* gunakan judul halaman: **Sitemap**, **Daftar Isi**, atau **Site Map**

* pastikan semua artikel masuk kategori/label yang jelas

* hindari label terlalu banyak (maksimal 10–15)

* update struktur navigasi blog

* buat sitemap HTML yang bersih dan mudah dipindai

---

# **Kesimpulan**

Membuat sitemap di Blogspot sangat mudah dan penting untuk SEO.

Dengan sitemap XML, Google dapat mengindeks blog Anda lebih cepat.

Dengan sitemap HTML, pengunjung bisa menelusuri konten dengan mudah.

Langkah-langkah utama:

1. Gunakan sitemap XML otomatis Blogspot

2. Submit sitemap ke Google Search Console

3. Buat sitemap HTML dengan script otomatis

4. Tambahkan ke menu navigasi blog

Dengan dua jenis sitemap ini, blog Anda akan lebih terstruktur dan lebih cepat berkembang.

---