Skip to content Skip to sidebar Skip to footer

Cara Membuat Sitemap Keren dan Rapi di Blogspot


Cara Membuat Sitemap Keren dan Rapi di Blogspot

Apa itu Sitemap atau Peta Situs?

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 ini 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 dan Cara Memasangnya di Blogger

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 artikel ini, saya akan membagikan sedikit kode Cara Membuat Sitemap Keren dan Rapi di Blogspot.

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

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

  • Tambahkan satu halaman, buat judul SITEMAP
  • Klik menu Tampilkan HTML

  • 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 yang telah anda buat. Sitemap akan tampil dihalaman setelah dipublikasikan.

Sekian artikel cara membuat sitemap keren dan rapi di blogspot atau blogger. Semoga bermanfaat.

Post a Comment for "Cara Membuat Sitemap Keren dan Rapi di Blogspot"