Tutorial Buat Sitemap Untuk Blog dan Kepentingannya

Saturday, December 21, 2013

Tutorial Buat Sitemap Untuk Blog dan Kepentingannya

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&amp;alt=json-in-script&amp;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&amp;callback=numposts"></script><script src="http://www.NAMABLOG.com/feeds/comments/default?alt=json-in-script&amp;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'.

Penggunaan label yang berlebihan dari dua bukan sahaja makin buruk paparan sitemap korang tu malah boleh mengakibatkan duplicate entri korang pada mata carian google. Sangat bahaya!


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 :

21 comments

  1. Memang kena buat sitemap, memudahkan pengunjung untuk melihat post terdahulu.

    ReplyDelete
    Replies
    1. lebih kurang gitu laa. senang orang nak cari apa yang ada kat blog ni.

      Delete
    2. teknik yang bijak untuk naikkan bounce rate

      Delete
  2. Sitemap ni memang boleh diapply pada semua blog ke atau hanya pada blog-blog
    yang ada pages saja ?

    ReplyDelete
    Replies
    1. dekat post pun boleh jugak. cuba lah. tak pernah try pulak kat post.

      Delete
  3. penting untuk sitemap nih... boleh naikkan page views lagi...

    ReplyDelete
  4. Memang penting sitemap ni.. Blog aku takde kot :P Hehehe banyak membantu juga dari sitemap ni..

    ReplyDelete
  5. adakah ia akan memberatkan loading blog?

    ReplyDelete
    Replies
    1. saya rasa tak beratkan loading sebabnya kita hanya gunakan CSS coding terus daripada page tersebut.

      cuma 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.

      Delete
  6. cantik...leh try guna coding ni...

    thanks bro..leh kurang satu plugin camni...

    ReplyDelete
  7. terima kasih kerana berkongsikan tutorial ini..

    ReplyDelete
  8. Bagus nih. Tak pernah buat sitemap utk blog Blogger. WP biasalah guna plugin. Thanks for sharing.

    ReplyDelete
  9. Menarik juga sitemap ni. Boleh cuba di blog saya.

    ReplyDelete
  10. bila otai seo berbicara,, huhuu

    ReplyDelete
  11. Saya dah daftarkan sitemap blog di webmaster google namun untuk bing rasanya belum nie ...

    ReplyDelete
  12. benda penting ni
    senang nak cari apa2 dalam blog

    ReplyDelete
  13. Emm mujurlah Pondok Kecil dah ada sitemap ni..hehe..

    ReplyDelete
  14. penting nih, kena buat ya...lepas linkkan kat atas ke,.. bawah ke di homepage tuh

    ReplyDelete
  15. Alhamdulilah . 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 .

    ReplyDelete
  16. terima kasih, sangat bermanfaat

    ReplyDelete

Korang kalau dah baca pastu tak komen, RUGI! :)
Digalakkan guna Comment As "Name/URL" untuk mendapatkan backlink serta memudahkan kunjungan balas.

 


Email : khairulasrol@gmail.com

Dapatkan Update Terkini PERCUMA!
...............................................
We respect your email privacy

Top Reading Posts

Top Recent Posts