 |
| sitemap efektif dan responsif |
Pada dasarnya halaman HTML Peta Situs berisi daftar hypertext link standar untuk semua halaman pada sebuah situs web atau blog. Daftar ini harus menyertakan link ke homepage, untuk semua halaman utama dan Subpages di situs,Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya. Sama halnya dengan webiste pada umumnya, blog juga memerlukan sitemap agar mesin pencari dengan mudah mendeteksi konten di dalamnya. Dalam sistem sitemap ini pengguna dapat melakukan submit peta web berbasis XML langsung ke Google yang akan membantu Google mengindeks halaman web dengan mudah.
Pada dasarnya,langkah yang harus diterapkan oleh pengguna sitemap adalah:
- Gunakan perangkat lunak untuk menciptakan peta situs (sitemap) dalam format XML Google.
- Integrasikan dan unggah ke situs web.
- Beri tahukan URL web ke Google.
Membuat halaman Peta Situs di HTML cukup mudah. Ini hanya memasukkan satu set hyperlink terdaftar yang mengarah ke seluruh halaman di situs.
Terus bagaimana caranya kang?
- Buka blog yang akan anda pasang sitemap.
- Buat laman baru
- Terus ganti mode penulisan di html(letaknya dikiri atas samping compose)
- Paste kode berikut ini.
<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,center 60,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/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://sharetipsandtrik.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Catatan: Ganti huruf yang berwarna merah dengan alamat blog sobat
Halaman Sitemap ini sudah saya aplikasikan di blog saya ini dan nyatanya terbukti bagus(menurut saya sendiri..wkwk).
Sebagai contohnya bisa anda lihat disini.
Kalau masih bingung tentang pembuatan sitemap ini bisa tanya via komentar dibawah.