Halaman Statis: Peta Situs Blogger |
Blogger adalah salah satu platform blogging yang paling populer di Indonesia. Dengan Blogger, Anda dapat membuat blog dengan mudah dan mengelola konten Anda dengan cepat dan mudah. Namun, untuk membuat blog Anda lebih mudah ditemukan oleh mesin pencari, Anda perlu membuat halaman sitemap di blog Anda. Dalam tutorial ini, saya akan menjelaskan cara membuat halaman sitemap di Blogger.
Apa Itu Halaman Sitemap di Blogger?
Sebelum kita membahas cara membuat halaman sitemap di Blogger, mari kita bahas apa itu sitemap. Sitemap adalah file XML yang berisi daftar halaman di situs web Anda. Sitemap membantu mesin pencari seperti Google untuk memahami struktur situs web Anda dan mengindeks halaman Anda dengan lebih mudah.
Sitemap adalah sebuah halaman yang berisi daftar semua postingan di blog Anda. Halaman ini membantu mesin pencari seperti Google untuk memahami struktur blog dan mempercepat indeksasi postingan. Anda dapat menyesuaikan halaman Sitemap dengan menambahkan deskripsi atau gambar. Berikut adalah panduan untuk membuat halaman sitemap di Blogger:
Langkah-langkah Membuat Halaman Sitemap di Blogger:
- Login ke akun Blogger Anda dan buka dashboard blog Anda.
- Klik pada "Halaman Baru" untuk membuat halaman baru.
- Beri judul halaman Anda "Sitemap" atau "Peta Situs".
- Salin kode script dibawah ini.
<div id="sitemap-blog"> <table> <tbody> <tr> <td><label for="feed-order">Urutkan artikel berdasarkan:</label></td> <td> <select id="feed-order"><option selected="" value="published">Artikel terbaru</option><option value="updated">Artikel yang terakhir di update</option></select> </td> </tr> <tr> <td><label for="label-sorter">Filter artikel berdasarkan kategori:</label></td> <td> <select disabled="" id="label-sorter"><option selected="">Loading....</option></select> </td> </tr> <tr> <td><label for="feed-q">Cari artikel dengan kata kunci:</label></td> <td> <form id="post-searcher"><input id="feed-q" placeholder="Ketik dan tekan ENTER" type="text" />
</form> </td> </tr> </tbody> </table> </div>
<br /> <header id="result-desc"></header> <br />
<ul id="daftar-isi-blog"></ul> <div id="feed-nav">
</div> <script type="text/javascript">
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
var css = '#sitemap-blog{padding:7px 10px;margin:0 auto}#sitemap-blog table{width:auto;margin:0 auto;border:none!important}#sitemap-blog table td{border:none!important;padding:0!important}#sitemap-blog form{font:inherit}#sitemap-blog label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}#sitemap-blog select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#sitemap-blog input,#sitemap-blog select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#sitemap-blog select option{min-height:1.4em!important}#sitemap-blog input#feed-q{padding:5px 10px!important}#daftar-isi-blog{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}#daftar-isi-blog li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}#daftar-isi-blog li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}#daftar-isi-blog li a{text-decoration:none;color:#2C2C2C;font-weight:500}#daftar-isi-blog li a:hover{text-decoration:none;color:#E94141}#daftar-isi-blog li .news-text{margin-top:5px;line-height:1.3em!important}#daftar-isi-blog li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;width:140px!important}#result-desc{margin:0;padding:0}#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}#result-desc div{color:inherit}#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}#feed-nav a,#feed-nav span:hover{color:#1B1B1B}#feed-nav a:active,#feed-nav a:hover{color:#555}#feed-nav span{cursor:wait}@media (max-width:600px){#sitemap-blog table{margin:0 auto;width:100%}#daftar-isi-blog,#sitemap-blog{margin:0 auto}#daftar-isi-blog li .inner{margin:5px auto;height:auto}#feedContainer li{float:none;display:block;width:auto;height:auto}#daftar-isi-blog li .news-text,#feedContainer:after,#daftar-isi-blog li img{display:none!important}}.post-body{min-height:300px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGuKMSDerZgGru0Gs0rZKuxLvH6EyEqG8s6IvTFW-Yzj4_xnLJah0yS5kokbAlq-mp2BI3yhx7Vvmrfnb0PYVnkMwieRP8U7WumBD7tKfMGJqka2cCeA5RQOLa8mz-HWm89Uvh9HANn8/w220-h19-no/ajax-loader+%25281%2529.gif)50% 50% no-repeat!important}';
style.appendChild(document.createTextNode(css));
head.appendChild(style); </script> <script type='text/javaScript'> document.write; var loadToc, loadCategories, _toc = { init: function() { var cfg = {
homePage: window.location.origin, maxResults: 10, numChars: 270, thumbWidth: 140, thumbHeight: 95, navText: "Tampilkan artikel selanjutnya ▼",
resetToc: "Kembali ke Awal", noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPpSnyLMv08nvm_1C72-UzbaBvkEvpBbcmGX5Oe4rxeEejxnWIlPaJemVrOFCv3U5cY-D43rcrE_e0rTh_krNKd5IT6dNmhHzjSjJ9Zxsq1Yq-pqUjya1fi7f8OOYJJQVrZWAdHE3m3PHr/s1100/no-thumbnail.png", loading: "<span>Memuat...</span>", counting: "<div>Memuat artikel...</div>", searching: "<span>Mencari...</span>" },
w = window, d = document, el = function(id) { return d.getElementById(id); }, o = { a: el('feed-order'), b: el('label-sorter').parentNode, c: el('post-searcher'), d: el('feed-q'), e: el('result-desc'), f: el('daftar-isi-blog'), g: el('feed-nav'), h: d.getElementsByTagName('head')[0], i: 0, j: null, k: 'published', l: 0, m: "" }, fn = { a: function() { old = el('temporer-script'); old.parentNode.removeChild(old); },
b: function(param) { var script = d.createElement('script');
script.type = "text/javascript";
script.id = "temporer-script";
script.src = param;
if (el('temporer-script')) fn.a(); o.h.appendChild(script); },
c: function(mode, tag, order) { o.i++; o.e.innerHTML = cfg.counting; o.g.innerHTML = cfg[mode == 1 ? "searching" : "loading"]; if (mode === 0) {
fn.b(tag !== null ? cfg.homePage + '/feeds/posts/summary/-/' + tag + '?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc' : cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc');
} else if (mode == 1) {
fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&q=' + tag + '&orderby=' + order + '&callback=loadToc'); } o.j = (tag !== null) ? tag : null; o.l = mode; o.a.disabled = true; o.b.children[0].disabled = true; }, d: function(json) { var _h; o.g.innerHTML = "";
o.e.innerHTML = o.l == 1 ? '<span>Hasil penelusuran untuk kata kunci <b>“' + o.m + '”</b> (' + json.feed.openSearch$totalResults.$t + ' Hasil)</span>' : '<div>Total: ' + json.feed.openSearch$totalResults.$t + ' Artikel</div>';
if ("entry" in json.feed) { var a = json.feed.entry, b, c, _d, e = "0 Komentar", f = "", g;
for (var i = 0; i < cfg.maxResults; i++) {
if (i == a.length) break; b = a[i].title.$t; _d = ("summary" in a[i]) ? a[i].summary.$t.replace(/<br ?\/?>/ig, " ").replace(/<(.*?)>/g, "").replace(/<iframe/ig, "").substring(0, cfg.numChars) : ""; g = ("media$thumbnail" in a[i]) ? a[i].media$thumbnail.url.replace(/.*?:\/\//g, "//").replace(/\/s[0 9]+\-c/, "\/s" + cfg.thumbWidth + "") : cfg.noImage.replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + ""); for (var j = 0, jen = a[i].link.length; j < jen; j++) { c = (a[i].link[j].rel == "alternate") ? a[i].link[j].href : "#"; } for (var k = 0, ken = a[i].link.length; k < ken; k++) { if (a[i].link[k].rel == "replies" && a[i].link[k].type == "text/html") { e = a[i].link[k].title; break; } } _h = d.createElement('li');
_h.innerHTML = '<div class="inner"><img style="width:' + cfg.thumbWidth + 'px;height:' + cfg.thumbHeight + 'px;" data-src="' + g + '" src="' + g + '" alt="' + b + '" title="' + b + '"><a class="toc-title" href="' + c + '" target="_blank" title="' + b + '">' + b + '</a><div class="news text">' + _d + '…<br style="clear:both;"></div></div>'; o.f.appendChild(_h); } _h = d.createElement('a'); _h.href = '#load-more'; _h.innerHTML = cfg.navText; _h.onclick = function() { fn.c(o.l, o.j, o.k); return false; }; } else { _h = d.createElement('a'); _h.href = '#reset-content'; _h.innerHTML = cfg.resetToc; _h.onclick = function() { o.i = -1; o.e.innerHTML = cfg.counting; o.f.innerHTML = ""; fn.c(0, null, 'published'); o.a.innerHTML = o.a.innerHTML; o.b.children[0].innerHTML = o.b.children[0].innerHTML; return false; }; } o.g.appendChild(_h); o.a.disabled = false; o.b.children[0].disabled = false; }, e: function(json) { var a = json.feed.category, b = '<select id="label-sorter"><option value="" selected disabled>Pilih Kategori...</option>'; for (var i = 0, len = a.length; i < len; i++) { b += '<option value="' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '">' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '</option>'; } b += '</select>'; o.b.innerHTML = b; o.b.children[0].onchange = function() { o.i = -1; o.f.innerHTML = ""; o.g.innerHTML = cfg.loading; fn.c(0, this.value, o.k); }; } }; loadToc = fn.d; loadCategories = fn.e; fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + (o.i + 1) + '&max results=' + cfg.maxResults + '&orderby=published&callback=loadToc'); fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&max results=0&orderby=published&callback=loadCategories'); o.a.onchange = function() { o.i = -1; o.f.innerHTML = ""; o.g.innerHTML = cfg.counting; o.b.children[0].innerHTML = o.b.children[0].innerHTML; fn.c(0, null, this.value); o.k = this.value; }; o.c.onsubmit = function() { o.i = -1; o.f.innerHTML = ""; o.m = o.d.value; fn.c(1, o.d.value, o.k); return false; }; } }; _toc.init();
</script>
- Selanjutnya Tempel kode script ke dalam Tampilan HTML Postingan.
- Klik pada "Publikasikan" untuk menyimpan halaman sitemap Anda.
Halaman Sitemap Blogger: With Search Box
Setelah berhasil membuat halaman Sitemap, pastikan untuk menambahkan tautan ke halaman Sitemap di menu navigasi blog atau footer blog Anda. Ini akan memudahkan pengunjung blog Anda untuk menemukan halaman Sitemap Anda.
Akhir Kata
Dengan memiliki halaman Sitemap di blog, Anda dapat mempercepat indeksasi postingan blog di mesin pencari seperti Google. Halaman Sitemap memberikan pandangan yang jelas tentang struktur blog Anda dan memudahkan mesin pencari untuk menemukan halaman yang belum diindeks. Halaman Sitemap juga membantu pengunjung blog Anda untuk menavigasi blog Anda dengan lebih mudah.
Membuat halaman sitemap di Blogger sangat penting untuk membantu mesin pencari menemukan halaman/postingan di blog Anda dengan lebih mudah. Semoga dengan mengikuti langkah-langkah di atas, Anda dapat membuat halaman sitemap di blog Anda dan membantu mesin pencari menemukan konten Anda dengan lebih mudah. Jadi, jangan ragu untuk mencoba dan semoga berhasil!