Cara Membuat Sitemap Blog Agar Artikel Cepat Terindeks 2024
Laman blog berikutnya yang wajib Anda buat sebelum serius menekuni dunia blog adalah Sitemap. Apa itu Sitemap? Dan bagaimana cara membuat Sitemap blog yang baik?
Sebelum masuk ke pembahasan utama, silahkan baca dulu cara membuat laman Disclaimer agar blog Anda terlihat lebih sempurna dan profesional.
Sitemap atau Daftar Isi adalah sebuah laman pada blog yang berfungsi memberi kemudahan kepada pengunjung untuk mengetahui semua artikel yang terdapat pada blog atau situs yang sedang dikunjunginya.
Selain itu Sitemap juga membuat pemilik blog mengetahui artikel-artikel yang ada di situsnya berdasarkan label.
Meskipun Blogger telah menyediakan Sitemap otomatis, namun tampilannya terlihat biasa dan ketinggalan zaman.
Sitemap merupakan komponen penting yang harus tersedia pada blog saat ingin memasang iklan Google Adsense di blog Anda.
Banyak kasus yang terjadi, permohonan tidak diterima karena Sitemap belum terpasang pada blog.
Agar kejadian serupa tidak terjadi pada Anda, jangan pernah menyepelekan keberadaan Sitemap maupun navigasi lain seperti Privacy Policy dan Disclaimer.
Kode Script Sitemap Blog Keren dan Responsive
Sekarang ini banyak tersedia kode script Sitemap responsive yang bisa Anda pilih.
Namun pada artikel ini saya akan merekomendasikan satu script dari penaindigo.com yang sudah lama saya gunakan karena tampilannya yang simple dan keren.
<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="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
#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="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Cara Memasang Script Sitemap di Blogger
Langkah selanjutnya yang harus Anda lakukan untuk membuat Sitemap blog adalah buka situs Blogger, masuk dengan mengetikkan alamat email dan password akun blog Anda.
Setelah itu ikuti cara-cara di bawah ini.
- Pilih menu halaman pada dashboard Blogger
- Klik "Laman Baru"
- Setelah itu ketik judul terlebih dahulu agar nantinya alamat URL mengikuti judul
- Pindahkan mode Compose ke mode HTML
- Copy semua script Sitemap yang saya sediakan di atas, lalu paste-kan ke laman blog Anda
- Jika ingin menggunakan warna yang berbeda, ganti warna border, background dengan warna yang sesuai dengan tampilan blog Anda
- Terakhir klik Publikasikan
- Dengan itu Anda sudah berhasil membuat Sitemap keren dan responsive yang pas dibuka pada komputer maupun hp
- Jika ada kesalahan atau error, silahkan hapus kode script tersebut dan ulangi cara di atas
Untuk menampilkan Sitemap pada menu navigasi yang terletak di bagian bawah blog, masuk ke menu tema - edit HTML - tekan tombol Ctrl + F pada keyboard.
Ketik "sitemap" dan enter - setelah itu copy alamat URL sitemap yang telah Anda buat tadi, kalau pada template Viomagz Anda tinggal ganti tanda # dengan alamat URL tersebut.
Cara Submit Sitemap XML di Google Search Console
Agar artikel cepat terindeks dan tampil di mesin pencarian Google, yang harus Anda lakukan bukan hanya membuat dan memasang Sitemap saja.
Ada satu cara terakhir yang wajib dilakukan, yakni submit sitemap.xml ke Google Search Console. Berikut caranya.
- Buka Google Search Console
- Akan ada dua pilihan yang tersedia, ketikkan alamat blog Anda di pilihan yang agak gelap sebelah kiri
- Lalu klik "Terus"
- Setelah itu blog Anda akan diverifikasi, tunggu sebentar, dan klik "Buka Properti"
- Terdapat pilihan menu Peta Situs, klik
- Isi Sitemap XML yang diminta dengan https://bloganda.com/sitemap.xml
- Terakhir klik "Kirim"
- Dengan begitu Anda sudah berhasil submit Sitemap XML blog Anda
Dengan mengikuti langkah-langkah di atas, seharusnya tidak sulit bagi Anda untuk membuat Sitemap blog yang keren.
Sekian artikel cara membuat sitemap blog ini, jangan lupa untuk terus belajar dan mencari ilmu baru, karena hanya dengan itu Anda bisa berkembang dan menjadi lebih baik. Baca juga artikel lainnya di Cleardg.com!
Post a Comment