Sudahkah anda pelajari tentang materi SEO: Manfaat Sitemap untuk SEO . Saya tegaskan lagi sitemap/peta situs sangat dibutuhkan dalam merancang website/blog. Dengan sitemap memudahkan robot crawler search engine dan pengunjung blog menemukan link informasi yang mereka inginkan secara lebih cepat dan mudah.
Pada tutorial ini anda akan belajar membuat sitemap di blogspot. Halaman Sitemap akan menampilkan semua postingan yang anda published dalam satu halaman dan akan mengupdate link postingan secara otomatis ketika anda menambahkan postingan baru.
1. Login ke Dashboard blogspot anda >> Buatlah Page baru dengan nama Sitemap. Jika belum paham cara buat halaman baru, pelajari tutorial Cara Membuat Halaman Baru (Page) Blog
2. Pada Teks Editor pilih mode tab HTML masukkan kode berikut (kode bisa anda download disini):
<script> var numposts = 1000; var showpostdate = true; var showpostsummary = false; var numchars = 200; </script> <script> function rp(json) { document.write('<ul>'); for (var i = 0; i < numposts; i++) { document.write('<li>'); var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } posttitle = posttitle.link(posturl); var readmorelink = "(more)"; readmorelink = readmorelink.link(posturl); var postdate = entry.published.$t; var cdyear = postdate.substring(0,4); var cdmonth = postdate.substring(5,7); var cdday = postdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; if ("content" in entry) { var postcontent = entry.content.$t; } else if ("summary" in entry) { var postcontent = entry.summary.$t; } else var postcontent = ""; var re = /<S[^>]*>/g; postcontent = postcontent.replace(re, ""); document.write(posttitle); if (showpostdate == true) document.write(' ' + cdyear + ' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday); if (showpostsummary == true) { if (postcontent.length < numchars) { document.write(postcontent); } else { postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" "); postcontent = postcontent.substring(0,quoteEnd); document.write(postcontent + '...' + readmorelink); } } document.write('</li>'); } document.write('</ul>'); } </script> <script src="http://www.NAMADOMAINANDA.com/atom.xml?redirect=false&start-index=1&max-results=1000&orderby=published&alt=json-in-script&callback=rp"></script>
3. Dengan CTRL+F temukan beberapa kode berikut dan ubah valuenya
- NAMADOMAINANDA : edit dengan nama domain anda
- var numposts = 1000; dan max-results=1000 –> menghasilkan jumlah posting yang ditampilkan (status Published) pada halaman sitemap. Anda bisa ubah nilainya. Nilai 1000 tersebut adalah salah satu trik untuk menampilkan semua postingan anda dalam satu halaman sitemap.
- var showpostdate = false; –> diisi false jika anda tidak ingin menampilkan variabel tanggal postingan disamping judul postingan
4. Klik icon “Save” untuk menyimpan pembuatan halaman sitemap.
5. Coba anda klik link “View Blog” untuk melihat hasilnya. Anda akan mendapati semua link postingan yang aktif pada blogspot anda dalam satu halaman sitemap.