Cara Membuat Sitemap Untuk Blogspot

Cara Membuat Sitemap Untuk Blogspot

Sitemap atau peta situs memang sangat penting agar blog kita mudah diindeks oleh mesin pencari seperti Google dan Yahoo. Kali ini kita akan membahas cara membuat sitemap untuk blogspot/blogger dalam 2 versi, versi pertama sitemap yang bisa dibaca oleh pengunjung (manusia) dan versi kedua untuk di-submit ke Google Webmaster Tools.

sitemap

1. Sitemap untuk pengunjung

Sitemap untuk para pembaca blog ini dapat juga disebut daftar isi blog, karena memuat semua kategori dan semua judul artikel yang ada di blog. Untuk membuatnya sangatlah mudah, Anda hanya perlu membuat satu Pages/Laman baru di blog yang Anda inginkan.

Untuk membuatnya, silakan ikuti langkah-langkah berikut ini:

1. Masuk ke blogger.com
2. Klik tanda panah di samping nama blog yang ingin Anda pasangi sitemap. Kemudian klik Pages. (Lihat gambar)

panduan membuat sitemap blogspot_1
Gambar langkah ke-1 sampai ke-2

3. Klik New page. (Lihat gambar)

panduan membuat sitemap blogspot_2
Gambar langkah ke-3

4. Tuliskan nama/judul halamannya.
5. Klik tombol HTML.
6. Copy kode di bawah ini, dan paste-kan ke bagian body (Kotak nomor 6 pada gambar).

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="http://yourjavascript.com/08541012154/sitemap-trigonal.js" type="text/javascript"></script><script src="http://www.trigonalmedia.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Catatan:

  • Ganti URL yang berwarna biru dengan alamat blog Anda sendiri.
  • Jika mau, Anda bisa menyimpan javascript dan gambar di server Anda sendiri (warna ungu).
  • Ubah warna dan jenis huruf sesuai dengan keinginan Anda, dengan mengubah kode di atas.

 

Atau jika kamu tidak ingin dipusingkan dengan mengupload javascript, silakan gunakan script yang saya dapatkan dari Arlina di bawah ini:

<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;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}
}
</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:"//2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/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>

7. Klik Publish.

panduan membuat sitemap blogspot_3

Gambar untuk langkah ke-4 sampai ke-7

 

2. Sitemap untuk Google Webmaster Tools

Sebelum masuk pada langkah-langkah memasukkan sitemap ke Webmaster Tools, terdapat beberapa hal yang harus Anda ingat:

1. Pastikan Anda sudah memverifikasi kepemilikan blog Anda.
2. Gunakan kode sitemap yang sesuai dengan jumlah artikel di blog Anda dengan ketentuan:

  • Artikel 1 sampai 500 buah adalah
    atom.xml?redirect=false&start-index=1&max-results=500
  • Artikel 501 sampai 1000 buah adalah
    atom.xml?redirect=false&start-index=501&max-results=500
  • Artikel 1001 sampai 1500 buah adalah
    atom.xml?redirect=false&start-index=1001&max-results=500
  • Artikel 1501 sampai 2000 buah adalah
    atom.xml?redirect=false&start-index=1501&max-results=500
  • dan seterusnya

3. Contoh kasus, jika blog Anda memiliki 850 artikel maka Anda harus mendaftarkan 2 sitemap, yang pertama yaitu sitemap untuk 1-500 buah artikel dan yang kedua sitemap untuk 501-1000 buah artikel. Bagaimana jika blog memiliki 1300 artikel? Berarti Anda harus memasukkan 3 buah sitemap dan begitus seterusnya.


Berikut ini adalah langkah-langkah untuk menambahkan sitemap blogspot ke Webmaster Tools:

1. Buka dan login ke google.com/webmasters/tools
2. Klik website yang ingin Anda tambahkan sitemap-nya
3. Klik Crawl
4. Klik Sitemap
5. Klik Add/Test Sitemap
6. Tambahkan kode yang sesuai dengan jumlah artikel blog Anda (Kotak nomor 4 pada gambar)
7. Klik Submit Sitemap

cara membuat sitemap blogspot di google webmastertools

Gambar cara menambahkan sitemap ke Webmaster Tools

 

Itulah cara membuat sitemap untuk platform blogger, baik itu untuk dilihat pengunjung maupun untuk didaftarkan ke Webmaster Tools. Anda mempunyai pertanyaan atau bahkan koreksi? Jangan sungkan untuk menuliskannya di kolom komentar.

 

Anda bebas menyebarluaskan artikel ini, tapi mohon sertakan tautan hidup ke halaman ini. Terima kasih.

Referensi:
Gambar: flickr.com

dimuat...
Admin
Ordinary boy (not yet a man), happy husband, and proud dad. Sering nongkrong di blog pribadinya: Blog Bang Fuji

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai
Cara mengubah gaya teks di Disqus Blogger Paling Aktif
  • Untuk menulis huruf bold, silakan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic, silakan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline, silakan gunakan <u></u>.
  • Untuk menulis huruf strikethrought, silakan gunakan <strike></strike>.
  • Untuk menulis kode HTML, silakan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>.
    Atau silakan gunakan parse tool di bawah ini.
Buka Parse Tool Tutup Parse Tool



strong em u strike
pre code pre code spoiler
embed

0 Comment

Add Comment

Show Parse Tool Hide Parse Tool