Cara membuat sitemap html di blog dan submit sitemap xml ke Google

Pengertian sitemap terdapat 2 macam yaitu sitemap dalam bentuk HTML dan sitemap dalam bentuk XML.

Sitemap XML dan Sitemap HTML

Kedua macam sitemap ini memiliki fungsi dan tujuan yang sama, hanya bentuk, target dan penerapannya saja yang berbeda, yang mana sitemap.html diterapkan di blog, sedangkan sitemap.xml disubmit atau dikirimkan ke Google Search Console.

Mengenai sitemap mana yang lebih penting, tentu saja keduanya. Tapi yang paling utama dan harus, serta wajib diterapkan adalah sitemap.xml.

Sitemap XML

Dikarenakan submit sitemap.xml merupakan hal wajib bagi seorang blogger untuk mengoptimasi blognya di mesin pencarian, maka tutorialnya Blogizty dahulukan.

Untuk diketahui sebelumnya bahwa submit sitemap.xml ke Google berfungsi untuk memudahkan robot perayapan mesin penelusuran dalam merayapi seluruh postingan yang ada di blog karena seperti pengertiannya bahwa sitemap ini artinya adalah peta situs.

Sehingga dengan mengirimkan peta situs ke Google Search Console, maka robot perayap akan dengan mudah menemukan seluruh postingan berisi artikel yang telah dipublish dan menempatkan cuplikan artikel di mesin penelusuran.

Untuk melakukan submit sitemap.xml ke Google Search Console, ikuti caranya di bawah ini.

Cara submit sitemap.xml ke Google Search Console

1. Masuk ke akun Google Search Console.

2. Pilih blog yang ingin disubmit sitemapnya.

3. Pada menu, pilih Sitemap.

4. Pada kolom yang muncul kemudian, masukkan alamat blog yang ditambah dengan sitemap.xml, contohnya akan menjadi seperti ini : https://blogizty.blogspot.com/sitemap.xml

5. Klik tombol Submit dan selesai.

Kamu telah berhasil mengirimkan sitemap blog ke Google dan tunggu beberapa hari untuk artikel kamu bersaing di hasil penelusuran Google.

Sitemap HTML

Sitemap dalam bentuk HTML merupakan peta situs yang dipasang di blog. Sitemap HTML ini berupa sebuah daftar post yang terdiri dari postingan-postingan yang telah dipublish di blog, biasanya mencakup seluruh postingan dan diurutkan berdasarkan postingan terbaru, yang mana fungsinya adalah untuk memudahkan pengunjung dalam menjelajahi seluruh postingan di blog.

Cara membuat sitemap.html di blog

1. Masuk ke akun Blogger.

2. Pada menu, pilih Halaman.

3. Klik Buat Halaman Baru.

4. Pada editor postingan, masukkan judul Sitemap.

5. Kemudian, klik menu drop down dengan simbol <> yang ada di sebelah kiri, tepatnya di bawah judul.

6. Pilih Tampilan HTML.

7. Masukkan script di bawah ini.

   <script>
   var maxpost=999;var showSitemap=true;function jellySitemap(json){for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(showSitemap)document.write('<li>');document.write(posttitle)}if(showSitemap)document.write('</li>')}
   </script>
   <div class="jellysitemap">
   <ul>
   <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=jellySitemap&max-results=999"></script>
   </ul>
   </div>
   

8. Klik tombol Pratinjau untuk melihat hasil, setelah itu klik tombol Publish

Selesai, sampai proses ini sitemap.html telah dibuat. Dikarenakan tampilan sitemap ini sederhana, maka apabila tampilannya ingin diubah, silakan diubah sendiri yang mana selector CSS-nya terdapat di bawah ini.

.jellysitemap {}
.jellysitemap ul {}
.jellysitemap ul li {}

Cara memasang sitemap.html di menu navigasi blog

Untuk dapat diakses dengan mudah oleh pengunjung, maka link menuju halaman sitemap.html harus dipasang di bagian depan blog melalui sebuah tombol.

Caranya

1. Salin alamat halaman sitemap.html tersebut. Contohnya akan menjadi seperti ini : https://blogizty.blogspot.com/p/sitemap

2. Masuk ke halaman Tata Letak.

• Pada template pihak ketiga,

  Cari gadget yang berisi sebuah widget menu navigasi yang di dalamnya terdapat sitemap.

  Masukkan alamat halaman sitemap ke dalam tag a, sehingga akan menjadi seperti ini : <a href="ALAMAT SITEMAP">Sitemap</a>

• Pada template bawaan Blogger,

  Cari gadget footer, lalu klik Tambahkan gadget, pilih HTML/JavaScript, kemudian masukkan kode di bawah ini.

  <span><a href="ALAMAT SITEMAP">Sitemap</a></span>

  Ganti tulisan ALAMAT SITEMAP dengan alamat halaman sitemap yang tadi telah dibuat.

  Atau jika kamu ingin sekalian membuat menu navigasi di gadget footer, maka masukkan kode di bawah ini.

  <div class="jellyfoot">
  <span><a href="mailto://AKUNKAMU@gmail.com">Kontak</a></span>
  <span><a href="ALAMAT-PRIVACY-POLICY">Privacy Policy</a></span>
  <span><a href="ALAMAT-TERMS-OF-SERVICE">Terms of Service</a></span>
  <span><a href="ALAMAT-SITEMAP">Sitemap</a></span>
  

3. Lihat blog untuk melihat hasilnya. Sedangkan untuk mendesain tampilan, gunakan selector CSS di bawah ini.

   .jellyfoot {}
   .jellyfoot span {}
   .jellyfoot span a {}
   

Semoga bermanfaat, dan apabila terdapat kesulitan atau pertanyaan seputar tutorial di atas, maka jangan ragu untuk bertanya di kolom komentar. Blogizty akan senang untuk membantu.

© Blogizty