Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blog / SEO

Cara membuat Sitemap SEO Responsive untuk Blogspot

    Cara membuat Sitemap SEO Responsive untuk Blogspot


    Hayo disini siapa yng belum tau sitemap itu apa dan bagaimana cara membuatnya agar seo dan responsive? Sitemap atau peta situs dan dalam bahasa gaulnya sering disebut sebagai daftar isi blog. Kenapa harus sitemap, karena sitemap bisa dibilang sangat pentinng untuk sebuah web ataupun untuk sebuah blog. Dimana sitemap ini berfungsi sebagai ruang informasi bagi kita atau pengunjung agar kita sebagai pengunjung lebih gampang mengetahui apa sih isi artikel atau judul artikel yang ada pada blog kita.

    Pada tutorial kali ini saya akan memberikan sedikit pengamalan bagaimana sih cara membuat sebuah sitemap. Sitemap yang bener – bener SEO dan responsiv dimana kita tidak perlu mengupdate sitemap kita. Jadi, sitemap akan secara otomatis membuat daftar – daftar artikel dan memfilter semua artikel kita sesuai dengan label yang ada pada blog kita.

    Dengan adanya sitemap atau peta situs atau juga daftar isi blog  yang responsive maka akan membuat pengunjung blog kita lebih nyaman. Karena mereka akan lebih mudah untuk memilih apa saja informasi yang ingin mereka dapatkan.

    Sebenarnya masang site map tidaklah susah dan tidak juga perlu sebuah sekil yang banyak. Tidak perlu juga jago koding agar dapat memasangnya, cukup dengan copas code dibawah ini untuk mendapatkanya. Dan anda tinggal memasangnya pada halaman statis blog.

    Jadi, berikut cara Cara membuat Sitemap SEO Responsive untuk Blogspot


    • Langkah pertama, silahkan kamu login ke blogger.com kamu, lalu pilih menu "Laman" pada kolom kiri dan pilih lagi "Laman Baru".


    • Yang kedua, isilah judul laman kamu dengan judul “Sitemap” atau “Daftar Isi”, dan siklahkan pilih mode “HTML”
    • Yang ke empat, silahkan paste kode berikut 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>
    <br />
    <div id="toc">
    <script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
    <script src="https://www.dhdeinfo.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
    </script></div>

    Nb: Untuk yang bertanda merah silahkan ganti dengan alamat web kamu
           Kode

    • Save.
    Terimakasih, itulah tadi Cara membuat Sitemap SEO Responsive untuk Blogspot. Sangat gampang dan mudah bukan. terimakasih sudah mampir diblog sederhana ini.