2/10/2019

Cara Membuat Page Site Map Terbaru

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.

Domo

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&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
  • Jangan lupa Beri judul untuk halaman ini, Kemudian klik Publikasikan.
Penutup
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.

23 comments:

  1. Tes kolom momentar takut error lagi

    ReplyDelete
  2. Wah keren banget min page site map nya... boleh juga tuh dicoba...

    ReplyDelete
  3. udah dicoba dan hasilnya mantap. makasih buat tutorialnya min

    ReplyDelete
  4. Ternyata didalam artikel ini, dilampirkan scriptnya jugaa yaa, makasih ya min :)

    ReplyDelete
  5. Sitemap sangat penting karena membantu search engine mengindeks blog kita. Artikel yg sangat bagus, dilfngkapi tutorial dan gambar.

    ReplyDelete
  6. Cara membuat Page sitemap yang lengkap, bagus nih, Saya coba min, makasih informasinya 👌

    ReplyDelete
  7. Alhamdulillah dari template yg saya beli, udah disediain site map nya gan

    ReplyDelete
    Replies
    1. Bagus itu gan Jadi tidak perlu repot" membaut nya

      Delete
  8. Sitemap penting banget biar diterima googrg adsense

    ReplyDelete
  9. Suka ama sitemapnya, bisa dicoba nih terapin di blog👍👍

    ReplyDelete
  10. Tampilan sitemapnya simpel dan smooth,ka.
    Aisha suka.
    Terima kasih sudah memberikan scriptnya

    ReplyDelete
  11. Kebetulan blog saya berlum bikin sitemap karena lupa, di coba dulu yah tutorialnya

    ReplyDelete
    Replies
    1. Silahkan jika Ada pertanyaan Silahkan bertanya gan

      Delete

" Berkomentar Lah Dengan Bijak, Sesuai Judul Artikel Trimakasih "