Cara Membuat Sitemap pada Blogger dengan Tag NEW Artikel Terbaru

Cara Membuat Sitemap pada Blogger dengan Tag NEW Artikel Terbaru www.petrussiahaan.com

Daftar isi atau Sitemap adalah sebuah fitur yang berguna untuk memudahkan pembaca dalam menavigasi konten blog Anda. Dengan memasang daftar isi sitemap, pembaca dapat dengan mudah melihat struktur blog Anda dan menemukan artikel yang mereka cari. Dalam artikel ini, kami akan membahas langkah-langkah untuk memasang daftar isi sitemap di blog Anda.

Dengan Sitemap ini akan mempermudah para pengunjung akan mengetahui label mana saja yang baru saja mendapatkan update artikel terbaru di blog anda.

Jadi, Penggunaan Laman Sitemap atau Daftar Isi ini di blog sangatlah penting, semakin banyak blog anda di crawl oleh google, maka semakin banyak pula pageviews yang dihasilkan setiap harinya.

Cara Pasang Laman Daftar Isi pada Blog

langkah pertama, dengan cara masuk ke dashboard Blog anda, lalu klik Halaman > Halaman baru. Kemudian tulis judul laman sesuai selera anda, dan klik HTML, kemudian pastekan kode di bawah ini di dalamnya.

<div class="sitemap-widget sitemap-tag-new sitemap">

<script src="https://rawcdn.githack.com/JENTSUU/project/295cea88ce7a8274acad70f7e63b04f508e46093/dafatarisipetrussiahaan.com.js"></script><script src="https://www.petrussiahaan.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
Ganti URL www.petrussiahaan.com dengan URL Blog anda

Silahkan tambahkan juga CSS berikut ini dibawah kode yang diatas:

<style>.sitemap{
  display:block;
  font-family:var(--body-font,BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif)
}
.sitemap-widget{
  max-height:525px;
  overflow:auto;
}
.sitemap p a{
  background-color:rgba(0,0,0,.055);
  color:var(--accent,#0277d4);
  font-weight:700;
  display:block;
  padding:5px 10px;
  text-decoration:none;
}
.sitemap p a:hover{
  background-color:var(--accent,#0277d4);
  color:#fff;
}
.sitema a{
  transition: .3s ease-in;
}
.sitemap ol li a {
  text-decoration:none;
  color:var(--link-color,#182257)
}
.sitemap ol li a:hover {
  color:var(--hover-color,#0277d4)
}
.sitemap ol li:not(:first-child){
  padding-top:8px;
}
.sitemap ol li:not(:last-child) {
  border-bottom:1px solid rgba(0,0,0,.055);
  padding-bottom:8px;
}</style>

setelah selesai kemudian klik Publikasikan.

Dengan adanya daftar isi sitemap, pembaca akan dapat dengan mudah menjelajahi konten di blog Anda dan menemukan artikel yang menarik minat mereka. Ini juga dapat membantu meningkatkan pengalaman pengguna dan mengoptimalkan indeksasi konten oleh mesin pencari.

Kesimpulan:

Memasang daftar isi sitemap di Blogger adalah cara yang efektif untuk meningkatkan pengalaman pembaca dan memudahkan mereka dalam menemukan konten artikel yang mereka cari. Dengan mengikuti langkah-langkah di atas dan menyesuaikannya sesuai dengan kebutuhan blog Anda, Anda dapat dengan mudah memasang daftar isi sitemap yang informatif dan menarik. Jangan lupa untuk selalu memperbarui daftar isi sitemap Anda saat menambahkan konten baru ke blog Anda.

Sumber bungfrangki.com

0 Komentar

  • Menulis kode gunakan kode (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan kode panjang (kode harus di-parse)
  • Menyisipkan gambar gunakan URL GAMBAR (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.