Cara nak buat sitemap? Post aku pada kali ini atas permintaan seorang komen anonymus yang nak aku ajar cara buat sitemap untuk blogger. Ianya takde la susah sangat kalau korang rajin google kat internet tu.
Memandangkan blog aku ni bukan la blog tutorial nak cantikkan blog ke, design blog korang semua tu, jadi aku selitkan la tutorial sekali dengan tips kegunaan sitemap ni.
Tutorial Buat Sitemap Untuk Blogger
1. Pergi ke page, dan buat satu page baru.
2. Klik pada HTML, dan paste kan code di bawah :
<span style="font-family: Georgia, Times New Roman, serif;"><a href="http://www.NAMABLOG.com/" target="_blank">DESCRIPTION HERE</a></span>
<style>
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF; -webkit-box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2); -moz-box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2); box-shadow:4px 4px 8px 2px rgbaundefined0,0,0, 0.2);} .labl{color:#FF5F00;font-weight:bold;margin:0 -5px;padding:1px 0 2px 11px; background:-moz-linear-gradientundefinedright,#C2EAFE 0%,#055A85 40%); background:-webkit-gradientundefinedlinear,left 10,right 80,color-stopundefined0.20,#055A85),color-stopundefined1,#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:#6E6E6E;} .labl:first-letter{text-transform:uppercase;} .new{color:#FF5F00;font-weight:bold;font-style:italic;} .postname{font-weight:normal;background:-moz-linear-gradientundefinedright,#C2EAFE 0%,#fff 40%); background:-webkit-gradientundefinedlinear,left 80,right 10,color-stopundefined0.60,#fff),color-stopundefined1,#C2EAFE));} .postname li{border-bottom: #ddd 1px dotted;margin-right:5px} #sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer , #rsidebar-wrapper ,.rolapa,.post h2{ display:none !important;} #main-wrapper { width:98%!important;} .post { width:98%!important; }
</style>
<br /><div id="toc"><script src="http://bloggerprofessionals.googlecode.com/files/MyTOC.js" type="text/javascript"></script> <script src="http://www.NAMABLOG.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script></div><div style="clear: both;"></div><div class="rolapa"></div><br /><br /><center><script>function numposts(json) { document.write('This blog has ' + json.feed.openSearch$totalResults.$t + ' posts'); }function numcomments(json) { document.write(' and ' + json.feed.openSearch$totalResults.$t + ' Comments');}</script><script src="http://www.NAMABLOG.com/feeds/posts/default?alt=json-in-script&callback=numposts"></script><script src="http://www.NAMABLOG.com/feeds/comments/default?alt=json-in-script&callback=numcomments"></script></center>
3. Klik save. Untuk paparan yang lebih cantik, gunakan satu atau dua label sahaja dan pastikan ianya ber'value'. Maknanya bagi label tu, contoh label 'Artis', boleh la korang tukar ke 'Gosip Artis Malaysia'.
Kepentingan Sitemap
Kepentingan sitemap ni aku bahagikan kepada dua. Yang pertama untuk pembaca dan satu lagi kepada google crawler. Sitemap pada blog korang tu untuk kegunaan pembaca dan sitemap yang paling penting ialah sitemap yang korang submit ke webmaster tu.User/reader - Memudahkan pembaca mencari, menyelongkar segala entri yang ada dalam blog korang mengikut kategori/label yang korang buat tu. Lagi sekali pastikan penggunaan label tidak boleh melebihi dua maksimum bagi satu entri.
Webmaster, google - Ini yang paling penting untuk memberi tahu google setiap entri baru korang tu untuk diindex dengan lebih cepat. Kelebihan bagi pengguna wordpress di mana tersedia tools untuk terus ping entri baru secara automatik untuk instant backlink.
Tak tahu macamana nak submit ke google webmaster tools pulak? adeh. Pergi google. Takan semua aku nak feed je kan. Kalau gitu sambil bila-bila korang takan belajar sendiri.
Paling mudah, pergi ke google webmaster tools > add site > verify by HTML tag (code inserted into template) below <head> tag > paste.
kembali ke google webmaster tools website > klik pada site yang ditambah tadi > sitemap > add sitemap. contoh sitemap (domain.com/atom.xml dan domain.com/rss.xml) siap!
Aku harap sedikit sebanyak tutorial ni membantu beberapa orang yang nak cuba guna sitemap macam blog aku ni. Simple tapi kemas. Kalau aku tak puji diri sendiri takan nak tunggu korang puji pulak kan. haha
Share :
Memang kena buat sitemap, memudahkan pengunjung untuk melihat post terdahulu.
ReplyDeletelebih kurang gitu laa. senang orang nak cari apa yang ada kat blog ni.
Deleteteknik yang bijak untuk naikkan bounce rate
DeleteSitemap ni memang boleh diapply pada semua blog ke atau hanya pada blog-blog
ReplyDeleteyang ada pages saja ?
dekat post pun boleh jugak. cuba lah. tak pernah try pulak kat post.
Deletepenting untuk sitemap nih... boleh naikkan page views lagi...
ReplyDeleteMemang penting sitemap ni.. Blog aku takde kot :P Hehehe banyak membantu juga dari sitemap ni..
ReplyDeleteadakah ia akan memberatkan loading blog?
ReplyDeletesaya rasa tak beratkan loading sebabnya kita hanya gunakan CSS coding terus daripada page tersebut.
Deletecuma ada satu je outsource .js iaitu "http://bloggerprofessionals.googlecode.com/files/MyTOC.js" dalam code di atas. kalau takut .js tersebut didelete oleh owner dia ke, boleh la buat .js sendiri dan letakkan kat google hosting kita sendiri.
cantik...leh try guna coding ni...
ReplyDeletethanks bro..leh kurang satu plugin camni...
terima kasih kerana berkongsikan tutorial ini..
ReplyDeleteBagus nih. Tak pernah buat sitemap utk blog Blogger. WP biasalah guna plugin. Thanks for sharing.
ReplyDeleteMenarik juga sitemap ni. Boleh cuba di blog saya.
ReplyDeletebila otai seo berbicara,, huhuu
ReplyDeleteSaya dah daftarkan sitemap blog di webmaster google namun untuk bing rasanya belum nie ...
ReplyDeletebenda penting ni
ReplyDeletesenang nak cari apa2 dalam blog
Emm mujurlah Pondok Kecil dah ada sitemap ni..hehe..
ReplyDeletepenting nih, kena buat ya...lepas linkkan kat atas ke,.. bawah ke di homepage tuh
ReplyDeleteAlhamdulilah . terima kasih kerana buat tutorial nie. sitemap nampak ringkas tapi kebanyakkan blogger ambil endah tak endah je.. sitemap amat penting bgi sesebuah blog agar mudah di selongkar oleh robot .
ReplyDeleteThanks bro...ko mmg terbaiklah!
ReplyDeleteterima kasih, sangat bermanfaat
ReplyDelete