🔔 Dapatkan Template ini Disini dan Ikuti kami di Google News!

Membuat Sitemap SEO Keren di Blogger Terbaru

Sitemap berguna seperti peta yang membantu pengunjung agar tidak keliru saat berkunjung di blog anda. berikut tutorial cara membuat sitemap di blogger
Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated
Membuat Sitemap SEO Keren
Membuat Sitemap SEO Keren

Membuat Sitemap SEO Keren di Blogger - Sitemap adalah daftar konten blog yang dapat memudahkan pengunjung untuk memilih artikel berdasarkan label atau kategori. maka dengan itu pentingnya sebuah halaman sitemap (peta situs) untuk memudahkan pengunjung yang sedang menjelajahi blog anda.

sitemap merupakan kumpulan informasi pada sebuah situs yang berisi banyak url atau daftar semua link di situs anda, sitemap itu sendiri berfungsi sebagai peta bagi mesin pencari untuk mengindeks url baru dengan cepat dari situs atau blog milik anda.

Sitemap berguna seperti peta yang membantu pengunjung agar tidak keliru saat berkunjung di blog anda. berikut tutorial cara membuat sitemap di blogger beserta penjelasannya.

Sebelum memulai menambahkan halaman sitemap di blogger sangat penting untuk memahami perbedaan antara sitemap html dan sitemap xml, di blog ini saya akan memberikan informasi bagaimana sobat mengetahui apa itu sitemap dan Cara Membuat Sitemap di Blogger.

Pengertian Sitemap 

Pada sebuah blog atau website ada 2 jenis sitemap yaitu sitemap xml dan sitemap html. Sebelum membuat sitemap alangkah lebih baiknya kita mengenal kedua jenis sitemap tersebut agar kita dapat dengan mudah mengerti dan membedakan antara sitemap yang satu dan lainnya. Berikut ini adalah perbedaan antara sitemap xml dan sitemap html agar kita tau Cara Membuat Sitemap di Blogger dengan baik. 

1. Sitemap XML

Faktanya, mesin pencari menggunakan perayap web (bot) masing-masing untuk menemukan halaman dari tautan di dalam situs dan dari situs lain. peta situs xml adalah file titik xml yang dilampirkan ke situs web atau blog anda yang menyediakan data yang dapat dirayapi. konten dalam file peta situs terdiri dari semua postingan url blog.

mesin telusur menggunakan data ini untuk mengindeks entri blog dengan cara terbaik. penggunaan file peta situs xml memastikan bahwa halaman web Anda akan diindeks di mesin pencari.

2. Sitemap HTML

Sitemap html adalah halaman html biasa yang dapat dibaca oleh bot mesin pencari maupun oleh pengunjung. perayap web memperlakukannya seperti laman html biasa (dengan banyak tautan). tujuan utama penggunaan peta situs berbasis html ini untuk merepresentasikan semua postingan secara tertib sehingga pengguna dapat menavigasi semua postingan melalui satu halaman.

Selain itu, Anda bisa membaca posting kami sebelumnya tentang Apa itu sitemap XML untuk situs web, peran dalam SEO.

Fitur sitemap

Berikut fitur peta situs atau sitemap yang akan saya bagikan :

  • daftar posting akan diperbarui secara otomatis dengan penambahan posting baru
  • penambahan otomatis ke posting artikel yang baru ditambahkan

Cara Membuat Sitemap

Berikut ini adalah cara menambahkan halaman peta situs di blog dan Cara Membuat Sitemap di Blogger :

  • Sekarang beralih ke opsi halaman di dashboard blogger, buat Halaman baru seperti berikut.



  • Buat judul bernama sitemap di halaman blog dan pilih mode html. Salin semua kode di bawah ini lalu paste di halaman tersebut.
<style type='text/css' scoped="">

#table-outer{padding:7px 10px;margin:0 auto}

#table-outer table{width:auto;margin:0 auto;border:none!important;}

#table-outer table td{border:none!important;padding:0!important}

#table-outer form{font:inherit}

#table-outer label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}

#table-outer select[disabled]{opacity:.4}

#post-searcher{display:block;margin:0;padding:0}

#table-outer input,#table-outer select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0 0 5px;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}

#table-outer select option{min-height:1.4em!important;}

#table-outer input#feed-q{padding:5px 10px!important;}

#feed-container{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}

#feed-container li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}

#feed-container li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}

#feed-container li a{text-decoration:none;color:#2C2C2C;font-weight:500}

#feed-container li a:hover{text-decoration:none;color:#E94141}

#feed-container li .news-text{margin-top:5px;line-height:1.3em!important}

#feed-container 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){#table-outer table{margin:0 auto;width:100%}

#feed-container,#table-outer{margin:0 auto}

#feed-container li .inner{margin:5px auto;height:auto}

#feedContainer li{float:none;display:block;width:auto;height:auto}

#feed-container li .news-text, #feedContainer:after,#feed-container li img{display:none!important}

}

@media (max-width:414px){#table-outer table td{display:block;text-align:center}

#table-outer label{display:block;margin:0;padding:4px 0 0;text-align:center}

#table-outer input, #table-outer select{margin:0 0 10px}

}

</style>

<div id="table-outer">

  <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="feed-container"></ul>

<div id="feed-nav">

</div>



<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 &#9660;",resetToc:"Kembali ke Awal",noImage:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji50MoTtVMO_MWnY-tN_1ueW6QVQus-hMvlO8TkBotMO-uCqUfUnKSm0ecZUBGQQChEyks0EF4l4Y3Ss18n53VywmE_POUh5qYhGG9JEIALgfcbLsQdNjrSvBITthjVb0qDO9985vCAJc1/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('feed-container'),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>&#8220;'+ o.m+'&#8221;</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;" src="'+ g+'" alt="'+ b+'"><a class="toc-title" href="'+ c+'" target="_blank" title="'+ b+'">'+ b+'</a><div class="news-text">'+ _d+'&hellip;<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>

  • Setelah itu klik Publikasikan

catatan : jika anda sudah membuat halaman dengan nama sitemap sebelumnya, tidak perlu membuat halaman baru lagi. anda dapat menyalin kode di atas dan menempelkannya di halaman sitemap yang anda buat. perintah ini berfungsi agar nama peta situs dapat diakses, seperti https://spotipost.com/p/sitemap.html agar peta situs anda dapat dibaca oleh google search console.

Pastikan Anda telah mengikuti tutorial di atas dari awal sampai akhir dengan benar. Setelah Anda mengikuti tutorial pada artikel ini "Membuat Sitemap SEO Keren di Blogger", Sekarang Anda bisa melihat hasil tampilan sitemap yang dibuat seperti gambar berikut ini :

Kesimpulan

Selain itu script sitemap di atas merupakan Seo Friendy untuk diterapkan di blogspot dan sangat cocok untuk Anda terapkan di blog kesayangan sendiri. Demikian tutorial mengenai Membuat Sitemap SEO Keren di Blogger.  Selamat mencoba.

Baca juga :

Penutup

Sekian Penjelasan Singkat Mengenai Membuat Sitemap SEO Keren di Blogger Terbaru. Semoga Bisa Menambah Pengetahuan Kita Semua.Semua.👋



Getting Info...

About the Author

Terimakasih Saya Ucapkan telah mengunjungi website saya, Semoga SobatTerhibur....

Posting Komentar

Tinggalkan komentar sesuai topik tulisan, centang Notify me untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.
close