Script Sitemap Tersimple Dan Responsive

Sitemap paling simple dan sangat responsive: Sitemap atau dalam pengertian bahasa yang lebih mudah di pahami adalah daftar kumpulan link URL pada sebuah situs web atau blog. Dan di kalangan blogger lebih akrabnya di sebut dengan Peta situs. Kemudian, untuk lebih jelasnya, yang di sebut dengan sitemap ini, berisi seluruh link Url artikel-artikel yang ada di blog. Fungsi dari sitemap sendiri adalah untuk memetakan konten-konten yang ada dalam situs web. Yang terbentuk dalam file XML (Extensible Markup Language), yaitu suatu file teks untuk menampilkan atau memperinci seluruh informasi-informasi URL yang ada di situs web.

Selanjutnya, perincian Ini bisa mencakup informasi-informasi tambahan (struktur data) pada setiap URL. Kemudian perinciannya juga bisa bersifat kapan Url atau konten terakhir di perbarui, dan apakah ada dari URL yang di rubah dan di buat dalam bahasa lain. Sebenarnya, semua ini di lakukan untuk membantu mesin telusur (search engine) agar lebih mudah dalam merayapi situs web/blog secara lebih efisien. Dan ini sangat memungkinkan semua perubahan apa pun untuk di umpankan ke mesin telusur secara langsung, termasuk ketika halaman lama di hapus atau menambahkan halaman-halaman yang terbaru.

Baca Juga:

Script HTML Ukuran Text Huruf.

Script Merubah Ukuran Tempilan Gambar Di Blog.

Cara Membuat File Gambar Jadi SEO.

Script Sitemap Tersimple Dan Sangat Responsive Untuk Blog Dan Website

Seperti yang sudah saya jelaskan di atas, bahwa sitemap atau peta situs itu berisi tentang kumpulan data-data URL halaman konten yang ada di sebuah blog. Selanjutnya, bagaimana caranya membuat sitemap yang sangat responsive dan keren pada blog yang kita kelola?.

Dalam pembuatan sitemap, menurut yang saya ketahui ada 2 (dua) macam cara:

(1). Sitemap Generator.

Sitemap generator adalah merupakan suatu bentuk layanan pembuatan sitemap atau peta situs secara otomatis. Jadi, kita hanya mendaftarkan link URL nama blog, kemudian klik Start, nanti berbagai Url yang ada di blog/web akan terstruktur secara otomatis. Salah satu website yang melayani pembuatan sitemap gratis adalah XML-Sitemap. Bagi anda yang ingin mencoba, silahkan masuk di tautan Sitemap Generator.

(2). Script Sitemap.

Kemudian, cara membuat sitemap yang nomor 2 (dua), ini kita cukup menggunakan susunan kode script yang secara otomatis akan membentuk struktur/susunan berbagai link konten artikel beserta tanggal, bulan, dan tahun secara lengkap.

Dari kedua cara membuat sitemap di atas itu, manakah yang paling bagus untuk kita gunakan di blog (blogspot)?. Kalau menurut saya, yang paling cocok dan bagus adalah cara yang nomor 2 (dua), yaitu menggunakan script sitemap. Sebab, di dalam script tersebut telah tertanam link yang otomatis dari blog kita. Dan ini akan memberikan dampak pada sitemap menjadi lebih SEO dan Responsive.

Agar tidak penasaran bagaimana bentuk susunan scriptnya, maka di bawah ini tepat di dalam textarea telah saya sediakan script sitemap tersimple dan sangat responsive. Bila ada yang berminat silahkan di salin/copy untuk di gunakan di blog anda masing-masing.

Silahkan di Copy Script Sitemap Tersimple Dan Responsive ini:
<style>#w-sitemap-wrapper {font-size:13}#w-sitemap-wrapper li {position:relative;padding:.385em 0 .385em 6.923em;border-top:none;border-bottom:1px solid #0000ff}#w-sitemap-wrapper span {position:absolute;left:0;color:#0000ff}#w-sitemap-wrapper a {font-weight:bold}#w-sitemap-loading-msg {height:100px;line-height:100px;text-align:center;font-weight:bold;letter-spacing:1px;font-size:18px;color:#bbbbbb}</style> <script>(function(c,m){var F=function(s){return s.replace(/&(?!(amp|gt|lt|quot|apos);)/g,function(a){return"&"}).replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'")};var h=window;var l=document;var e="w-sitemap-wrapper";var g="w-sitemap-loading-msg";var b=h.location;var n=b.protocol;var f=b.hostname;var k=0;l.write("<div id='"+e+"'><ol></ol><div id='"+g+"'>"+m+"</div></div>");var a=l.getElementById(e);var d=l.getElementById(g);var j=l.getElementById(e).getElementsByTagName("ol")[0];function i(o){var p=l.createElement("script");p.src=n+"//"+f+"/feeds/posts/summary?alt=json-in-script&callback=wijs_get_sitemap&start-index="+o+"&max-results=150";a.appendChild(p)}h.wijs_get_sitemap=function(E){var A=E.feed.entry;var u=parseInt(E.feed.openSearch$totalResults.$t);var x=A.length;var w="";for(var s=0;s<x;s++){var o=A[s];var C=o.title.$t;var p;var D=o.link;var y=D.length;for(var r=0;r<y;r++){if(D[r].rel==="alternate"){p=D[r].href;break}}var z=o.published.$t;var q=z.substring(0,4);var t=z.substring(5,7);var v=z.substring(8,10);var B=c.replace("dd",v).replace("mm",t).replace("yyyy",q);w+="<li><span>"+B+"</span><a href='"+p+"'>"+F(C)+"</a></li>"}j.innerHTML+=w;k+=x;if(k<u){i(k+1)}else{d.parentNode.removeChild(d)}};i(1)})("dd/mm/yy","Loading...");</script>

Selanjutnya, setelah script tersebut anda copy, bila ada sesuatu yang ingin di rubah. Dalam hal ini menyangkut jumlah Url judul artikel yang di tampilkan. Maka anda dapat merubahnya sendiri sesuai keinginan. Dan untuk merubahnya, anda bisa lihat pada susunan script jumlah link url artikel seperti ini: /feeds/posts/summary?alt=json-in-script&callback=wijs_get_sitemap&start-index="+o+"&max-results=150";. Pada angka 150 itu bisa anda rubah menjadi 25, 50, 100 atau berapapun jumlah Url artikel yang anda inginkan.

Kemudian untuk hasil dari script sitemap yang sangat simple tersebut. Maka anda bisa lihat pada gambar di bawah ini:

Cara Memasang Script Sitemap Tersimple Dan Responsive

Pada umumnya, Sitemap adalah termasuk salah satu bagian terpenting bagi kehidupan blog/website. Dalam sebuah blog, apabila tertanam link URL Sitemap, maka akan mudah di index atau di crawl oleh robot mesin telusur Google, Bing, Yandex, dan mesin telusur lainnya.

Kemudian, setelah semua link URL blog telah di index oleh mesin telusur (search engine). Maka, akan membawa dampak positif terhadap web/blog di mesin penelusuran. Dan ini akan bisa menjadikan blog kita selalu berada di halaman utama search engine. Dengan begitu, blog/website yang kita kelola akan selalu ramai dan banyak pengunjung (visitor).

Di atas itu adalah termasuk hal-hal penting yang wajib di ketahui mengenai pentingnya Sitemap atau peta situs pada sebuah blog. Selanjutnya, kita langsung fokus pada bahasan cara memasang script sitemap responsive pada blog. Bagi pengguna blogspot yang masih pemula dan belum memiliki halaman sitemap, silahkan di pelajari tahap-tahap memasang sitemap. Dan panduan yang saya berikan di bawah ini, kita menggunakan Smartphone versi mobile.

(1).

Login di akun blogger atau blogspot.

(2).

Setelah berada di halaman Dashboard, lalu klik pada menu navigasi pojok kiri atas, kemudian klik menu "Halaman" di sebelah kiri, maka akan muncul halaman seperti gambar di bawah ini.

(3).

Selanjutnya, setelah muncul halaman seperti di atas, lalu klik tambah (+) untuk membuat halaman baru. Maka akan muncul halaman seperti pada gambar di bawah ini.

(4).

Selanjutnya, Pada gambar di atas itu tampak sebuah halaman, dan karena kita akan membuat halaman sitemap, maka pada form judul pada halaman seperti gambar di atas itu kita isi dengan judul "Sitemap". Kemudian, pada form textarea kita masukkan Script sitemap yang kita salin/copy tadi.

(5).

Setelah menasukkan script sitemap di form textarea, selanjutnya klik pada gambar panah berwarna orange untuk menyimpan. Setelah berhasil menyimpan, maka halaman sitemap yang kita buat sudah jadi dan bisa kita lihat hasilnya.

Kesimpulan:

Sitemap atau peta situs itu sangatlah penting bagi kehidupan suatu blog/website. Dengan memiliki sitemap, maka blog/website itu akan mudah di crawler atau di index oleh mesin telusur (search engine) Google, Bing, dan mesin telusur lainnya.

Dalam hal membuat sitemap, sebenarnya banyak sekali situs-situs yang melayani pembuatan sitemap blog yang gratis maupun berbayar. Namun, rekomendasi yang paling baik adalah membuat sitemap sendiri dengan menggunakan script sitemap yang responsive, sederhana, dan mudah di crawl oleh mesin telusur.

Demikian artikel tentang Script Sitemap Tersimple Dan Responsive. Semoga berguna dan bermanfaat.

Artikel Script Sitemap Tersimple Dan Responsive di publikasikan oleh: CaraSeoNet pada: September 02, 2021. Silahkan baca artikel lainnya di bawah ini.