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.

Sumber : Arsip Zonamasa
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.

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+=' &ndash; '+(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&amp;alt=json-in-script&amp;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.

Comments

Post a Comment

Popular posts from this blog

Daftar Backlink Redirect Gov dan Edu Terbaru

Cara Mendapatkan Banyak Visitor Blog Dari Google

Cara Membuat Logo Blog Keren Hanya Menggunakan Paint