2 Sitemap SEO Keren Untuk Blog, Kamu Harus Pasang
Sitemap merupakan komponen yang biasanya dirasa sangat penting sebagai pelengkap nafigasi. Sitemap juga berguna untuk memberikan informasi keseluruhan tentang judul semua artikel blog dan jumlahnya. Untuk itu pemasangan Sitemap harus ada didalam Blog. Kali ini saya akan bagikan tutorial memasang Sitemap untuk Blog, walaupun sudah tersedia sitemap bawaan Blog. Namun Sitemap bawaan tersebut terasa membosankan bagi pengunjung, nah silhkan pasang Sitemap SEO ini yang lebih responsive dan keren sehingga pengunjung tidak bosan dengan web kita.
Pemasangan sitemap ini tidak memerlukan sebuah keahlian dalam HTML karena pemasangan Sitemap ini hanya perlu mengcopy paste Kode HTML dan meletakkanya pada HTML. Sedikit penjelasan bahwa ditemap yang SEO berarti sitemap tersebut menampilkan tiap label blog dengan berisi artikel didalamnya. Postingan yang baru dibuat juga langsung dapat terdaftar di Sitemap SEO, sehingga tak perlu repot-repot memasangnya kembali.
Nah, pastinya anda sudah tidak sabar memasangan Sitemap tersebut, untuk itu ikuti tutorial yang akan saya berikan yaitu dua Cara Membuat Sitemap SEO Responsive dan keren.
Pertama, ketahui cara membuat laman terlebih dahulu, silahkan login Blog masing-masing, pilih laman, dan klik laman baru. Lebih jelasnya lihat secreenshot dibawah ini.
![]() |
| Sumber : Arsip Zonamasa |
Nah, pastinya anda sudah tidak sabar memasangan Sitemap tersebut, untuk itu ikuti tutorial yang akan saya berikan yaitu dua Cara Membuat Sitemap SEO Responsive dan keren.
Cara Membuat Sitemap SEO Untuk Blog :
Pertama, ketahui cara membuat laman terlebih dahulu, silahkan login Blog masing-masing, pilih laman, dan klik laman baru. Lebih jelasnya lihat secreenshot dibawah ini.
Selanjutnya beri judul misal "Sitemap 1" setelah itu pilih mode edit yang "HTML" pastekan code Sitemap yang telah saya sediakan dibawah ini.
Kode Sitemap SEO 1
<style scoped="scoped" type="text/css">
#show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px}
#show-cat ul{margin:0;border-top:1px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0}
#show-cat ul li a{display:block;padding:10px}
#show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:15px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff}
#show-post{float:left;width:60%}
#show-post ul li{list-style-type:none;padding-bottom:15px}
#navi-cat{padding:20px 0}
#navi-cat a{margin-right:10px;border:1px solid #ccc}
#navi-cat a,#navi-cat span{padding:5px 10px}
#navi-cat span{float:right}
</style>
<div id="show-cat">
</div>
<div id="show-post">
<script type="text/javaScript">
var cat_home='http://zonamasa.blogspot.com/';cat_numb=11;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='
<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>
'}dw+='</ul>
';dw+='<div id="navi-cat">
';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' – '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>
';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='
<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>
'}dw+='</ul>
';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<div style="clear: both;">
</div>
Gantilah URL Blog saya "http://zonamasa.blogspot.com/" dengan URL Blog anda. Klik simpan
Kode Sitemap SEO 2
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="http://zonamasa.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Gantilah URL Blog saya "http://zonamasa.blogspot.com/" dengan URL Blog anda. Klik simpan
Selesai, mudah kan. Sekarang anda dapat memasang Sitemap Tersebut, tidak ada batasan pemasangan sitemap sehingga anda dapat memasang sebanyak-banyaknya. Semoga Bermanfaat Artikel tentang cara memasang Sitemap Blog SEO, sekian.





ITS WORK thanks min setelah saya bingung akhirnya bisa juga tuh sitemap
ReplyDeletesipp
Deletenanti saya coba gan :) thanks infonya
ReplyDeleteiya gan ss
Deletepengaruh tidah dengan tampilan teplate kita ?
ReplyDeletendk pengarus sama sekali, cuma sitemap tempel
DeleteThis comment has been removed by a blog administrator.
ReplyDelete