SITEMAP BLOGGER

Sitemap atau biasa dikenal dengan sebutan lain sebagai Daftar Isi sebuah website sangat berperan dalam fungsinya agar dapat diindex atau ditelusuri oleh mesin pencari. Maksudnya jika seseorang menuju salah satu konten dari blog tersebut dengan mudah disajikan oleh mesin pencari.

Ada masalah yang muncul ketika judul dan isi blog tersebut tidak dapat diindex oleh mesin pencari yang disebabkan oleh beberapa faktor. Perhatikan gambar dibawah ini :
khususnya pada jalur kolom "status", terdapat keterangan sukses dan error yang telah diverikasi oleh search console. Kemudian bagaimana caranya agar tidak error?. Uraian dibawah ini akan mengulas beberapa alternatif untuk membuat sitemap.

Seperti yang diketahui bahwa sitemap juga merupakan kumpulan alamat dari beberapa artikel yang ada di blog tersebut. Juga memudahkan pembaca dalam melihat isi blog secara menyeluruh.

Sitemap yang lengkap biasanya menampilkan judul, label beserta tanggal postingan, sehingga tersusun sejak pembuatan postingan awal, tengah dan akhir.

Sitemap memiliki dua format yakni berbentuk .xml dan .html, kedua format tersebut memiliki perbedaan yang mana html menyajikan sesuatu tampilan yang mudah dibaca, memberikan navigasi bagi pembaca ke halaman kontak, serta dirancang untuk dapat menaikkan peringkat website. Sementara xml berisi metadata yang menyajikan informasi tentang postingan termasuk data update dan lainnya.

1). Tampilan judul di halaman statis sitemap blogger.

/* Blogger Sitemap Simple Title Only */ #sitemap3 .judul {font-size:150%; background-color:#008c5f;
color:#fff; font-weight:600; text-align:center; margin-bottom:20px; padding:15px;} #sitemap3 a {color:#666;
text-decoration:none; transition:all .3s ease;} #sitemap3 a:hover {color:#000;} #sitemap3 ol {margin:0px; padding:0px;}
#sitemap3 ol li {color:#666; font-weight:400; list-style-type:decimal; margin:0px; padding:10px;
line-height:1.5em; -webkit-margin-start:40px !important;}

2). Tampilan daftar navigasi berdasarkan abjad atau huruf

/* Blogger Sitemap Simple Title Only Sort By Title (Alphabetically) */ #sitemap4 .judul {font-size:150%; 
background-color:#008c5f; color:#fff; font-weight:500; text-align:center; margin-bottom:20px; 
padding:15px;} #sitemap4 a {color:#666; text-decoration:none; transition:all .3s ease;} #sitemap4 
a:hover {color:#000;} #sitemap4 ol {margin:0px; padding:0px;} #sitemap4 ol li {color:#666; 
font-weight:300; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px !important;}

3). Tampilan daftar label saja pada sitemap blogger

Langkah pertama kode dibawah ini tepat di atas </style> atau ]]></b:skin>

/* Blogger Sitemap One Label Title Only Presented by lihatdesa.com */ #sitemap6 {font-size:14px; 
font-weight:400;} #sitemap6 .judul {font-size:150%; background-color:#008c5f; color:#fff; font-weight:600; 
text-align:center; margin-bottom:20px; padding:15px;} #sitemap6 a {color:#666; text-decoration:none; 
transition:all .3s ease;} #sitemap6 a:hover {color:#000;} #sitemap6 ol {margin:0px; padding:0px;} 
#sitemap6 ol li {color:#666; list-style-type:decimal; margin:0px; padding:10px; line-height:1.5em; -webkit-margin-start:40px 
!important;}

kemudian paste kode dibawah ini pada halaman baru tepatnya pada kolom HTML



VALUE
KETERANGAN
var Label  pada tanda 'Blogger' agar diganti dengan persis yang ada di HTML
var text Jumlah artikel yang dimaksud
var sortby Pengurutan berdasarkan tanggal posting dan untuk titel sesuai abjad mulai dari A sampai Z

4). Tampilan Label dan Menu Dropdown pada Sitemap Blogger

Tambahkan kode dibawah ini ..... sebelum atau tepatnya di atas </style> yang terletak dalam template

/* Blogger Sitemap Dropdown */ #sitemap1 {background-color:#fff; color:#1d2129; font-weight:400; 
border:1px solid #ccc;} #sitemap1 .loading {padding:10px 15px; color:#666;} #sitemap1 .judul 
{background-color:#008c5f; color:#fff; font-size:125%; font-weight:600; padding:15px; cursor:pointer; 
border-bottom:1px solid #fff; letter-spacing:1px; transition:all .3s ease;} #sitemap1 .judul:last-child 
{border-bottom:0px;} #sitemap1 .judul:hover {background-color:#1d2129;} #sitemap1 .judul:after 
{content:''; width:0px; height:0px; position:relative; float:right; top:10px; right:10px; border:5px 
solid transparent; border-color:#fff transparent transparent; transition:all .3s ease} #sitemap1 .judul.aktif {background-color:#1d2129;} #sitemap1 .judul.aktif:after {border-color:#fff transparent transparent; top:5px; -webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg)} #sitemap1 .konten ol, #sitemap1 .konten ol li {list-style:none; list-style-type:none; margin:0px; padding:0px; font-weight:400;} #sitemap1 .konten ol li:nth-of-type(even) {background-color:#e9e9e9;} #sitemap1 .konten ol li:nth-of-type(odd) {background-color:#fff} #sitemap1 .konten ol li a {text-decoration:none; padding:10px 15px; display:block; color:#666; line-height:1.5em; transition:all .3s ease;} #sitemap1 .konten ol li a:hover {color:#000;}

setelah itu buka halaman baru dan pastekan kode dibawah ini :

<div id="sitemap1"><div class="loading">Loading....</div></div>
<script> //<![CDATA[
/* Blogger Sitemap Dropdown */
var toc_config = {containerId:'sitemap1', showNew:0, sortAlphabetically:{thePanel:true, theList:true}, activePanel:1, slideSpeed:{down:400, up:400}, slideEasing:{down: null, up: null}, slideCallback:{down:function(){}, up:function(){}}, clickCallback:function(){}, jsonCallback:'sitemap1',delayLoading: 0};
window.onload = function(){
!function(e,o){var t=o.getElementById(toc_config.containerId),c=o.getElementsByTagName("head")[0],n=[];e[toc_config.jsonCallback]=function(e){for(var o,c,i=e.feed.entry,a=e.feed.category,l="",s=0,d=a.length;d>s;++s)n.push(a[s].term);for(var r=0,f=i.length;f>r;++r)(toc_config.showNew||toc_config.showNew>0)&&r<toc_config.showNew+1&&(i[r].title.$t+=" %new%");i=toc_config.sortAlphabetically.theList?i.sort(function(e,o){return e.title.$t.localeCompare(o.title.$t)}):i,toc_config.sortAlphabetically.thePanel&&n.sort();for(var g=0,h=n.length;h>g;++g){l+='<div class=\"judul\">'+n[g]+'</div>',l+='<div class=\"konten\"><ol>';for(var _=0,p=i.length;p>_;++_){o=i[_].title.$t;for(var w=0,u=i[_].link.length;u>w;++w)if("alternate"==i[_].link[w].rel){c=i[_].link[w].href;break}for(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+='<li><a href=\"'+c+'\" title=\"'+o.replace(/ \%new\%$/,"")+'\">'+o.replace(/ \%new\%$/,"")+'</a></li>')}l+='</ol></div>'}t.innerHTML=l,"undefined"!=typeof jQuery&&($("#"+toc_config.containerId+" .konten").hide(),$("#"+toc_config.containerId+" .judul").click(function(){$(this).hasClass("aktif")||(toc_config.clickCallback(this),$("#"+toc_config.containerId+" .judul").removeClass("aktif").next().slideUp(toc_config.slideSpeed.up,toc_config.slideEasing.up,toc_config.slideCallback.up),$(this).addClass("aktif").next().slideDown(toc_config.slideSpeed.down,toc_config.slideEasing.down,toc_config.slideCallback.down))}).eq(toc_config.activePanel-1).addClass("aktif").next().slideDown(toc_config.slideSpeed.down,toc_config.slideEasing.down,toc_config.slideCallback.down))};var i=o.createElement("script");i.src="https://www.igniel.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback="+toc_config.jsonCallback,"onload"==toc_config.delayLoading?e.onload=function(){c.appendChild(i)}:e.setTimeout(function(){c.appendChild(i)},toc_config.delayLoading)}(window,document);
}
//]]> </script>

kemudian publish / terbitkan.

5). Tampilan judul, label dan tanggal postingan


<div id="sitemap2">Loading....</div>
<script> //<![CDATA[
/* Blogger Sitemap with Title, Label, and Date */
var postTitle = postUrl = postDate = postSum = postLabels = new Array(), sortBy = 'datenewest', 
tocLoaded = false, numChars = 250, postFilter = '', tocdiv = document.getElementById('sitemap2'), totalEntires = 0, totalPosts = 0;
function sitemap2(t){function e(){if("entry"in t.feed){var e=t.feed.entry.length;if(totalEntires+=e,totalPosts=t.feed.openSearch$totalResults.$t,totalPosts>totalEntires){var s=document.createElement("script");s.type="text/javascript",startindex=totalEntires+1,s.setAttribute("src","/feeds/posts/summary?start-index="+startindex+"&max-results=9999&alt=json-in-script&callback=sitemap2"),tocdiv.appendChild(s)}for(var o=0;e>o;o++){for(var a,l=t.feed.entry[o],r=l.title.$t,i=l.published.$t.substring(0,10),n=0;n<l.link.length;n++)if("alternate"==l.link[n].rel){a=l.link[n].href;break}if("content"in l)var p=l.content.$t;else if("summary"in l)var p=l.summary.$t;else var p="";var c=/<\S[^>]*>/g;if(p=p.replace(c,""),p.length>numChars){p=p.substring(0,numChars);var d=p.lastIndexOf(" ");p=p.substring(0,d)+"..."}var f="";if("category"in l){for(var n=0;n<l.category.length;n++)f+="<a href=\"javascript:filterPosts('"+l.category[n].term+"');\" title=\"Click here to select all posts with label '"+l.category[n].term+"'\">"+l.category[n].term+"</a>,  ";var u=f.lastIndexOf(",");-1!=u&&(f=f.substring(0,u))}postTitle.push(r),postDate.push(i),postUrl.push(a),postSum.push(p),postLabels.push(f)}}totalEntires==totalPosts&&(tocLoaded=!0,showToc())}e(),sortPosts(sortBy),tocLoaded=!0}function filterPosts(t){postFilter=t,displayToc(postFilter)}function allPosts(){postFilter="",displayToc(postFilter)}function sortPosts(t){function e(t,e){var s=postTitle[t];postTitle[t]=postTitle[e],postTitle[e]=s;var s=postDate[t];postDate[t]=postDate[e],postDate[e]=s;var s=postUrl[t];postUrl[t]=postUrl[e],postUrl[e]=s;var s=postSum[t];postSum[t]=postSum[e],postSum[e]=s;var s=postLabels[t];postLabels[t]=postLabels[e],postLabels[e]=s}for(var s=0;s<postTitle.length-1;s++)for(var o=s+1;o<postTitle.length;o++)"titleasc"==t&&postTitle[s]>postTitle[o]&&e(s,o),"titledesc"==t&&postTitle[s]<postTitle[o]&&e(s,o),"dateoldest"==t&&postDate[s]>postDate[o]&&e(s,o),"datenewest"==t&&postDate[s]<postDate[o]&&e(s,o)}function displayToc(t){var e=0,s="",o="Judul",a="Klik untuk mengurutkan berdasarkan judul",l="Tanggal",r="Klik untuk mengurutkan berdasarkan tanggal",i="Label",n="";"titleasc"==sortBy&&(a+=" (descending)",r+=" (newest first)"),"titledesc"==sortBy&&(a+=" (ascending)",r+=" (newest first)"),"dateoldest"==sortBy&&(a+=" (ascending)",r+=" (newest first)"),"datenewest"==sortBy&&(a+=" (ascending)",r+=" (oldest first)"),""!=postFilter&&(n="Klik untuk melihat semua postingan"),s+='<table>',s+="<thead>",s+="<tr>",s+="<th>",s+='<a href="javascript:toggleTitleSort();" title="'+a+'">'+o+"</a>",s+="</th>",s+="<th>",s+='<a href="javascript:toggleDateSort();" title="'+r+'">'+l+"</a>",s+="</th>",s+="<th>",s+='<a href="javascript:allPosts();" title="'+n+'">'+i+"</a>",s+="</th>",s+="</tr>",s+="</thead>",s+="<tbody>";for(var p=0;p<postTitle.length;p++)""==t?(s+='<tr><td><a href="'+postUrl[p]+'" title="'+postSum[p]+'">'+postTitle[p]+"</a></td><td>"+postDate[p]+"</td><td>"+postLabels[p]+"</td></tr>",e++):(z=postLabels[p].lastIndexOf(t),-1!=z&&(s+='<tr><td><a href="'+postUrl[p]+'" title="'+postSum[p]+'">'+postTitle[p]+"</a></td><td>"+postDate[p]+"</td><td>"+postLabels[p]+"</td></tr>",e++));if(s+="</tbody>",s+="</table>",e==postTitle.length)var c='<div class="judul">Total Post: '+postTitle.length+"</div>";else{var c='<div class="judul">Menampilkan '+e+" post berlabel '";c+=postFilter+"' dari "+postTitle.length+" total post.</div>"}tocdiv.innerHTML=c+s}function toggleTitleSort(){sortBy="titleasc"==sortBy?"titledesc":"titleasc",sortPosts(sortBy),displayToc(postFilter)} function toggleDateSort(){sortBy="datenewest"==sortBy?"dateoldest":"datenewest",sortPosts(sortBy),displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);document.getElementById("toclink")}else alert("Just wait. Sitemap is loading....")} function hideToc(){var t=document.getElementById("toc");t.innerHTML="";var e=document.getElementById("toclink");e.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">» Show Sitemap</a>'}var postTitle=new Array,postUrl=new Array,postDate=new Array,postSum=new Array,postLabels=new Array,sortBy="datenewest",tocLoaded=!1,numChars=250,postFilter="",tocdiv=document.getElementById("sitemap2"),totalEntires=0,totalPosts=0;
//]]> </script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=sitemap2"></script>

Terakhir, cara membuat sitemapnya :
  • masuk ke akun blog Anda
  • pilih page atau halaman
  • pilih halaman baru
  • ada opsi pada sisi kiri yaitu compose dan HTML
  • pilih yang HTML
  • salin salah satu kode yang dipilih di antara nomor 1,2,3,4,5 (sebagian ada yang dipaste pada template)
  • setelah dipaste pada HTML kemudian disimpan
  • terakhir klik publish atau terbitkan
Demikian sekilas referensi terkait sitemap, semoga bermanfaat.

Comments

POPULAR POSTS

KISI KISI SOAL DAN JAWABAN TES CALON AGEN ASURANSI - 1

KISI KISI SOAL DAN JAWABAN TES CALON AGEN ASURANSI - 3

KISI KISI SOAL DAN JAWABAN TES CALON AGEN ASURANSI - 2

KISI KISI HANDLING OBJECTION BAGI AGEN ASURANSI

CARA MUDAH MENDAPATKAN UANG UNTUK TAMBAHAN PENGHASILAN