Peta situs atau sitemap merupakan salah satu komponen yang cukup penting dalam proses peng-indexan situs web menggunakan tools google search console.
Sebelum kita membahas lebih mendalam mengenai fungsi sitemap, pernahkah anda bertanya bagaimana cara kerjanya mesin pencari google menemukan situs kita dan menampilkannya dalam beranda mesin pencari.?
Jawabannya, google ini memiliki sistem perayapan yang dinamakan Google bot, nah google bot inilah yang kemudian mengumpulkan data dari berbagai situs, termasuk situs anda lalu mengkompilasinya dan akhirnya memutuskan untuk memunculkan situs atau artikel anda di tingkatan perangkingan beranda search engine.
Mudahnya, sitemap ini memiliki fungsi untuk membantu google bot merayapi sebuah situs dan memberikan kredibilitas / kepercayaan lebih kepada mesin pencari.
Nah walaupun ada yang mengatakan bahwa sitemap ini tidak terlalu penting, tetapi bagi saya sendiri.. dengan adanya sitemap ini lebih memudahkan dalam proses pengindexan artikel baru.
Berbeda dengan sebuah situs yang tidak memasang sitemap maka proses indexing akan terasa lebih lama, bisa sampai berminggu – minggu bahkan sampai berbulan – bulan jika situs tersebut baru saja diluncurkan atau dengan kata lain situs tersebut masih berumur muda.
Cara kerja googlebot sendiri dalam situs kita ialah, pada sebuah situs, googlebot menelusuri dan menjelajahi web kita, mulai dari halaman perhalaman, kemudian ia akan mencatat semua informasi yang ditemukan termasuk berbagai tautan yang ditemukan, selanjutnya ia akan mengkompilasi data tersebut untuk nantinya dimunculkan pada mesin pencari dan menentukan apa yang relevan dengan konten pencarian search engine.
Selain itu sitemap ini juga memiliki fungsi untuk mengetahui pada suatu situs apakah terjadi duplicat content, dimana duplicat content ini bisa menjadikan authority sebuah website menjadi buruk, Nah biasanya jika hal ini terjadi, akan ditandai dengan munculnya peringatan pada Google Search Console.
Sedikit informasi, pada update terbaru yang saya baca pada situs luar, duplicat content tidak memberikan dampak apa – apa terhadap peringkat sebuah situs di mesin pencari.
Melihat fungsi sitemap yang sangat penting dalam menunjang proses indexing suatu website ataupun artikel agar muncul di mesin pencarian google, dimana akhirnya akan berkaitan dengan yang namanya “visitor organik” maka kali ini saya akan membagikan informasi bagaimana cara membuat sitemap pada platform blogger dan wordpress.
Cara membuat sitemap pada Platform Blogger
Untuk cara membuat sitemap pada platform blogger, berikut merupakan code yang digunakan untuk membuat sitemap, untuk sumber kodenya saya agak lupa, siapa ini pembuatnya, jika dari teman – teman ada yang mengetahui siapa yang membuat bisa diberitahukan pada kolom komentar.
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<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: ' – <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>
Cara membuat sitemap pada blogger sebagai berikut :
- Silahkan anda buka dasboard blogger anda, lalu pilih “Halaman” dan silahkan buat “Halaman Baru”.
- Jika sudah, silahkan ubah pada tampilan menulis menjadi tampilan “HTML” dengan mengklik tools pada pojok kanan atas, seperti pada foto yang saya berikan dibawah ini.
- Setelah Tampilan HTML muncul, silahkan copy code yang saya berikan diatas, lalu pastekan pada halaman kosong tersebut. Jangan lupa beri nama halaman tersebut dengan nama sitemap atau daftar isi, lalu klik “Publikasikan”.
- Untuk mengetahui apakah sitemap telah benar terpasang, anda bisa mengeceknya dengan mengklik icon mata (lihat) pada halaman post tersebut.
Cara membuat sitemap pada platform WordPress
Untuk membuat sitemap pada platform wordpress, sedikit berbeda dengan cara membuat sitemap pada blogger. Di wordpress, anda bisa menggunakan fitur auto sitemap yang disediakan oleh plugin yoast seo. Berikut panduan cara membuat sitemap pada wordpress :
- Silahkan anda instal terlebih dahulu plugin yoast seo. Caranya, silahkan login dahulu kedalam dasbor situs wordpress anda, lalu klik “Plugin” dan pilih “Tambah Baru”, selanjutnya cari Yoast SEO pada kolom pencarian. Jika sudah ditemukan pluginnya, silahkan klik instal dan tunggu hingga selesai.
- Setelah proses penginstalan plugin yoast seo selesai, silahkan klik aktifkan, nah jika plugin sudah aktif maka akan muncul tampilan seperti ini pada dasbord wordpress anda.
- Selanjutnya, klik plugin yoast seo -> fitur, dan aktifkan pada list pengaturan Peta situs xml.
- Jika sudah setting peta situs xml sudah aktif, silahkan klik Simpan Perubahan.
Penutup
Sekian informasi yang bisa saya sampaikan mengenai cara membuat sitemap pada blogger dan juga wordpress, pada dasarnya membuat sitemap tidak sesulit yang dibayangkan, sangat mudah jika anda mengikuti panduan yang saya berikan…Oke..semoga informasi ini bermanfaat bagi anda yang sedang mencari informasi terkait, terimakasih.