Cara Membuat Sitemap Blog Halaman Website

Posted on

Apa itu Sitemap Blog?

Cara Membuat Sitemap untuk Blogger – Sitemap atau Peta Situs adalah sebuah file atau lembaran halaman yang berisi informasi tentang website kita. Informasi dapat termasuk judul artikel, jumlah halaman dan lainnya.

Singkatnya, Peta Situs adalah Pemetaan Informasi dari Situs Kita dalam bentuk file atau lebaran halaman.

Peta situs diperlukan oleh mesin pencari seperti Google, Bing, Yahoo, Yandex dan yang lainnya. Peta situs akan digunakan oleh mesin pencarian untuk menjelajah atau merayap di situs kita dengan jelajah yang simpel namun cerdas.

Peta situs memberi tahu mesin pencari atas informasi yang ada di situs kita misalnya, untuk jumlah postingan, jumlah halaman, kapan halaman terakhir diperbarui, seberapa sering halaman diubah, dan setiap versi bahasa alternatif sebuah halaman.

Jenis Sitemap

Sitemap ada dua jenis yaitu sitemap untuk User dan Robot Mesin Pencari. Site untuk user bisanya berupa sebuah halaman, sedangkan sitemap untuk mesin pencari berupa sebuah file .xml.

Cara membuat sitemap blogger dan memasangnya juga berbeda. Untuk user hanya menggunakan kode HTML, sedangkan untuk robot pencari kita harus upload atau mendaftarkan file “sitemap.xml”.

Pada , saya akan membagikan sedikit kode Cara Membuat Sitemap Keren dan Rapi di Blogspot.

Kode yang saya lampirkan digunakan untuk membuat sitemap untuk user. Dengan halaman sitemap diharapkan pengguna atau pengunjung website kita dapat melihat seluruh artikel kita dengan tampilan yang lebih indah.

Cara Membuat Sitemap Blog

Langkah-langkahnya membuat sitemap blogger adalah sebagai berikut:
  • Masuk ke Blogger
  • Klik menu Halaman / Page

Cara Membuat Sitemap Blog Halaman Website
  • Tambahkan satu halaman, buat judul SITEMAP
  • Klik menu Tampilkan HTML

Cara Membuat Sitemap Blog Halaman Website
  • Setelah mode Tampilkan HTML muncul, copy kode berikut dan paste kan ke halaman sitemap pada tampilan HTML.
<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: #2c539b;
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="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>
  • Sitemap tidak akan tampil jika kita melihat pada mode Tampilkan Menulis, jadi langsung Publikasikan saja.
  • Selesai.

Silahkan buka link halaman Sitemap Blog yang telah anda buat. Sitemap Blog akan tampil dihalaman setelah dipublikasikan seperti :

Cara Membuat Sitemap Blog Halaman Website
Sekian artikel cara membuat sitemap keren dan rapi di blogspot atau blogger. Semoga bermanfaat.