Cara Membuat Sitemap Keren di Blogger

Cara Membuat Sitemap di Blogger

Didinelzie.my.id - Blogger harus tau apa itu sitemap. Utamanya blogger yang baru belajar untuk aktivitas blogging agar mendapat penghasilan tambahan dari Adsense.  Sitemap itu merupakan daftar konten blog yang dapat memudahkan pengunjung untuk memilih artikel berdasarkan label atau kategori. maka dengan itu pentingnya sebuah halaman sitemap (peta situs) untuk memudahkan pengunjung yang sedang menjelajahi blog anda.

Sitemap itu sendiri menjadi kumpulan informasi pada sebuah situs yang berisi banyak postingan di situs anda fungsinya adalah sebagai peta bagi mesin pencari untuk mengindeks url baru dengan cepat dari situs atau blog milik anda. Ia berfungsi layaknya peta yang membantu pengunjung agar tidak keliru saat berkunjung di blog anda. Dengan adanya sitemap, blog Kamu akan lebih mudah untuk memperkenalkan data url ke Search Engine. Sehingga, blog Kamu akan lebih cepat terindeks di mesin pencari Google. Ini juga termasuk salah satu tips sederhana SEO (Search Engine Optimization) yang sering diperhatikan oleh banyak kalangan blogger.

Sebelum memulai menambahkan halaman sitemap di blogger sangat penting untuk memahami perbedaan antara sitemap html dan sitemap xml, di blog ini saya akan memberikan informasi bagaimana sobat mengetahui apa itu sitemap dan Cara Membuat Sitemap di Blogger.

Pada sebuah blog atau website ada dua jenis sitemap yaitu sitemap xml dan sitemap html. Sebelum membuat sitemap alangkah lebih baiknya kita mengenal kedua jenis sitemap tersebut agar kita dapat dengan mudah mengerti dan membedakan antara sitemap yang satu dan lainnya. Berikut ini adalah perbedaan antara sitemap xml dan sitemap html agar kita tau Cara Membuat Sitemap di Blogger dengan baik.

1. Sitemap XML

Mesin pencari menggunakan perayap web (bot) masing-masing untuk menemukan halaman dari tautan di dalam situs dan dari situs lain. peta situs xml adalah file titik xml yang dilampirkan ke situs web atau blog anda yang menyediakan data yang dapat dirayapi. konten dalam file peta situs terdiri dari semua postingan url blog.

Mesin telusur menggunakan data ini untuk mengindeks entri blog dengan cara terbaik. penggunaan file peta situs xml memastikan bahwa halaman web Anda akan diindeks di mesin pencari.

2. Sitemap HTML

Sitemap html adalah halaman html biasa yang dapat dibaca oleh bot mesin pencari maupun oleh pengunjung. perayap web memperlakukannya seperti laman html biasa (dengan banyak tautan). tujuan utama penggunaan peta situs berbasis html ini untuk merepresentasikan semua postingan secara tertib sehingga pengguna dapat menavigasi semua postingan melalui satu halaman.

Cara Membuat Sitemap

Berikut admin sajikan cara untuk mebuat sitemap (peta situs) pada blogger:

1. Pertama masuk ke dashboard blogger anda.

2. Kemudian klik menu Halaman/Pages dan buat halaman/pages baru, seperti pada gambar dibawah.

3. Langkah berikutnya buat judul halaman dengan nama sitemap dan pilih mode html.

4. Salin kode dibawah!

<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&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

5. Selesai

Pastikan anda sudah mengikuti tutorial di atas dari awal sampai akhir dengan benar. Jika Sudah, maka anda bisa melihat hasil tampilan sitemap yang dibuat seperti gambar berikut ini:

Demikian tutorial yang dapat admin sajikan, semoga bermanfaat. 

Baca Juga

Related Posts