Cara Mudah Membuat Sitemap di Blogger Lengkap

XML Sitemap adalah sebuah direktori dari semua halaman web yang ada di website atau blog yang membantu Peta Situs mesin pencari seperti Google, Yahoo dan Bing untuk dengan mudah menjelajah halaman di situs Anda yang membantu dalam indeks yang lebih baik.

Sebagai seorang blogger Anda harus membuat sitemap sehingga setiap kali Anda membuat postingan baru mesin pasca pencari dapat merangkak dan terindeks dengan cepat.

Dalam posting ini mari kita lihat cara membuat sitemap untuk Blogger blog dan mengirimkan ke alat webmaster Google dan di robots.txt.

Secara default blog blogger Anda akan memiliki sitemap, tapi masalah dengan sitemap yang hanya menampilkan posting blog terbaru Anda ( misalnya ). Sebuah sitemap yang sempurna adalah bahwa hal itu harus berisi daftar semua halaman Anda sehingga mesin pencari tahu struktur lengkap situs Anda.

 

Bagaimana Cara membuat Sitemap Pada Blogger ?

  1. Masuk pada Dasbord Blogger.com
  2. Pilih Menu ‘Halaman’ 
  3. Klik ‘Halaman Baru’
  4. Pilih ‘HTML’
  5. Ketik Judul ‘Daftar Isi.
  6. Letakan Link ‘HTML Sitemap’
  7. Kemudian Klik ‘Publikasikan’
  8. Selesai

 

Jika anda bingung dengan cara cepat saya diatas, kalian bisa menggunakan cara dibawah ini beserta gambarnya.

Pilih Halaman Baru, untuk membuat sitemap baru

 

Letakan ‘Link Sitemap’ di ‘HTML’, Jangan di ‘Compose’ seperti gambar ini,

kemudian Tulis Judul dengan Nama ‘Sitemap’ atau ‘Daftar isi’,

Lalu Klik ‘Publikasikan’ Seperti gambar dibawah ini :

 

Kemudian akan seperti gambar dibawah ini,

Pada Gambar dibawah saya membuat 5 contoh jenis sitemap untuk anda :

 

Hasilnya seperti gambar dibawah ini, :

anda juga bisa Copy ‘Link Sitemap‘ yang anda sukai .

 

disini ada beberapa Type Sitemap atau Daftar isi yang bisa anda pilih, ada beberapa jenis tipe untuk Blog anda,

Kumpulan Jenis Sitemap Keren Terbaru :

 

TYPE 1
Sitemap SEO Responsive

 

Code Script Type 1 , Copy Link dibawah di Halaman Blogger.

<div class="jontor">
<script src="https://rawgit.com/rezamuhamad/rakinfo/master/sitemap.js"></script>
<script src="/feeds/posts/default?max-results=5000&amp;alt=json-in-script&amp;callback=rak_info_Load"></script>
</div>
<style type="text/css">.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}
.jontor a{color:black;}
.jontor p .rak_info_Label{background:#89abbc;color:#fff;text-decoration:none;display:block;padding:5px 0px 5px 10px;font:13px 'Arial';font-weight:bold;}
.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#fff;text-decoration:none;transition:all .3s ease-out;}
user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}
.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#89abbc;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}
.jontor ol li:hover:after{left:-.5em;border-left-color:#89abbc;}
.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
ol{counter-reset:li;list-style:none;font:12px 'Arial';padding:0;margin-bottom:2em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}
.rak_info_Postname li:nth-of-type(odd){background:#f1f3f3;}
.new{color:red!important;font-weight:700;font-style:italic;}
user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}
</style>

 

TYPE 2
Sitemap Keren Responsive

 

Code Script Type 2 , Copy Link dibawah di Halaman Blogger.

<link href="https://goo.gl/2qrReh" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew = true,
 accToc = true,
 openNewTab = true,
 maxNew = 10,
 baru = "Baru !",
 sDownSpeed = 600,
 sUpSpeed = 600;
</script>
<script src="https://goo.gl/6FjxRX" type="text/javascript"></script>
<script src="http://www.bloganda.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

 

TYPE 3
Sitemap Seo Friendly

 

Code Script Type 3 , Copy Link dibawah di Halaman Blogger.

<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="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="http://www.BlogAnda.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

 

 

TYPE 4
Sitemap Seo Fast Responsive

 

Code Script Type 4 , Copy Link dibawah di Halaman Blogger.

<script style=”text/javascript” src=”https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js”></script>

<script src=”http://www.adam27.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”></script>

 

TYPE 5
Sitemap Seo Fast Responsive

 

Code Script Type 5 , Copy Link dibawah di Halaman Blogger.

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="http://www.bloganda.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

 

Selesai..

 

itulah tadi Cara Mudah Membuat Sitemap di Blogger Lengkap,

semoga dapat membantu teman-teman untuk belajar Ngeblog

Salam Bloger Indonesia ^_^

 

Leave a Reply