Selasa, 19 Maret 2019

Cara Membuat Sitemap di Blog SEO Friendly

Sitemap di Blog SEO Friendly

Sitemap atau bahasa kerenya Daftar isi, merupakan elemen pelengkap untuk memudahkan atau menginformasikan kepada pengunjung untuk mengetahui apa saja isi dari blog tersebut, kali ini saya akan memberitahukan Cara Membuat Sitemap di Blog SEO Friendly dan tentunya fast loading, dengan membuat sitemap di blog seo, pengunjung menjadi lebih betah menjelajahi konten blog kita.
Sitemap ini juga sangat menarik tentunya, karena menampilkan daftar isi menurut label secara otomatis, jadi kita ndak perlu repot – repot atau capek – capek mengurutkan artikel kita. Tidak hanya itu, postingan terbaru juga langsung di update ke Daftar isi ini, tidak perlu repot dan ribet
Berikut cara membuat sitemap di blog seo dan fast loading :
1.      Buka blogger kalian dan pilih menu halaman
Gambar 1

2.      Setelah itu buat halaman baru (lihat gambar 1)
3.      Dan pilih mode HTML dan Copykan kode di bawah ini
<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.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
(sumber : Koleksi Pena Indigo)
Gambar 2

4.      Jangan lupa memberi judul Sitemap atau Daftar isi, terserah kalian mau ngasih judul apa yang penting maksudnya sama. (lihat Gambar 2)
5.      Setelah itu publikasi dan lihat hasilnya jika kalian memasang dengan benar, pasti sitemap daftar isi sudah bisa di lihat
6.      Lalu buatlah menu home page blog untuk menghubungkan ke sitemap kita, tinggal copy link sitemap dan taruh di home page

Silahkan di praktekan Cara Membuat Sitemap di Blog SEO Friendly, ada keluhan trouble tulis di komentar atau di contact us


0 komentar:

Posting Komentar

 

Catatan Faris Java Copyright © 2011 | Template design by O Pregador | Powered by Blogger Templates