Sitemap Keren Lebih Responsive dan SEO
Sitemap atau peta situs adalah sebuah halaman atau page khusus yang memuat semua link, tautan atau URL yang didalamnya berisi informasi postingan, judul, kategori, label, tag, gambar dan page itu sendiri serta metadata - metada lainnya ke dalam satu halaman sitemap.
Sitemap berupa tautan, link atau URL dari judul postingan atau artikel yang berisi konten di dalamnya yang dapat di klik kemudian di kelompokkan menjadi satu kedalam satu halaman atau page dari sitemap. Semua artikel atau postingan yang berada di website, mulai dari postingan awal hingga yang terbaru berada dalam satu halaman sitemap.
Sitemap sangat berpengaruh dan memiliki peranan penting terhadap SEO atau Search Engine Optimization serta membuat website atau blog lebih cepat terindeks atau terdeteksi oleh mesin pencari, sehingga membuat website, blog atau artikel postingan cepat berada di halaman atau urutan teratas di google dan mesin pencarian lainnya. Selain itu sitemap berpengaruh juga terhadap google adsense terutama untuk para blogger yang bermain atau mempunyai tujuan menggaet simpati dari pihak google adsense.
Membuat sitemap sangatlah mudah, namun juga tidak asal membuat karena tidak semua struktur sitemap yang dibuat dapat membikin website atau blog menjadi ringan ataupun lebih responsive. Alih - alih ingin membuat sitemap tampil keren bisa menjadi malapetaka bagi website atau blog karena loading atau indeks yang terlalu lama dari halaman sitemap.
Berikut ini cara membuat sitemap keren lebih responsive dan SEO Friendly di blogger berdasar pengalaman pribadi admin dilengkapi dengan panduan bergambar.
1. Pada dashboard blogger, klik menu Halaman kemudian buat Halaman Baru (gambar 1).
 |
| gambar 1 |
2. Kemudian pada beri judul Sitemap (bisa juga beri judul Daftar Isi atau Daftar Artikel, sesuai kegemaran masing - masing). Langkah selanjutnya, klik pada ikon atau tanda pensil kemudian pilih Tampilan HTML (gambar 2).
3. Kemudian jika terdapat kode HTML, hapus atau kosongkan terlebih dahulu. Lalu copy pastekan semua Kode di bawah ini (berwarna pink) kedalam Halaman Sitemap yang kalian buat, atau bisa juga kalian pastekan di note terlebih dahulu. Jangan lupa ganti kode yang berwarna hijau dengan nama website kalian (jangan sampai salah antara http dan https serta .com dan .blogspot.com) (gambar 3).
#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://kakangeditor.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
 |
| gambar 3 |
4. Kembali ke dashboard blogger, kemudian pilih menu Setelan. Scroll kebawah lalu cari menu Crawler dan pengindeksan. klik atau centang Aktifkan robots.txt kustom dan Aktifkan tag header robot kustom (gambar 4).
 |
| gambar 4 |
5. Langkah selanjutnya klik pada robots.txt kustom, lalu copy pastekan kode di bawah ini (berwarna pink) kedalam area kosong tersebut. Jangan lupa ganti kode berwarna hijau dengan URL atau nama website kalian.
# Sitemap built with https://www.blogearns.com/2021/05/blogger-xml-sitemap-generator.html
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://kakangeditor.com/atom.xml?redirect=false&start-index=1&max-results=500
Kemudian klik Simpan (gambar 5).
 |
| gambar 5 |
6. Kembali ke dashboard blogger, lalu pilih atau klik menu Halaman. Lalu arahkan kursor kalian ke ikon atau tanda mata pada judul halaman atau Sitemap, kemudian klik ikon atau tanda mata tersebut (gambar 6).
 |
| gambar 6 |
7. Maka akan terbuka tab baru, kemudian copy URL dari link Halaman Sitemap yang telah kalian buat, lalu pasang pada website atau blog kalian. Untuk cara memasangnya tergantung pada template masing - masing, bisa melalui menu Tata Letak maupun Edit HTML atau bisa kalian lihat pada artikel - artikel kami sebelumnya tentang cara memasang halaman About Us, Contact Us, Disclaimer dan halaman - halaman lain (gambar 7).
 |
| gambar 7 |
Demikian cara membuat sitemap keren lebih responsive dan SEO di blogger dengan sangat mudah.