Cara Menciptakan Sitemap Blog Sederhana Fast Loading

Tutorial: Tips & Trik Cara Membuat Daftar Isi Artikel Blog - Sederhana, Cepat, Simple, Fast Loading & Responsive

Guna meningkatkan kualitas SEO situs web yang kau miliki, daftar isi (ket: sitemap) harus di buat dan ditampilkan di situs web kamu. Percaya atau tidak, begitu kata para praktisi dan jago SEO blogger seluruh dunia.

Mengapa? Sebab, dengan adanya sitemap blog di situs kamu; berarti daftar artikel yang pernah kau publikasikan, akan di indexing oleh para robot dan/atau crawler Google.

Cara Membuat Sitemap Blog Sederhana Fast Loading

Sitemap Blog yang kami sediakan di sini memakai JavaScript (Js) yang sudah di pecah-belah, alasannya yakni awalnya di hosting di situs YourJavaScript.

Dengan "dibukanya" JavaScript (Js) sitemap blog yang di maksud, berarti kecepatan situs untuk menampilkan Sitemap tidak akan terganggu lagi (tidak berat). Mengapa? Karena apabila kodenya bersumber dari situs lain (pihak ketiga), maka akan mengganggu kecepatan loading blog kamu.

Cukup dengan COPAS (Salin/Tempel) semua instruksi di bawah ini:

<script type="text/j4vascript"> //<![CDATA[ var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="" style="font-size: 10px; text-decoration:none; color: #5146CD;" target="_blank"></a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="j4vascript:toggleTitleSort();" title="Cara Membuat Sitemap Blog Sederhana Fast Loading">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="j4vascript:toggleDateSort();" title="Cara Membuat Sitemap Blog Sederhana Fast Loading">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="j4vascript:allPosts();" title="Cara Membuat Sitemap Blog Sederhana Fast Loading">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipnSMj44EdZSI_ciixknNwMQv_9mrlJsy2EpiImJLXczlxb9UDR6ixpMo0xnAjGFKTQRLDaRGoE7twj4g5JA4_ceIgioiCgJfZDUNnQT6ys2HJWg2pgyrRHRMbIQYZxJH6xqXWQ7jmX-Ap/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}}; //]]> </script> <script src="https://addbloggerthemes.blogspot.com/feeds/posts/default?max- results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

...dihalaman statis (Static Page) yang ada di Blogger kamu, sempurna di pecahan HTML - bukan Compose.

Catatan: Ubah tautan situs https://addbloggerthemes.blogspot.com/ dengan URL milik blog kamu. Selain itu, pastikan untuk memasang judul terlebih dahulu, tekan tombol simpan, kemudian mengisi instruksi di atas. Baru dipublikasikan :)

Selain itu, laba memakai sitemap blog ini yaitu tampilannya yang sangat putih, bersih, simple, dan elegan.

Berikut pola sitemap blog yang berhasil diimplementasikan di situs kami:

RESULT

Bagaimana? Praktis dan praktis, kan? Makara itulah cara menciptakan dan menampilkan daftar isi blog sederhana, fast loading, tanpa injeksi link dari situs lain. Mau bertanya?
Sumber http://addbloggerthemes.blogspot.com

Share this post