Cara membuat sitemap?


Sitemap situs web mirip dengan daftar isi buku. Peta Situs penting karena memandu peselancar web ke bagian tertentu dari situs web tempat mereka memiliki minat. Dengan itu, mereka akan menghemat waktu mengikuti tautan dan langsung menuju ke titik.

Peta Situs juga merupakan tempat mesin telusur melihat apakah seseorang mencari kata kunci atau frasa tertentu. Jika Anda memiliki peta situs, Anda kemungkinan besar dapat dicari.

Membuat sitemap, sekarang dengan teknologi perangkat lunak, relatif lebih mudah dari sebelumnya. Anda tidak perlu menjadi guru pemrograman untuk menjadi satu. Yang dibutuhkan hanyalah notepad, editor program, dan kesabaran. Begini cara Anda melakukannya:

Buat daftar pada notepad.
Tidak harus berupa notepad. Program pengolah kata apa pun akan dilakukan. Pertama, pastikan untuk mengetik semua bagian dan bagian dari situs web Anda. Sertakan semua halaman dan semua tautan yang Anda miliki. Buat itu seolah-olah Anda daftar isi buku Anda. Buat draf lebih dulu. Anda yakin tidak akan melewatkan sesuatu dengan cara ini.

Masukan code berikut di notepad anda
<style type="text/css">
.tabbed-toc {margin:0 auto;background-color:#2f77bd;box-shadow: 0 0 7px rgba(5, 5, 5, 0.34);overflow:hidden;
position:relative;color:#333;border: 1px solid #9C9C9C;}
.tabbed-toc .loading {display:block;padding:10px 12px;font:normal bold 12px/normal Helmet,FreeSans,Sans-Serif;
color:white;}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li {margin:0;padding:0;list-style:none;}
.tabbed-toc .toc-tabs {width:20%;float:left;}
.tabbed-toc .toc-tabs li a {display:block;font:normal bold 12px/28px Helmet,Freesans,Sans-Serif;overflow:hidden;text-overflow:ellipsis;color:#fff;text-transform:uppercase;text-decoration:none;
padding:7px 15px;cursor:pointer;box-shadow: 0px 1px 1px rgb(255, 255, 255);}
.tabbed-toc .toc-tabs li a:hover {background-color:#4086E0;color:white;box-shadow: 0 0 7px rgba(0,0,0,.7);}
.tabbed-toc .toc-tabs li a.active-tab {background-color:#FFF;color:black;box-shadow: 0 0 7px rgba(0,0,0,.7);
z-index:5;margin:0 -1px 0 0;/* cursor:text; */}
.tabbed-toc .toc-content,.tabbed-toc .toc-line {width:80%;float:right;background-color:white;border-left:5px solid #1E84BC;box-sizing:border-box;}
.tabbed-toc .toc-line {float:none;display:block;position:absolute;top:0;right:0;bottom:0;box-shadow:0 0 7px rgba(0,0,0,.7);}
.tabbed-toc .panel {position:relative;z-index:5;font:normal normal 10px/normal Helmet,FreeSans,Sans-Serif;}
.tabbed-toc .panel li a {display:block;position:relative;font-weight:bold;font-size:12px;color:#000;line-height:20px;padding: 10px 12px;
text-decoration:none;outline:none;overflow:hidden;}
.tabbed-toc .panel li time {display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right;}
.tabbed-toc .panel li .summary {display:block;padding:10px 12px 10px;font-style:italic;
border-bottom:4px solid #275827;overflow:hidden;}
.tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;padding:4px;
width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa;}
.tabbed-toc .panel li:nth-child(even) {background-color:#66A9FF}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li a:hover time,.tabbed-toc .panel li.bold a {
background-color:#333;color:white;outline:none;}
.tabbed-toc .panel li.bold a:hover,
.tabbed-toc .panel li.bold a:hover time {background-color:#222}
.post ol li::before {content: none;}
.post ol li {margin:0;}
@media (max-width:700px) {
.tabbed-toc {border:2px solid #333}
.tabbed-toc .toc-tabs,.tabbed-toc .toc-content {overflow:hidden;width:auto;float:none;display:block;}
.tabbed-toc .toc-tabs li {display:inline;float:left;}
.tabbed-toc .toc-tabs li a,.tabbed-toc .toc-tabs li a.active-tab {background-color:#2f77bd;box-shadow:2px 0 7px rgba(0,0,0,.4);}
.tabbed-toc .toc-tabs li a.active-tab {background-color:white;color:#333;}
.tabbed-toc .toc-content {border:none}
.tabbed-toc .toc-line,
.tabbed-toc .panel li time {display:none}
.tabbed-toc .panel li a{height: auto;}
</style>
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
monthNames: [ // Array of month names
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>
<script src="https://cdn.jsdelivr.net/gh/tovic/dte-project@2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>
Buat halaman baru untuk sitemap Anda.



Buat tautan untuk sitemap.
Anda tidak akan dapat melihat peta situs jika Anda tidak akan memasang tautan untuk itu, tentu saja. Buat tautan di halaman depan situs web Anda sehingga pengunjung dapat melihatnya langsung dan diarahkan dengan tepat.


Anda dapat memasukkan sitemap di situs web Anda di salah satu halamannya atau Anda dapat membuat halaman yang sepenuhnya berbeda untuk itu. Dengan menggunakan notepad Anda, gabungkan semua tag yang diperlukan untuk membuat halaman web lain. Buka program pembuat situs web Anda dan beri tag sitemap Anda menggunakannya. Jika Anda telah membuat situs web Anda sendiri, ini akan mudah bagi Anda.


Periksa pekerjaanmu.
Penting untuk memvalidasi fungsionalitas tautan yang Anda buat di sitemap. Uji masing-masing dan setiap orang di sana dan jika Anda mendapatkan kesalahan, pastikan untuk memperbaikinya secara akurat. Jalankan melalui setiap halaman untuk memastikan bahwa semua dicatat.

Unggah karya Anda.
Tempatkan sitemap sekarang di browser langsung Anda dan periksa kembali. Ini harus berfungsi semulus berlari kering. Kesalahan harus minimal pada tahap ini karena Anda sudah memverifikasinya secara lokal.


Langkah-langkah yang diberikan dengan ini adalah cara manual membuat sitemap. Hari-hari ini, jika Anda mencari cukup keras di web, Anda akan menemukan program online yang akan melakukan semua ini untuk Anda. Yang harus Anda lakukan adalah mengetikkan URL atau tautan dari situs web Anda dan mereka akan membuat sitemap dengan mengklik tombol.

Tentu saja metode itu generik. Anda semua yang telah membuat sitemap mereka dengan cara itu akan memiliki produk akhir yang semuanya sama, ditambah ada kemungkinan bahwa sesuatu yang lain akan disisipkan di sana juga. Kemudian lagi, prosesnya lebih ringan dan jauh, lebih sederhana.

Tetapi jika Anda menginginkan output yang lebih personal, dan Anda cukup mahir dengan komputer dan memprogram sendiri, lebih baik buat sendiri. Dan karena Anda membuat situs web Anda, membuat peta situs sama seperti membuat laman lain di situs web. Selain Anda akan tahu pasti tautannya akurat, Anda dapat mengatur tautan sesuai keinginan Anda. Bagian utama dari situs ditekankan dibandingkan dengan yang kurang signifikan. Ini penting terutama jika Anda menjual produk atau menawarkan layanan online.

Sitemap sangat penting untuk sebuah situs web. Orang-orang mencari web banyak untuk sesuatu. Jika situs web Anda memiliki apa yang orang itu cari, dan peta situs Anda melaporkannya, maka Anda memiliki pelanggan baru yang melihat barang-barang Anda. Tidak hanya itu, mereka akan melihat beberapa hal lain untuk dijual yang mungkin mereka minati juga.

Peta Situs, baik itu dihasilkan oleh program secara otomatis atau Anda membuatnya sendiri, menyajikan tujuan yang sama. Ini adalah untuk mengarahkan pengunjung ke tempat yang mungkin mereka tuju, dan agar Anda dapat dilihat di World Wide Web melalui spider penelusuran. Jadi dengan ini, pastikan situs web Anda memiliki sitemap sendiri,

1 Response to "Cara membuat sitemap?"

  1. kurang tau juga fungsi ini sitemap. soalnya jarang banget pengunjung buka sitemap. kecuali pengunjung yang udah bener bener ngerti tentang blog / web gitu.

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel