Home » » Cara Membuat Daftar isi blog (sitemap) yang simple dan keren

Cara Membuat Daftar isi blog (sitemap) yang simple dan keren

Cara Membuat Daftar isi blog (sitemap) keren
Daftar isi blog atau yang lebih familiar biasa disebut sitemap adalah daftar semua isi suatu blog yang dikelompokan berdasarkan label. Jadi semua artikel di dalam blog sobat akan muncul di daftar isi tersebut. Karena blogspot tidak menyediakan menu sitemap jadi sobat harus membuatnya secara manual dengan cara menyisipkan kode-kode html di bagian laman.

Apa kegunaan sitemap mas ?

Ya sama seperti buku sob.. untuk mempermudah pembaca atau pengunjung blog mencari artikel sesuai keinginan mereka. Kegunaan lain sitemap ini juga menjadi salah satu syarat jika blog akan didaftarkan ke google adsense. Jadi belum lengkap sebuah blog jika tidak ada daftar isinya.

Persiapan membuat sitemap

Sebelum sitemap dibuat pastikan sobat mempunyai beberapa artikel yang sudah diberi label. Minimal satu artikel dengan satu label. Meskipun satu artikel bisa diberi lebih dari satu label, saran saya jangan lakukan, emang kenapa mas ? karena satu artikel yang memiliki banyak label akan dinilai rancu dan tidak bagus dimata google.

Daftar isi blog (sitemap)


Berikut cara membuat sitemap :
  1. Pastikan sobat sudah berada di akun blogger
  2. Lihat menu sebelah kiri
  3. Pilih laman
  4. Buatlah laman baru 
  5. Klik “laman baru”
  6. Isi judul laman (sitemap atau daftar isi blog)
  7. Pilih pada mode HTML jangan compose
  8. Masukan kode html di bawah ini
Copy semua ya sob :
--------------------------------------------------------------------------------------------------------------
<link href="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.css" rel="stylesheet"></link>
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
    blogUrl: "http://www.blogsobat.blogspot.com/", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // `true` to show the post date
    showSummaries: false, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
    thumbSize: 40, // Thumbnail size
    noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum post results
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
    newText: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>

<script src="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>
--------------------------------------------------------------------------------------------------------------
Ganti URL (warna merah) dengan alamat blog sobat. Setelah itu klik Publikasikan.


Kok tampilan sitemapnya beda dengan blog yang lain mas?

Setiap blog tidak harus sama tampilan atau model sitemapnya. Tergantung kode html yang dipasang di laman. Banyak kode-kode yang bertebaran di google. Sobat bebas memilih dan memodifikasi tampilanya jika bisa.

Haruskah ada daftar isi / sitemap ?

Sebenarnya tidak harus ada..
Hanya saja jika blog sobat akan digunakan untuk bisnis atau daftar google adsense maka sitemap wajib ada. Kenapa ? karena blog yang ada sitemapnya akan dinilai sebagai blog yang mengutamakan kenyamanan pengujung.

Baca juga : Cara membuat halaman kontak

Manfaat sitemap / daftar isi blog
  • Memudahkan pengunjung mencari artikel. Ini adalah manfaat utama adanya sitemap. Memudahkan dan membuat nyaman pengunjung yang membaca blog sobat.
  • Blog terlihat professional. Coba sobat berkunjung ke blog-blog yang sudah terkenal. Pasti ada sitemapnya. 
  • Isi blog lebih cepat terindex di mesin pencari terutama google. Menurut sebagian besar IM (internet marketing) blog akan lebih cepat terindex jika ada sitemapnya karena susunan isi blog otomatis terstruktur secara rapi.
  • Sitemap menjadi salah satu syarat diterimanya google adsense. memang tidak ada keterangan khusus dari google bahawa sitemap adalah syarat utama untuk diterima. Tapi keterangan dari google bahwa “navigasi situs sulit” menunjukan pentingnya sebuah sitemap.
  • Sitemap menjadi ciri atau penanda blog yang terurus. Sebagian besar blogger menjadikan laman sitemap ada di blognya. Kecuali website yang sudah besar seperti website berita maupun website perusahaan. Website lembaga biasanya tidak memiliki sitemap. Tetapi memiliki halaman khusus atau navigasi yang digunakan untuk mengeksplor isi website.
Baca juga : 10 Alasan pemula harus belajar blogspot
Blog yang asal buat atau blog abal-abal biasanya tidak memiliki sitemap. Karena isi blognya hasil copy paste atau hasil AGC (Auto Generated Content).

Sama seperti buku sob.. bayangkan jika buku bacaan yang tebalnya ratusan halaman tidak ada halaman isinya. Bisa pusing kita... blog pun seperti itu. Dengan adanya sitemap pengujung tidak harus membuka artikel satu persatu. Cukup memebuka halaman sitemap sudah bisa mengeksplor semua isi blog.
Terimakasih telah membca artikel berjudul Cara Membuat Daftar isi blog (sitemap) yang simple dan keren

13 komentar Cara Membuat Daftar isi blog (sitemap) yang simple dan keren

  1. kang kenapa ya kok tampilan site map saya kok munculnya dari bawah, ga seperti sitemapnya kangmasian ini. padahal saya sudah mengikuti tutorial ini sampai kelar tapi malah munculnya rata dari bawah. mohon solusinya kang.

    BalasHapus
  2. coba saya terap kan mas, hehehe, makasih ilmu nya, saya bnr2 pemula sekali utk hal ini....

    BalasHapus
    Balasan
    1. sama2 mas.. monggo dipraktekan.. ngeblog ni harus berani trial dn error.. jd harus sering dicoba

      Hapus
  3. saya sudah upgrade themanya mas tapi tetap saja munculnya dari bawah, mungkin ada solusi lain mas agar tampilannya sesuai dengan yang diharapkan. kurang enak dipandang kalo munculnya dari bawah. terima kasih

    BalasHapus
    Balasan
    1. buka2 arsip ternyata sy juga punya thema evo nya mas sugeng. barusan sy coba terapkan kode sitemap ini dan hasilnya sama saja sob. munculnya dari bawah.

      kesimpulan saya kode sitemap ini tidak support dengan kode thema (template) evo. baik versi lama maupun evo versi yang baru.

      ini adalah blog yang coba saya terapkan 6 model sitemap menggunakan thema evo :
      http://bengkelsukasuka .blogspot.co.id

      sitemap 1 saya anggap gagal, lainnya berhasil.
      beberapa sitemap memperberat loading blog. sehingga sitemap ke 2 yang sring digunakan.

      Hapus
  4. mantap kang mas, sudah saya terapkan pada blog saya. mantap

    BalasHapus
  5. Hahahaha... mantap kang,,, keren-keren-keren,,, Thankyou akuu kasih bintang lima (*****).. :D

    BalasHapus
  6. Mau nanya, ada pendapat yang mengatakan bahwa sitemap dan daftar isi itu berbeda, jadi harus dibuat keduanya. Pendapat akang gimana?

    BalasHapus
    Balasan
    1. Klu sy setuju sis..
      Daftar isi yang saya maksud disini adalah daftar isi blog agar memudahkan pengunjung melihat keseluruhan judul postingan blog. (Dibuat di blog)

      sedangkan Sitemaps, dibuat di google webmasters dengan mensubmit /sitemap.xml. Tujuan kenapa harus dibuat agar seluruh postingan di blog cepat terindeks mesin pencari google.

      Hapus

Hanya komentar tertentu yang ditampilkan. Jadi jangan nyepam dan promo ya sob...