Cara Membuat Sitemap Blogger Responsive dan SEO Friendly

Post a Comment

 Setiap halaman situs atau blog sudah semestinya terdapat page sitemap untuk kelengkapan isi situs tersebut, seperti halnya web Blogseger.com ini yang sudah terpasang dengan baik.


Untuk sobat yang belum membuat halaman sitemap silahkan buat dan pasang dihalaman blog yang dikelola.


Sitemap merupakan kumpulan informasi yang berada didalam halaman situs seperti url/link yang terdapat dihalaman situs tersebut.


Sitemap juga berfungsi sebagai peta search engine agar cepat megnindexs URL baru yang ada didalam situs.


Tidak hanya link, melainkan didalam peta situs juga terdapat metadata. Metadata sendiri adalah informasi yang memuat kapan terakhir kali kamu mengupdate website dan sesering apa situs telah diupdate.

Karena adanya sitemap ini serach engine atau mesin telusur seperti Google, Bing, Yandex akan menemukan setiap URL yang ada didalam website dengan mudah.


Dengan sitemap nantinya juga akan berdampak kepada lambat dan cepatnya search engine mengindexs setiap URL, olehkarena itu sitemap sangat berperan penting didalam suatu situs.


Untuk membuatnyapun sangat mudah, sobat bisa membikin script nya sendiri atau bisa langsung memilih salah satu script yang admin sediakan di bawah nanti.


Kita juga bisa mengelompokan sitemap sesuai label atau kategori untuk meringkas tampilannya agar terlihat rapih dan elegan.


Dalam arti lain halaman sitemap ini sama hal nya dengan Daftar Isi yang ada didalam buku-buku yang dicetak dan tersedia diperpustakaan dll.


Tanpa panjang lebar lagi mari menuju langkah pembuatan halaman peta situs di blogger untuk pemula agar pengunjung lebih mudah untuk memahami isi web.


Cara Membuat Halaman Sitemap di Blogger Dengan Mudah

Cara Membuat Sitemap


Akan kami sajiakan langkah membikin sitemap diblogspot untuk sobat sekalian, silahkan pilih salah satu saja script yang ada.


1. Buka Dasboard blogger sobat


2. Klik Halaman


3. Pilih Halaman Baru

Cara Membuat Sitemap

4. Buat judul dengan nama "Sitemap" tanpa tanda kutip

Cara Membuat Sitemap


5. Copy kode di bawah ini (salah satu saja)


Sitemap 1

<div id=”hlrpsb”>

<script src=”http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js”></script>

<script>var numposts = 13;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>

<script src=”https://www.blogseger.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts”></script></div>

<div id=”rpdr” style=”font-family: arial, sans-serif; font-size: 9px;”>

</div>

<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>

<style type=”text/css”>

#rpdr {background: url( ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}

#rpdr, #rpdr a {color:#808080;}

#hlrpsb { }

.bbrecpost2 {

padding-top:4px;

padding-bottom:4px;

border-bottom: 1px #cccccc dotted; }

</style>


Keterangan: Ganti URL yang berwarna merah dengan URL blog sobat


Sitemap 2

<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="https://www.blogseger.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


Sitemap 3

Cara Membuat Sitemap


<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "https://www.blogseger.com/", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: true, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: true, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 60, // 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>


6. Paste di kolom artikel dengan memilih "Tampilan HTML"


7. Klik Publikasikan


8. Selesai


Dengan demikian sobat sudah bisa membuat halaman sitemap sederhana yang indah di blog yang dikelola. Jangan lupa untuk mengecek halaman yang telah dibuat sudah tampil dengan baik atau belum.


Jika ada yang kurang paham tentang cara membuat sitemap diblogger silahkan tinggalkan komentar dikolom yang disediakan. Selamat mencoba dan semoga sukses selalu!

Admin Blogseger
Saya suka berbagi tutorial dan informasi yang bermanfaat untuk setiap manusia

Related Posts

Post a Comment