Ada dua cara yang bisa dilakukan untuk membuat halaman daftar isi, yaitu dengan cara manual dan menggunakan skrip. Jika menggunakan cara yang manual, maka proses update artikel pada daftar isi akan dikerjakan secara manual pula dengan mengedit halaman sehabis membagikan artikel. Sementara jikalau memakai skrip, halaman daftar isi akan terupdate secara otomatis.
Cara Memasang Sitemap atau Daftar Isi di Blog
Cara Manual
- Masuk ke BLOGGER
- Pilih menu HALAMAN
- Pilih HALAMAN BARU
- Berikan judul "Sitemap" atau "Daftar isi"
- Lakukan pemasangan link beserta dengan anchor text-nya
- Pilih PUBLIKASIKAN
- Selesai.
Update halaman apabila telah artikel dibagikan .
Cara Otomatis
- Masuk ke BLOGGER
- Pilih sajian HALAMAN
- Pilih HALAMAN BARU
- Berikan judul "Sitemap" atau "Daftar isi"
- Pilih TAMPILAN HTML
- Tempel ke dalam performa 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.bahyudinnor.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:' – <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:' – <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)+"…":""),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>
Demo
Untuk menyaksikan performa demo sitemap secara langsung, silahkan membuka link berikut:
Demo | https://www.bahyudinnor.com/p/sitemap.html |
---|
Fungsi Sitemap atau Daftar Isi
Pengunjung Lebih Praktis dalam Mencari Artikel Lainnya
Dengan menggunakan halaman daftar isi, hadirin akan lebih gampang dalam mencari gosip lainnya yang ada di sebuah blog. Hal tersebut tentunya lebih gampang dijalankan dibandingkan mencari postingan melalui penelusuran maupun older post.
Sebagai Navigasi Blog
Saya telah sering mengatakan bahwa, mesin penelusuran sangat menyukai blog yang menggunakan navigasi untuk memudahkan pengunjung dalam aktifitas membaca. Cukup dengan menautkan link halaman daftar isi ke hidangan navigasi, pengguna juga akan lebih gampang melihat daftar bacaan yg lain.
Mempermudah Pengindeksan Artikel
Sangat banyak sumber yang menyatakan bahwa, halaman daftar isi dapat membuat postingan cepat terindeks oleh robot Google Search Console dan Bing Webmaster Tools. Dengan halaman tersebut, Google dan Bing akan lebih mudah memahami wacana 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 telusur, artikel mesti berkaitan satu sama lain.
Salah Satu Syarat Diterima Google AdSense
Poin ini masih menjadi pertanyaan, apakah masih berlaku di tahun 2020 atau tidak. Sebelumnya, banyak sumber yang menyatakan bahwa, ada lima halaman yang wajib untuk dibentuk selaku tolak ukur untuk mendaftar Google AdSense. Lima halaman tersebut adalah about, contact, privacy policy, disclaimer, dan sitemap.
Penutup
Tidak dipungkiri lagi, sitemap atau daftar isi sangat memiliki kegunaan untuk membuat lebih mudah pengunjung dalam mencari berita yang lain yang ada di dalam blog. Bukan hanya pengunjung, blogger juga akan mendapatkan efek positif dengan citra blog yang bagus di mata mesin penelusuran.
Dengan banyaknya keuntungan yang bisa ditemukan, ditambah dengan cara pemasangan yang mudah, sitemap atau daftar isi menjadi kewajiban bagi setiap blogger.
Cukup sekian postingan wacana Cara Memasang Sitemap atau Daftar Isi di Blog ini, Terima kasih.