Cara Membuat Halaman Daftar Isi Sesuai Label Tertentu

Membuat Halaman daftar isi / sitemap adalah menentukan pencarian semua label, tapi jika anda menampilkan semua label selain di halaman daftar isi itu sangat menyulitkan si pembaca untuk menemukan masalah yang ingin ia baca.

Alasan ini sudah saya alami sendiri ketika saya mengunjungi blog lain dan saya ingin mencari informasi tersebut tapi pas saya klik halamannya ternyata blog tersebut menampilkan semua label sehingga saya sendiripun sangat kesulitan menemukan artikel yang saya cari.

Nah tujuan membuat halaman daftar isi sesuai label ini supaya mempermudah si pembaca dalam mencari artikel yang dia inginkan.

Coba bayangkan jika blog anda ditinggal begitu saja oleh pembaca setia anda karena halaman daftar isinya yang mempersulit mereka menemukan artikel yang dicari.

Tentunya akan mencari lagi blog lain kan.. nah ini bahanya jika terlalu banyak maka bounce rate blog anda akan naik, jika bounce rate anda naik ada kemungkinan blog anda akan di cap tidak berkualitas.

Oleh karena itu membuat halaman daftar isi sesuai label sangat penting. Mari kita mulai sekarang !!!

Langkah pertama !!! Buat Halaman baru dan berinama Judul sesuai label yang anda maksud contohnya seperti Sejarah

Setelah itu pilih pada kolom HTML dan masukan kode dibawah ini


 <style type="text/css">
#tanyadoelcom{background:#fff;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);}
judule{color:#FFF;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;}
ol{font-weight:normal;background:#fff;margin-left: 35px;}
ol li{border-bottom: #ddd 1px dotted;margin-right:5px;padding:3px}
</style>

<br />
<div id="tanyadoelcom">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/pi-project@ce599c1082b28f589ee0582485dc661a3f9ba15c/sitemapsatulabel.js">
</script>
<judulLabel>Judul Label</judulLabel>
<br />
<ol>
<script src="/feeds/posts/default/-/JudulLabel?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999">
</script>

Pada Huruf yang saya tandai dengan warna MERAH Ganti dengan Judul label
Dan pada Huruf yang berwarna BIRU ganti dengan nama label postingan.

Jika nama label nya pake spasi maka tambahkan tanda %  atau & atau - dalam sela spasi contohnya jika Judul labelnya Bisnis online maka masukan kode seperti ini Bisnis%Online dan sebagainnya.

Klik simpan dan publish lihat hasilnya.

Contoh Halaman Daftar Isi Sesuai Label Tertentu


anda juga bisa menambahkan beberapa label 

Copy code berikut ini dan simpan di bawah code  </script>

 </script>
<judulLabel>Judul Label</judulLabel>
<br />
<ol>
<script src="/feeds/posts/default/-/JudulLabel?orderby=published&amp;alt=json-in-script&amp;callback=startpost&amp;max-results=999">
</script>

Caranya sama seperti tadi. Jika anda ingin menambah lagi labelnya silahkan lakukan langkah seperti tadi.

Nah jadi seperti itulah membuat halaman ini juga mampu mempertingkat kenyamanan pembaca jika pembaca nyaman akan ada kemungkinan blog anda disukai google dan akan tetap page on..

sekian dari saya semoga berhasil

0 Response to "Cara Membuat Halaman Daftar Isi Sesuai Label Tertentu"

Post a Comment

Komentar yang relevan dan tidak mengandung amarah

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel