Loading...

Membuat Site Map Terbaru 2015 SEO Optimized

Membuat Site Map Terbaru 2015 SEO Optimized - Mengoptimasi blog dapat dilakukan dengan banyak cara, salah satunya adalah dengan membuat Sitemap / daftar isi pada blog. Membuat daftar isi merupakan salah satu metode optimasi yang bersifat on-page. Fungsi daftar isi adalah untuk memudahkan pengunjung menelusuri semua konten yang ada pada blog kita secara mudah. Selain itu, sitemap juga akan terbaca oleh spider search, sehingga peluang untuk mendapatkan banyak pengunjung terbuka lebar.

Cara membuat sitemap sebenarnya cukup beragam. Jika Anda menggunakan blog platfotm Blogger/Blogspot, sebagian besar sitemap dibuat dengan menggunakan kode Javascript. Membuat sitemap menggunakan Javascript memang lebih mudah dan cepat. Dan jika Anda pengguna platform Wordpress (self hosted), maka Anda cukup menggunakan plugin untuk membuat sebuah daftar isi/sitemap. Silahkan Anda pilih yang menurut anda bagus untuk diletaklan di Web/Blog Anda.

1. Silahkan Copy Kode Javascript atau Jquery dibawah ini.

1. Site Map dengan Javascript

Copy Kode dibawah ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="https://googledrive.com/host/0B6nuu-1cS17iTXE1NF9UZ0ppd1k" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew    = true,
    accToc     = true,
    openNewTab = true,
    maxNew     = 2,
    baru       = "New!",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>
<script src="https://googledrive.com/host/0B6nuu-1cS17iYWdXQm5CdEowYTQ"></script>
<script src="http://www.masdenif.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Contoh:
Membuat Site Map Terbaru 2015 SEO Optimized


2. Site Map dengan Jquery New!

Copy Kode dibawah ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><link href="https://googledrive.com/host/0B685uqap5sAIQWVXbHMyZ2ozX0U/sitemap.css" rel="stylesheet"></link>
<div class="table-of-content" id="table-of-content">
<span class="loading">Loading...</span></div>
<script>
var toc_config ={url:'http://www.masdenif.com/',containerId:'table-of-content',showNew:10,newText:' - <strong style="font-weight:bold;font-style:italic;color:red;">News !!!</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://ficri-pebriyana-js.googlecode.com/svn/sitemap.js"></script>

Contoh:
Membuat Site Map Terbaru 2015 SEO Optimized

NB:
Ganti teks AlamatBlogAnda dengan alamat/URL blog Anda. Contoh : http://www.masdenif.com/
Yang berwarna BIRU adalah jQuery, apabila template anda sudah ada jQuery, tidak usah di copy, ganti juga tulisan warna MERAH dengan Web anda.

2. Silahkan masuk ke Dashboard blogger, lalu klik pages.
3. Kemudian klik Blank / New page.
4. Pastekan kode javascript/Jquery tadi ke kolom edit, pastikan anda memilih mode HTML.
5. Selesai.

Baca Artikel yang Lain...

Post a Comment

Note: Only a member of this blog may post a comment.

DenTekno
Newer Posts Older Posts
Back To Top