Cara Membuat Sitemap SEO di Blogger ( Blogspot )

Cara Membuat Sitemap SEO di Blogger ( Blogspot )

Cara Membuat Sitemap yang SEO pada Blogspot
Cara Membuat Sitemap yang SEO pada Blogspot

Hallo sobat ruangcoder, artikel kali ini tentang Cara Membuat Sitemap SEO di Blogger ( Blogspot ) cukup mudah untuk dilakukan. Berikut ini tutorialnya

Apa itu Sitemap

Sitemap adalah salah satu alat bantu untuk para webmaster seperti sobat yang mempermudah dalam pengenalan peta situs di dalam website atau blog sobat. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di website atau blog sobat. Nah jadi, sobat sudah mengerti bukan penting nya sitemap pada blog atau website sobat, jika sobat ingin menerapkannya sobat bisa lihat contohnya disini, jika sobat tertarik yuk kita langsung buat sitemap nya.

Cara Membuat Sitemap SEO pada Blogspot :


Nah sobat, sebenernya cara nya juga cukup mudah seperti sobat membuat halaman contact us , sobat bisa lihat disini  , sangat simple pemasangannya , sobat hanya perlu ke Dashboard Blog sobat , kemudian sobat klik pada menu Halaman kemudian sobat klik pada menu  Halaman Baru nah sekarang sobat beri nama halaman tersebut dengan nama Sitemap, kemudian sobat pilih menu HTML yang ada disamping menu Compose , kemudian letakkan kode dibawah ini yang admin berikan , dan sobat bisa lihat juga gambar dibawah ini :





<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>

<br />
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://www.ruangcoder.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Tugas sobat sekarang adalah sobat silahkan ganti pada bagian https://www.ruangcoder.com/ dengan URL blog atau website sobat dan silahkan sobat simpan , kemudian lihat hasilnya , hasilnya sama seperti yang sudah admin jelaskan di awal paragraf , jadi mungkin tutorial nya sampai sini aja sobat , sampai ketemu di next tutorial selanjutnya , semoga bermanfaat tutorialnya , apabila bermanfaat silahkan sobat share tutorial ini, dan terimakasih sudah berkunjung

Anda mungkin menyukai postingan ini