Cara Membuat Sitemap diBlog Agar Terindex Google Begini Caranya

Cara Membuat Sitemap diBlog Agar Terindex Google Begini Caranya

Siang sobat, kali ini saya akan berbagi kembali mengenai tutorial-tutorial mengenai seputar Blogger, okeh teman-teman dari banyaknya pertanyaan seperti ini misalnya, Bagaimanakah kak cara membuat sitemap agar terindex google? Dari pertanyaan itulah maka penulis yaitu disini saya dari duniamu38 ingin sharing dan berbagi sourcecode atau kode script/html tinggal copas saja dan tempel di blog sobat, namun disini saya akan menjelaskan terlebih dahulu apa itu sitemap?

APA ITU SITEMAP ?

Jadi begini sobat Sitemap biasa dikenal seperti daftar isi dan mencakup isi semua artikel / postingan sobat yang ada di website sobat secara keseluruhan mulai dari A-Z pun akan ditampilkan oleh halaman sitemap ini, lebih jelasnya jadi sitemap itu adalahkumpulan informasi tampil pada situs yang memuat banyak URL daftar keseluruhan Judul-judul/URL yang ada pada situs sobat,

FUNGSI DARI SITEMAP ?

Jadi fungsi sitemap yaitu berfungsi sebagai peta search engine supaya cepat terindex url yang ada pada website sobat dan cepat terindex google. Lah disini script yang akan sobat pakai nanti akan mendeteksi secara keseluruhan postingan agan seperti gambar berikut :

MANFAAT SITEMAP ?

Adapun manfaat dengan adanya Halaman Sitemap ini nantinya banyak manfaat di blog agan misalnya yaitu, :

1.    Search Engine misalnya Google dan Bing akan cepat menemukan URL yang berada diblog sobat.

2.    Sitemap bermanfaat untuk optimasi SEO (Search Engine Optimization).

3.    Pembaca dengan mudah mencari postingan apa yang mereka inginkan dengan cepat dan mudah pastinya gan.

Cara Membuat Sitemap Untuk Website Blogger Keren

Contoh kali ini dari duniamu38 akan menjelaskan cara membuat sitemap di blog secara simple, sederhana, gamblang, dan mudah dipraktekkan sebagai berikut :

1# Langkah Pertama silahkan kalian Login dulu di blog Sobat.

2# Selanjutnya > Pilih Klik Halaman/Page

3# Langkah ketiga silahkan sobat buat halaman baru dengan cara > Klik Halaman Baru/Newpage

4# Kemudian Klik > Pilih html seperti gambar di bawah ini :

#5 Setelah sudah Langkah terakhir yaitu Copy dan Paste Code Script/html dibawah ini dan tempel kode dibawah in seperti gambar diatas :

 Berikut Kode Script/Htmlnya :

<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}
@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>

<br />
<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>

Jika semua sudah semua kalian buat sekarang Lalu buatlah link pada Home Page blog untuk menghubungkan Sitemap yang barusan sobat buat, untuk Cara mencari alamat page sitemap sobat silahkan tekan tulisan view setalah itu maka akan muncul halaman sitemapnya di blog agan, setelah itu silahkan copy link dihalaman web sobat itu. Selesai

Semoga artikel ini bermanfaat buat sobat semua jangan lupa share dan subscribe ya sobat. terimakasih