Cara mengatasi daftar isi blog / sitemap yang tidak tampil

Daftar isi blog atau yang sering juga dikenal dengan sebutan peta situs / sitemap merupakan salah satu elemen penting yang wajib ada di blog Anda. Selain mempermudah search engine dalam mengindeks blog Anda, daftar isi juga sangat membantu pengunjung untuk menelusuri artikel - artikel lainnya dalam blog Anda.

Hal ini akan menambah kenyamanan dan kemudahan bagi pengunjung, khususnya mereka yang merasa tertarik dan ingin mengeksplorasi lebih jauh apa saja isi konten dalam blog yang Anda kelola.

Namun terkadang, daftar isi blog yang sudah kita siapkan mengalami error dan bahkan tidak tampil sesuai dengan harapan kita yang tentunya bisa membuat kecewa pengunjung.

Sebelum kita jauh membahas bagaimana cara mengatasi daftar isi blog / sitemap yang tidak tampil, ada baiknya kita memahami terlebih dahulu apa sih daftar isi blog, fungsinya, dan bagaimana ia bekerja ? silahkan simak infonya dibawah ini.

Mengatasi daftar isi blog tidak tampil

Apa itu Daftar isi Blog / Sitemap ?

Daftar isi blog merupakan halaman blog  yang berisi tentang kumpulan judul artikel-artikel yang sudah Anda publish di Blog Anda. Biasanya, daftar isi blog dibuat pada satu halaman penuh dengan menggunakan fitur Pages (laman) pada dashboard Blogspot Anda.

Fitur pages ini merupakan tipe halaman statis yang dapat Anda gunakan untuk menempatkan informasi penting tentang blog Anda, seperti privacy policy, Term Of Service, About, Contact dan lain lain, termasuk daftar isi blog.

Untuk lebih jelasnya tentang halaman statis, Anda dapat membaca ulasannya pada artikel tentang tipe-tipe halaman di blog Blogspot yang sudah saya terbitkan beberapa waktu lalu.

Daftar isi blog /sitemap bisa dibuat menjadi beberapa macam kategori, namun yang paling umum digunakan adalah daftar isi yang menggunakan kategori berdasarkan label Blog dan daftar isi yang menggunakan kategori berdasarkan bulan (tanggal diterbitkan artikel).

Untuk daftar isi blog yang menggunakan kategori Label blog Anda dapat melihat contohnya pada link Sitemap, sedangkan untuk daftar isi dengan kategori tanggal terbit, Anda bisa melihatnya pada contoh Arsip dibagian footer blog ini.

Pada artikel kali ini saya akan coba untuk membantu mengatasi masalah daftar isi blog  / sitemap  yang tidak muncul dan hanya menampilkan halaman kosong saja.

Memahami Kode Javascript daftar isi blog / sitemap yang ada di halaman blog

Sepanjang yang saya ketahui, untuk membuat daftar isi blog / sitemap di blog blogspot umumnya menggunakan kode javascript yang dipasang dalam halaman statis blog, ditulis pada mode html.

Contoh kode javascript yang biasa digunakan untuk daftar isi blog / sitemap adalah sbb :

<script style="text/javascript" src="https://namasitus.com/1-234/js/ax-pages/sitemap.js"></script>
<script src="http://namasituskita.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Jika kita perhatikan kode javascript diatas terdiri dari dua script,

• kode pertama (teks berwarna biru) adalah kode javascript yang digunakan untuk menampilkan daftar isi blog /sitemap. 
• kode kedua (teks berwarna merah) adalah kode yang digunakan untuk memanggil umpan situs (feed) blog Anda.

Penyebab umum daftar isi blog / sitemap tidak mau tampil

Masalah yang menjadi penyebab tidak tampilnya daftar isi blog / sitemap (meskipun tidak menutup kemungkinan masalah timbul dari hal lainnya)  umumnya dari kode javascript yang pertama yaitu pada kode

<script style="text/javascript" src="https://namasitus.com/1-234/js/ax-pages/sitemap.js"></script>

Perhatikan pada kode src="https://namasitus.com/1-234/js/ax-pages/sitemap.js", kode inilah yang menjadi sumber kode untuk menampilkan dan mengatur tampilan serta bentuk Sitemap. Kode ini mengambil sumber yang diletakkan didalam situs https://namasitus.com dengan nama file sitemap.js .

Untuk memastikan apakah kode tersebut bekerja  atau tidak , silahkan Anda coba copy alamat URLnya secara lengkap (contohnya: https://namasitus.com/1-234/js/ax-pages/sitemap.js ), lalu pastekan kedalam address bar browser Anda dan tekan enter.

Perhatikan 2 kondisi dibawah ini setelah Anda melihat hasilnya.

1. Jika alamat URL tersebut menampilkan barisan kode Javascript, ini artinya kode tersebut bisa bekerja dan seharusnya tidak ada masalah untuk bisa menampilkan halaman daftar isi blog / sitemap Anda.

Alamat URL menampilkan  kode javascript

2. Jika alamat URL tersebut menampilkan halaman error 404 , artinya kode tersebut sudah tidak berfungsi dan tidak bisa digunakan untuk menampilkan daftar isi blog /  sitemap. 

Alamat Url tidak dapat menampilkan kode javascript (error 404)

Oleh karena itu, jika situs dan akun tempat script daftar isi blog ini diletakkan mengalami error atau memberhentikan layanannya, maka setiap pengguna yang menggunakan script tersebut otomatis akan ikut terpengaruh dan juga mengalami error yang sama.

Sebagai contoh yang pernah terjadi, beberapa tahun kebelakang, banyak script sitemap yang di pasang (dihosting) disitus Google code.

Setelah layanan situs Google code diberhentikan, maka secara otomatis, script yang digunakan dari situs Google code juga ikut tidak berfungsi. Efeknya banyak sitemap blog yang mengalami error dan tidak dapat tampil.

Cara mengatasi daftar isi blog / sitemap yang tidak mau tampil

Langkah 1 ;
Cari dan browsing di Google tentang blog-blog yang menyediakan postingan cara membuat daftar isi blog /  sitemap, kemudian pilihlah link blog yang menyediakan kode javascript  dengan alamat URL Sitemap yang masih bisa berfungsi.

Langkah 2 ;
Periksa alamat URL yang disediakan didalam kode javascript sitemap dan lakukan pemeriksaan fungsi kerjanya. Untuk memastikannya Anda bisa melakukannya tes URL seperti pada contoh diatas.

Jika URL kode sitemap tidak bekerja, cari kembali di blog lainnya. Jika berfungsi dan tampil kode javascriptnya secara lengkap, lanjut ke langkah 3.

Langkah 3 ;

• Login ke blogger.com dan masuklah ke blog yang ingin anda edit halaman daftar isi / sitemapnya 
• Pilih Pages (halaman) Lalu masuk ke pengeditan halaman, pilih mode html
• Siapkan dan salin kode berikut kedalam halaman daftar isi blog / sitemap (penulisan tetap di mode html)

<script style="text/javascript">
*** *** *** *** *** *** *** ***
</script>
<script src="http://namasituskita.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

catatan :  ganti namasituskita.com dengan alamat blog anda

Langkah 4 ;
Setelah Anda menyalin kode pada langkah no 3 diatas, silahkan kembali pada URL sitemap yang berisikan kode javascript tadi.

• Copy seluruh Kode javascript yang ada dihalaman tersebut ( gunakan CTRL + A lalu CTRL + C ).
• Lalu kembali ke halaman blog tempat edit sitemap (Langkah no 3)
• Pastekan seluruh kode javascript (gunakan CTRL + V)  yang sudah Anda copy kedalam kode yang sudah kita siapkan.
• Ganti tulisan bintang berwarna merah dengan kode javascript tadi, sehingga bentuknya akan menjadi seperti ini

<script style="text/javascript">
Salinan kode javascript yang kita copy paste dari url kode sitemap
</script>
<script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Langkah 5 ;
Langsung simpan perubahannya (update / save / publish ) dan jangan sekali kali memindah mode dari mode html ke mode compose (melakukan ini bisa membuat kode berubah sehingga sitemap tidak mau bekerja). Periksalah halaman sitemap anda, sudah berfungsi atau belum.

Catatan :
Berdasarkan pengalaman yang saya lalui, pada langkah ini seharusnya halaman daftar isi blog / sitemap sudah bisa bekerja, namun terkadang bisa juga gagal dan masih belum berfungsi.

Jika halaman daftar isi blog / sitemap ini masih belum berfungsi, ada beberapa hal yang  saya ketahui bisa menyebabkan hal tersebut, berikut diantaranya

• Kemungkinan  kode Javascript untuk sitemap yang di copy tidak cocok atau memang sudah tidak berfungsi.
• Sengaja atau tidak, Anda memindahkan mode penulisan ke mode compose.
• Kemungkinan ada kode yang kurang / tertinggal pada saat pemasangan / saat copy paste.

Informasi tambahan :
Jika Anda merasa kesulitan dengan langkah-langkah diatas, script lengkapnya untuk sitemap ini sudah saya sediakan pada artikel Cara Pasang Sitemap di Halaman Statis, semoga bisa membantu.

Kesimpulan

Mengatasi daftar isi blog / sitemap yang tidak mau tampil di blog blogspot dengan memasukkan sumber kode javascript untuk sitemap kedalam halaman statis, akan menjaga fungsi sitemap tetap aman dan tidak terpengaruh faktor dari luar.

Dengan begitu tentunya hal ini tidak akan mengganggu kenyamanan pengunjung blog saat menjelajah dan mencari artikel terkait yang dibutuhkan.

Demikianlah artikel Cara mengatasi daftar isi blog / sitemap yang tidak tampil ini bisa saya sampaikan , selamat mencoba dan semoga berhasil.