Cara Membuat Sitemap pada Blog

Apa itu Sitemap?

Sitemap adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam situs web. Dengan begitu, mesin Google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya. Sama halnya dengan situs web pada umumnya, blog juga memerlukan sitemap agar mesin pencari dengan mudah mendeteksi konten di dalamnya. Dalam sistem sitemap ini pengguna dapat melakukan submit peta web berbasis XML langsung ke Google yang akan membantu Google mengindeks halaman web dengan mudah.

Pada dasarnya, langkah yang harus diterapkan oleh pengguna sitemap adalah:

• Gunakan perangkat lunak untuk menciptakan peta situs (sitemap) dalam format XML Google.
• Integrasikan dan unggah ke situs web.

Cara Membuat Sitemap

1. Silahkan login di blog masing-masing
2. Setelah itu buatlah sebuah halaman atau Pages dengan cara Klik Halaman atau Pages kemudian klik Buat Halaman Baru ( + New Page)  
   
   
   
3. Ubahlah tampilannya ke mode HTML VIEW atau Tampilan  HTML 
   
   
   
   
4. Setelah itu siahkan copy dan paste kode HTML dibawah jangan lupa tulisan yg berwarna merah "phinrang" ganti dengan nama URl blog kalian
   
5. Terakhir silahkan klik Publish

Kode HTML Sitemap

 <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="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>

<script src="https://phinrank.blogspot.com//feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>