HTML

Cara Menciptakan Sitemap Otomatis Dan Responsive Di Blog



Cara Memasang Sitemap Di Blog - terdapat ratusan websie/blog yang sudah membahas bagaimana menciptakan hidangan sitemap di dalam blog..

tampilannya pun sudah dikreasikan oleh beberapa blogger semoga sanggup menyesuaikan template yang dipakai dan terlihat lebih keren

namun dalam artikel ini aku akan menjelaskan cara menciptakan sitemap blog yang mungkin tampilannya beda dengan yang pernah sudah di bahas..

sitemap termasuk hidangan navigasi yang wajib ada di setiap website yang berfungsi untuk lebih memudahkan pengguna mencari semua artikel yang sudah pernah di tulis berdasarkan kategori yang disediakan..

Bukan hanya sekedar komplemen di dalam blog semoga terlihat keren dan manis, tapi sitemap, kontak, privasi policy dan disclaimer merupakan salah satu syarat untuk mendaftar google adsense atau menjadi publisher google.

dalam artikel ini kalau Anda tertarik menjadi salah satu publisher iklan dari google, maka dibawah ini Anda akan di ajarkan cara menciptakan sitemap di blog secara responsive dan tentunya ringan dari sisi penggunaan script.

Pengertian Apa Itu Sitemap Di Blog

Sitemap ialah sebuah halaman yang menampilkan semua artikel kita berdasarkan kategori masing-masing secara otomatis dan tentunya aku bikin responsive.

Untuk pengetian lain…
Sitemap adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan sitemap atau peta situs pada blog. Dengan begitu, mesin google dengan gampang menjelajah dan meraih halaman-halaman yang ada di dalamnya… 
itu ialah klarifikasi berdasarkan Wikipedia..

Namun susai dengan penjelasannya, setiap blog memang wajib mempunyai sebuah halaman sitemap/peta situs/denah artikel..

Selain berkhasiat untuk SEO, sitemap juga berfungsi untuk memudahkan si pengguna mencari artikel sesuai dengan kategori yang diinginkan..

Dan pastinya di harapkan halaman sitemap tersebut responsive menyesuaikan ukuran layar pada smartphone.
Baca: Membuat catatan kaki keren di blog
Perlu di pahami sitemap yang aku bahas disini berbeda dengan sitemap yang ada pada webmaster tools..

perbedaan tersebut berada pada fungsinya...

sitemap yang kita bahas kini merupakan sebuah halaman yang berfungsi sebagai hidangan navigasi pengunjung..

sedangkan sitemap yang ada di webmaster tools berfungsi untuk mempermudah artikel di index oleh mesin pencarian google supaya apa yang kita tulis lebih gampang ditemukan pembaca di hasil pencarian..

Untuk cara menciptakan sitemap di webmaster tool pun mungkin aku akan bahas di lain hari.

mungkin eksklusif saja aku jelaskan yaa..

alasannya tujuan utama anda membaca artikel ini ialah untuk berguru menciptakan sitemap di blog..

Cara Membuat Halaman Sitemap di Blog 

Sayangnya teladan sitemap yang sudah jadi sudah aku copot dari blog ijo gading alasannya ingin memakai model yang lain..

lihat gambar dibawah ini.

oiyaa tutorial ini aku jelaskan memakai platform blogspot, kalau Anda memakai wordpress mungkin sanggup mencobanya.


Jika Anda tertarik ingin menciptakan sitemap tersebut di blog Anda, silahkan ikuti tutorial dibawah ini.
  1. Seperti biasa, Anda login dulu ke blog masing-masing..
  2. Pilih hidangan laman di blog Anda dan buat halaman baru.
  3. Silahkan pilih mode html dan copy script di bawah ini..
<div dir="ltr" style="text-align: left;" trbidi="on"> <style scoped="" type="text/css"> .table-of-content{background-color:#fff;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2)} .table-of-content .toc-header{color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow:hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial} .table-of-content .toc-header:hover{background-color:#fdfdfd} .table-of-content .toc-header:before{content:'';width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent transparent;transition:all .3s ease} .table-of-content .toc-header.active{color:#fc4f3f} .table-of-content .toc-header.active:before{border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)} .table-of-content .loading{display:block;padding:15px;text-decoration:blink} .table-of-content ol{margin:0;padding:0;list-style:none;transition:initial} .table-of-content li{line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:#444359!important;transition:initial} .table-of-content a{color:#d9d9d9;text-decoration:none;font-size:86%;transition:initial} .table-of-content a:visited{color:#a2a2a9;transition:initial} .table-of-content a:hover,.table-of-content a:visited:hover{color:#ffc937;text-decoration:none;transition:initial} .post ol li:before{display:none} </style>  <br /> <div class="table-of-content" id="table-of-content"> <span class="loading">Memuat konten...</span></div> <script> var toc_config = {     url: 'http://ijo-gading.com/',     containerId: 'table-of-content',     showNew: 15,     newText: ' <strong style="font-weight:normal;font-style:normal;color:#fff;font-size:11px;background:#5c5a78;padding:1px 6px 3px 6px;line-height:normal;float:right;border-radius:3px;">baru</strong>',     sortAlphabetically: {         thePanel: true,         theList: true     },     maxResults: 9999,     activePanel: 1,     slideSpeed: {         down: 400,         up: 400     },     slideEasing: {         down: null,         up: null     },     slideCallback: {         down: function() {},         up: function() {}     },     clickCallback: function() {},     jsonCallback: '_toc',     delayLoading: 0 }; </script> <script src="https://rawgit.com/ardycool/sitemapku/master/sitemap.js"></script> </div> 


Sekedar catatan saja, untuk script  url: 'http://ijo-gading.com/' bisa agan ganti dengan url pada blog Anda masing-masing yaa
4. Jangan lupa berikan judul dan simpan.

Lalu coba lihat hasilnya.

Okee kalau berhasil, sanggup agan sesuaikan link dari halaman sitemap tersebut dan taruh di tab sitemap pada blog
Baca: Cara menciptakan artikel terkait di bawah artikel
hingga disini itu dulu ya tutorial aku tentang cara menciptakan sitemap di blog yang semoga sanggup berhasil di terapkan di blog masing masing..

Mungkin itu saja cara cara yang sanggup aku share dan semoga tutorialnya berhasil dan bermamfaat bagi Anda pembaca blog ijo gading

tetap tabah dan happy blogging

Subscribe to receive free email updates:

0 Response to "Cara Menciptakan Sitemap Otomatis Dan Responsive Di Blog"

Posting Komentar