Cara Membuat Page Site Map Terbaru

cara Membuat Page Site map

Hallo, Sahabat Uci Design Kali ini mimin ingin Membuat Cara Membuat Page Site map Seperti yang mimin terapkan Di blog ini ya.

Apa sih Gunanya site map, Dan seberpa pentingkah site map bagi blog atau website
Nah Disini mimin ingin menjelaskan sedikit.

Site Map Adalah sebuah Peta situs yang merujuk pada sebuah halaman yang berisikan seluruh URL yang Ada pada situs.
Sederhana nya adalah daftar isi dari suatu situs.

Dengan adanya Site Map ini, mesin pencari Seperti Google, Bing Atau pun Yahoo Akan dapat mengcrawl setiap URL yang Ada disuatu situs Dengan mudah, yang akhirnya berdampak pada cepat nya pengindekan konten  dihalam pencari.

Sesungguh nya jika anda menggunakan Blogger, Sudah memiliki site map sendiri yang berformat xml.
Untuk mengecek nya anda cukup menambahkan sitemap.xml. Di belakang URL anda ( Contoh: https://ucidzgn.blogspot.com/sitemap.xml ).

Contoh SiteMap Dari Blogger

Nah, karna Blogger Sudah memiliki Site Map nya sendiri, Mimin Disini Akan membagikan Site Map yang ditujukan untuk membantu pengujung dalam mengetahui isi dari blog yang Kita kelola.

Demo SiteMap 

Kurang Lebih itulah tapilan Demo Site Map nya.

Domo
Tahap pemasangan

• Pertama, Silahkan masuk ke dashboard Blogger.com Seperti biasa.
• Selanjutnya, pilih Laman, Kemudian klik Laman Baru untuk Membuat Page/halaman baru.
• Untuk Membuat sitemap, Silahkan alihkan Dari tap Compose menjadi ke HTML terlebih dahulu.
• Kemudian masukan Copy-Paste Script Di bawah ini kedalam nya.

<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="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

• Jangan lupa Beri judul untuk halaman ini, Kemudian klik Publikasikan.

Penutup

Kurang Lebih itulah Cara Membuat Membuat sitemap Di Blog yang anda kelola.

Jika anda merasa Ragu Dan Tidak paham Silahkan tinggalkan momentar Dibawah, kemungkinan Saya Akan membantu.