Cara Membuat Sitemap (Daftar Isi) Menarik, Simpel dan SEO Freindly - Salah satu keterbatasan blog adalah kurangnya ruang indeks, sitemap atau daftar isi yang tidak dimiliki oleh situs untuk mempermudah para pembacanya mencari semua artikel yang mereka butuhkan. Sementara Arsip, Label, Random Post dan Recent Post hanya menampilkan sebagian saja isi dari artikel yang ada di dalam blog, sehingga pembaca sering kesulitan untuk menemukan artikel yang mereka sukai. Jika blog kita di ibaratkan sebuah restaurant, maka sitemap merupaka daftar menu buat tamu-tamu kita.
Bagaimana cara membuat sitemap otomatis di blogger 100% SEO friendly yang dapat menampilkan semua artikel yang dipisahkan dengan Label yang telah Anda publish?
Cara membuat sitemap atau daftar isi di blog itu mudah. Anda tinggal membuat laman baru, pilih HTML kemudian isi dengan Copy script di bawah ini, berikan Judul Sitemap atau Daftar Isi kemudian Publish. Jangan lupa sebelum di Publish Diskripsi Penelusuran juga Anda isi dengan "Daftar Isi Nama Blog" atau dengan "Sitemap Nama Blog" agar laman sitemap dapat segera terindex di mesin pencari.
Sitemap ini juga akan menampilkan tanda "New" yang terdapat pada artikel baru Anda. Untuk melihat demo dari sitemap diatas, silahkan klik "CONTOH SITEMAP".
Berikut kode yang bisa anda copy paste di laman sitemap anda :
<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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
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{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<div id="toc">
<script src="https://googledrive.com/host/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>
<script src="http://strategi123.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Silahkan ganti terlebih dahulu tulisan merah dengan alamat blog anda, kemudian publish. Halaman Sitemap atau Daftar Isi sudah selesai. Selamat Mencoba.
Sangat membantu, begitu diterapkan sangat pas di blog saya. Ditunggu kunjungannya mas. Wasalam
ReplyDeleteSama-sama Mas Riyan.. Di tunggu saja kehadiran saya ya.. hehe
Delete