![]() |
cara Membuat Page Site map |
Hallo, Sahabat Uci Design Kali ini mimin ingin Membuat Cara Membuat Page Site map Seperti yang mimin terapkan Di blog ini ya.
Apa sih Gunanya site map, Dan seberpa pentingkah site map bagi blog atau website
Nah Disini mimin ingin menjelaskan sedikit.
Site Map Adalah sebuah Peta situs yang merujuk pada sebuah halaman yang berisikan seluruh URL yang Ada pada situs.
Sederhana nya adalah daftar isi dari suatu situs.
Dengan adanya Site Map ini, mesin pencari Seperti Google, Bing Atau pun Yahoo Akan dapat mengcrawl setiap URL yang Ada disuatu situs Dengan mudah, yang akhirnya berdampak pada cepat nya pengindekan konten dihalam pencari.
Sesungguh nya jika anda menggunakan Blogger, Sudah memiliki site map sendiri yang berformat xml.
Untuk mengecek nya anda cukup menambahkan sitemap.xml. Di belakang URL anda ( Contoh: https://ucidzgn.blogspot.com/sitemap.xml ).
Contoh SiteMap Dari Blogger |
Nah, karna Blogger Sudah memiliki Site Map nya sendiri, Mimin Disini Akan membagikan Site Map yang ditujukan untuk membantu pengujung dalam mengetahui isi dari blog yang Kita kelola.
Demo SiteMap |
Kurang Lebih itulah tapilan Demo Site Map nya.
Tahap pemasangan
- Pertama, Silahkan masuk ke dashboard Blogger.com Seperti biasa.
- Selanjutnya, pilih Laman, Kemudian klik Laman Baru untuk Membuat Page/halaman baru.
- Untuk Membuat sitemap, Silahkan alihkan Dari tap Compose menjadi ke HTML terlebih dahulu.
- Kemudian masukan Copy-Paste Script Di bawah ini kedalam nya.
<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: #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;} .labl a{color:#fff;} .labl:first-letter{text-transform:uppercase;} .new{color:#FF5F00;font-weight:bold;font-style:italic;} .postname{font-weight:normal;background:#fff;margin-left: 35px;} .postname li{border-bottom: #ddd 1px dotted;margin-right:5px} </style> <br /> <div id="toc"> <script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script> <script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script></div>
- Jangan lupa Beri judul untuk halaman ini, Kemudian klik Publikasikan.
Kurang Lebih itulah Cara Membuat Membuat sitemap Di Blog yang anda kelola.
Jika anda merasa Ragu Dan Tidak paham Silahkan tinggalkan momentar Dibawah, kemungkinan Saya Akan membantu.
Tes kolom momentar takut error lagi
ReplyDeleteMAKSIH
ReplyDeleteSama-sama gan
DeleteWah keren banget min page site map nya... boleh juga tuh dicoba...
ReplyDeleteSilahkan Di terapkan gan
Deleteudah dicoba dan hasilnya mantap. makasih buat tutorialnya min
ReplyDeleteSiap
DeleteTernyata didalam artikel ini, dilampirkan scriptnya jugaa yaa, makasih ya min :)
ReplyDeleteSama - sama gan
DeleteSitemap sangat penting karena membantu search engine mengindeks blog kita. Artikel yg sangat bagus, dilfngkapi tutorial dan gambar.
ReplyDeleteTrimakasih
DeleteCara membuat Page sitemap yang lengkap, bagus nih, Saya coba min, makasih informasinya 👌
ReplyDeleteOk
DeleteAlhamdulillah dari template yg saya beli, udah disediain site map nya gan
ReplyDeleteBagus itu gan Jadi tidak perlu repot" membaut nya
DeleteSitemap penting banget biar diterima googrg adsense
ReplyDeleteIya gan
DeleteSuka ama sitemapnya, bisa dicoba nih terapin di blog👍👍
ReplyDeleteSilahkan gan
DeleteTampilan sitemapnya simpel dan smooth,ka.
ReplyDeleteAisha suka.
Terima kasih sudah memberikan scriptnya
Sama-sama kakak
DeleteKebetulan blog saya berlum bikin sitemap karena lupa, di coba dulu yah tutorialnya
ReplyDeleteSilahkan jika Ada pertanyaan Silahkan bertanya gan
Delete