Cara Membuat Sitemap Keren SEO Pada Blog - WebTekno

Cara Membuat Sitemap Keren SEO Pada Blog - WebTekno - Hallo sobat blogger, kali ini saya akan membahas tentang cara membuat sitemap, tentu sobat blogger sudah tidak asing lagi mendengar kata sitemap kan jika kamu sering kali update sitemap pada webmaster tools nah kali ini kita akan memasang sitemap pada blog atau website, namun  sebelum kita melangkah ke tahap cara membuat sitemap pada blog sedikit saya akan mengulas tentang sitemap.

Apa itu sitemap ?

Sitemap adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya. Sama halnya dengan webiste pada umumnya, blog juga memerlukan sitemap agar mesin pencari dengan mudah mendeteksi konten di dalamnya. Dalam sistem sitemap ini pengguna dapat melakukan submit peta web berbasis XML langsung ke Google yang akan membantu Google mengindeks halaman web dengan mudah.

Pada dasarnya, langkah yang harus diterapkan oleh pengguna sitemap adalah :

• Gunakan perangkat lunak untuk menciptakan peta situs (sitemap) dalam format XML Google.
• Integrasikan dan unggah ke situs web.
• Beri tahukan URL web ke Google.

source : wikipedia

Sitemap ataupun peta situs dalam blog itu dirasa sangat penting untuk memberikan informasi agar pengunjung mengetahui seluruh isi artikel pada di dalam blog yang mereka kunjungi. pada postingan kali ini saya akan memberikan tutorial cara membuat sitemap keren otomatis. Perlu diketahui sebenarnya sitemap ini sudah tersedia dalam blog, namun sitemap default blog terlihat seperti biasa dan tidak memikat daya tarik. Nah, dengan kita membuat sitemap blog yang keren maka akan menjadi perhatian tersendiri dimata para pengunjung dan hal ini mungkin akan menjadikan pengunjung betah di blog yang kita kelola.

Hal yang paling menarik dari sitemap seo ini yaitu menampilkan sitemap secara otomatis sesuai dengan label yang ada pada blog, jadi menampilkan judul postingan sesuai dengan label yang telah ada. postingan terbaru akan secara otomatis masuk dalam daftar peta situs, jadi kamu sudah tidak perlu lagi repot-repot memasukkannya satu persatu. Cara memasang sitemap di blog juga tidak membutuhkan keahlian khusus untuk menguasai html, karena disini hanya tinggal copy paste dari script yang sudah saya sediakan lalu memasangnya pada halaman statis.

Nah disini sudah saya siapkan beberapa model sitemap yang keren SEO, silahkan kamu pilih satu saja sitemap yang sudah saya sediakan, lihat penampakan sitemap dibawah ini.

SITEMAP 1

script sitemap

<script src="https://me-sitemap.googlecode.com/files/sitemapblog.js" type="text/javascript"></script> <script src="http://www.webtekno.tech/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script>

SITEMAP 2

script sitemap

<link href="https://cdn.rawgit.com/penaindigo/project/d4a73206/penaindigocom.css" rel="stylesheet"></link>
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "http://www.webtekno.tech/", // 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="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script> 

SITEMAP 3

script sitemap

<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>
<div id="toc">
<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="http://www.webtekno.tech/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div> 

Cara membuat sitemap keren SEO pada blog

• Langkah pertama tentunya kalian login blog terlebih dahulu
• Pada tampilan dasbord silahkan kalian pilih Laman kemudian buat Laman baru
• Isi judul Laman dengan "Sitemap" atau "Peta Situs"
• Ubah mode Compose menjadi mode HTML
• Silahkan kalian pilih salah satu model sitemap diatas kemudian salin script sitemap yang diinginkan lalu tempel di Laman sitemap yang kamu buat
• Jangan lupa ganti teks berwarna merah pada script sitemap dengan URL blog kamu setelah itu klik save dan pulish
• Selesai dan lihat hasilnya

Cukup mudah bukan, sekarang blog kamu sudah terpasang sitemap yang keren dan SEO tentu ini akan menjadi daya tarik pengunjung yang ingin berlama-lama di blog kamu, seperti itulah cara membuat sitemap pada blog, semoga postingan ini bermanfaat. Terimakasih

Share this post