Cara Membuat Halaman Sitemap Keren and SEO Friendly

Cara Membuat Halaman Sitemap Keren and SEO Friendly

saya ingin membagi kan gimana Cara Membuat Halaman Sitemap Keren and SEO Friendly, Sitemap atau sering di sebut peta situs adalah sesuatu yang menggambarkan tentang peta website atau blog.Jadi sudah jelas kan peta sitemap ini yang di maksudkan agar mesin ppencarian agar dapa mudah di cari isi dari sebuah website kita.Sitemap sangatlah penting dari sisi SEO, oleh karena itu memasang sitemap juga penting. Tapi yang perlu diperhatikan lagi bahwa menambahkan sitemap tidaklah akan mempengaruhi peringkat website Anda di mesin pencari. Namun, jika terdapat beberapa halaman di website Anda

tidak ter-index oleh mesin pencari termasuk google maka sitemap akan dapat membantu Anda dalam memberitahu mesin pencari terkait halaman tersebut sehingga akan dapat ter-index dengan baik. Nah kali ini saya akan membagikan cara membuat sitemap atau daftar isi yang benar dan seo friendly, lalu bagaimana caranya yuk simak artikelnya dibawah ini.

Langkah pertama buka dashboard blogger > klik halaman / pages > buat halaman / create pages > pilih html

Jika sudah masukan kode dibawah ini di halaman blogger, jangan lupa HTML bukan COMPOSE.

<div dir="ltr" style="text-align: left;" trbidi="on">
<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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
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{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<br />
<div id="toc">
<script src="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="https://atasprogramer.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
</div>

Ganti alamat yang saya tandai dengan blog sobat

Nah jika semuanya sudah di edit dan sudah selesai semua tinggal kalian simpan tema dan kalian lihat hasilnya

Mungkin cukup sekian artikel dari saya kali, saya admin Atas Programer Mengucapkan sampai ketemu di lain artikel