Cara Memasang Sitemap atau Daftar Isi di Blog

Cara Memasang Sitemap atau Daftar Isi di Blog

Ferisp.com - Sitemap atau daftar isi merupakan halaman perintah yang berguna untuk memunculkan atau menampilkan daftar postingan yang ada pada blog. Kita sering melihat buku memiliki daftar isi agar pencarian sebuah informasi bisa lebih mudah dilakukan. Dalam hal ini, daftar isi juga sangat perlu dicantumkan dalam blog agar pengunjung bisa lebih mudah dalam mencari informasi lainnya.

Ada dua cara yang bisa dilakukan untuk membuat halaman daftar isi, yaitu dengan cara manual dan menggunakan script. Jika menggunakan cara manual, maka proses update artikel pada daftar isi akan dilakukan secara manual dengan mengedit halaman setiap membagikan artikel. Sementara jika menggunakan script, halaman daftar isi akan terupdate secara otomatis.

Cara Memasang Sitemap atau Daftar Isi di Blog

Manual

  • Masuk ke BLOGGER
  • Pilih menu HALAMAN
  • Pilih HALAMAN BARU
  • Berikan judul "Sitemap" atau "Daftar isi"
  • Ketik daftar judul artikel yang ingin dimasukkan ke daftar isi
  • Tautkan daftar artikel yang telah diketik dengan link halaman yang terkait
  • Pilih PUBLIKASIKAN
  • Lakukan update dengan mengedit halaman setiap selesai membagikan artikel
  • Selesai.

Otomatis

  • Masuk ke BLOGGER
  • Pilih menu HALAMAN
  • Pilih HALAMAN BARU
  • Berikan judul "Sitemap" atau "Daftar isi"
  • Pilih TAMPILAN HTML
  • Tempel ke dalam tampilan HTML halaman tersebut:
  • <div class="tabbed-toc" id="tabbed-toc"><span class="loading">Memuat…</span></div><script>
     /*!
     * Blogger Tabbed Style Table of Content Widget by Taufik Nurrohman
     * Free for change but keep the original attribution.
     * URL: https://plus.google.com/108949996304093815163/about
     */
    var tabbedTOC={blogUrl:"https://www.ferisp.com/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:red;">New!</em>'};
    !function(a,b){var c=(new Date).getTime(),d={blogUrl:"http://dte-feed.blogspot.com",containerId:"tabbed-toc",activeTab:1,showDates:!1,showSummaries:!1,numChars:200,showThumbnails:!1,thumbSize:40,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:!1,newText:' &ndash; <em style="color:red;">Baru!</em>'};if("undefined"==typeof tabbedTOC)tabbedTOC=d;else for(var e in d)d[e]="undefined"!=typeof tabbedTOC[e]?tabbedTOC[e]:d[e];a["clickTabs_"+c]=function(a){for(var b=document.getElementById(d.containerId),c=b.getElementsByTagName("ol"),e=b.getElementsByTagName("ul")[0],f=e.getElementsByTagName("a"),g=0,h=c.length;h>g;++g)c[g].style.display="none",c[parseInt(a,10)].style.display="block";for(var i=0,j=f.length;j>i;++i)f[i].className="",f[parseInt(a,10)].className="active-tab"},a["showTabs_"+c]=function(e){for(var f=parseInt(e.feed.openSearch$totalResults.$t,10),g=d,h=e.feed.entry,i=e.feed.category,j="",l=0;l<(g.showNew===!0?5:g.showNew)&&l!==h.length;++l)h[l].title.$t=h[l].title.$t+(g.showNew!==!1?g.newText:"");h=g.sortAlphabetically?h.sort(function(a,b){return a.title.$t.localeCompare(b.title.$t)}):h,i=g.sortAlphabetically?i.sort(function(a,b){return a.term.localeCompare(b.term)}):i,j='<span class="toc-line"></span><ul class="toc-tabs">';for(var m=0,n=i.length;n>m;++m)j+='<li class="toc-tab-item-'+m+'"><a onclick="clickTabs_'+c+"("+m+');return false;" onmousedown="return false;" href="javascript:;">'+i[m].term+"</a></li>";j+="</ul>",j+='<div class="toc-content">';for(var o=0,n=i.length;n>o;++o){j+='<ol class="panel" data-category="'+i[o].term+'"',j+=o!=g.activeTab-1?' style="display:none;"':"",j+=">";for(var p=0;f>p&&p!==h.length;++p){for(var q,r=h[p],s=r.published.$t,t=g.monthNames,u=r.title.$t,v=("summary"in r&&g.showSummaries===!0?r.summary.$t.replace(/<br */?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,g.numChars)+"&hellip;":""),w=("media$thumbnail"in r&&g.showThumbnails===!0?'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+r.media$thumbnail.url.replace(//sd(-c)?//,"/s"+g.thumbSize+"-c/")+'"/>':'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+g.noThumb.replace(//sd(-c)?//,"/s"+g.thumbSize+"-c/")+'"/>'),x=r.category||[],y=g.showDates?'<time datetime="'+s+'" title="'+s+'">'+s.substring(8,10)+" "+t[parseInt(s.substring(5,7),10)-1]+" "+s.substring(0,4)+"</time>":"",z=0,A=r.link.length;A>z;++z)if("alternate"===r.link[z].rel){q=r.link[z].href;break}for(var B=0,C=x.length;C>B;++B){var D=g.newTabLink?' target="_blank"':"";x[B].term===i[o].term&&(j+='<li title="'+x[B].term+'"',j+=g.showSummaries?' class="bold"':"",j+='><a href="'+q+'"'+D+">"+u+y+"</a>",j+=g.showSummaries?'<span class="summary">'+w+v+'<span style="display:block;clear:both;"></span></span>':"",j+="</li>")}}j+="</ol>"}j+="</div>",j+='<div style="clear:both;"></div>',b.getElementById(g.containerId).innerHTML=j,a["clickTabs_"+c](g.activeTab-1)};var f=b.getElementsByTagName("head")[0],g=b.createElement("script");g.src=d.blogUrl.replace(//+$|[?&#].*$/g,"")+"/feeds/posts/summary?alt=json-in-script&max-results="+d.maxResults+"&orderby=published&callback=showTabs_"+c,"onload"!==d.preload?a.setTimeout(function(){f.appendChild(g)},d.preload):a.onload=function(){f.appendChild(g)}}(window,document);</script>
  • Ubah bagian yang ditandai warna kuning dengan URL situs Anda
  • Pilih PUBLIKASIKAN
  • Selesai.

Catatan

  1. Jangan menghapus atribusi untuk menghargai sang pembuat script
  2. Hasil:

  3. Cara Memasang Sitemap atau Daftar Isi di Blog

Fungsi Daftar Isi

Pengunjung Lebih Mudah dalam Mencari Artikel Lainnya

Dengan menggunakan halaman daftar isi, pengunjung akan lebih mudah dalam mencari informasi lainnya yang ada di suatu blog. Hal tersebut tentunya lebih mudah dilakukan dibandingkan mencari artikel melalui pencarian maupun older post.

Sebagai Navigasi Blog

Saya sudah sering mengatakan bahwa, mesin pencari sangat menyukai blog yang menggunakan navigasi untuk mempermudah pengunjung dalam aktifitas membaca. Cukup dengan menautkan link halaman daftar isi ke menu navigasi, pengguna juga akan lebih mudah melihat daftar bacaan yg lain.

Mempermudah Pengindeksan Artikel

Sangat banyak sumber yang menyatakan bahwa, halaman daftar isi dapat membuat artikel cepat terindeks oleh robot Google Search Console dan Bing Webmaster Tools. Dengan halaman tersebut, Google dan Bing akan lebih mudah mengerti tentang niche dari blog itu sendiri.

Bisa Menjadi Internal Link

Internal link atau link yang berada di dalam blog merupakan salah satu hal yang sangat penting dalam program SEO. Agar lebih disukai mesin pencari, artikel harus berkaitan satu sama lain.

Salah Satu Syarat Diterima Google AdSense

Poin ini sebenarnya masih menjadi pertanyaan, apakah masih berlaku di tahun 2020 atau tidak. Sebelumnya, banyak sumber yang menyatakan bahwa, ada lima halaman yang wajib untuk dibuat sebagai persyaratan untuk mendaftar Google AdSense. Lima halaman tersebut adalah about, contact, privacy policy, disclaimer, dan sitemap.

Penutup

Tidak dipungkiri lagi, sitemap atau daftar isi sangat berguna untuk mempermudah pengunjung dalam mencari informasi lainnya yang ada di dalam blog. Bukan hanya pengunjung, blogger juga akan mendapatkan efek positif dengan citra blog yang baik di mata mesin pencari.

Dengan banyaknya keuntungan yang bisa didapatkan, ditambah dengan cara pemasangan yang mudah, sitemap atau daftar isi menjadi kewajiban bagi setiap blogger.