Fitur Blogger Custom Permalinks Resmi Diluncurkan (update)

Fitur custom permalink Blogger resmi di luncurkan (update), Sebelumnya saya sudah pernah posting artikel tentang cara membuat custom url permalink Blogger dimana pada saat itu fitur baru ini cuma bisa diakses melalui draft.blogger.com, tetapi sekarang Blogger sudah resmi meluncurkan/meng-update fitur ini sehingga bisa diakses melalui blogger.com. Buat anda yang masih menggunakan tampilan lama (old interface) silahkan di upgrade dulu supaya bisa menggunakan  fitur custom permalink ini

Custom permalinks ini sangat membantu dalam meningkatkan SEO Blogger dengan mengoptimalkan keyword dan memasukkan nya di dalam url permalink, tetapi meskipun begitu fitur ini tetap mempunyai kelemahan yaitu kita tidak bisa mengubah (edit) url permalink pada post yang sudah diterbitkan/published (hanya untuk post baru saja), jadi double cek lah url permalink-nya sebelum di publish apakah sesuai dengan keinginan atau sesuai dengan keyword, kelemahan yang lainnya adalah kita tidak bisa menghilangkan tahun dan bulan yang ada pada url nya (contoh: 2012/ 08) karena blogger tidak mengijinkan kita untuk meng-edit itu

Ketika anda membuat sebuah post baru, Blogger secara otomatis akan menghasilkan permalink dari judul postingan anda, tapi jika anda memilih untuk menggunakan kustom permalink anda dapat mengubahnya sesuai dengan keinginan anda melalui pilihan "permalink" di kotak pengaturan post (di sebelah kanan kotak post).
Pada Gambar diatas adalah contoh permalink yang saya buat dengan judul "cara buat custom permalink". Jika anda membuat post pada bulan dan tahun sekarang maka secara otomatis blogger akan memasukkan nya

Cara Mengetahui Blog Dofollow/Nofollow Dengan Add-ons Mozilla

Cara mengetahui blog dofollow/nofollow dengan Add ons Mozilla Firefox, bagi anda yang memperdalam SEO dan suka berburu backlink dengan berkomentar pasti tidak asing lagi dong dengan add-ons Firefox yang satu ini karena tanpa itu akan sedikit kesusahan mengetahui/cek apakah blog yang dikunjungi dofollow atau nofollow. Nah bagi yang belum punya silahkan langsung menuju ke situs Add-ons Mozilla dan langsung di instal di browser mozilla firefox anda, cara kerjanya adalah setelah meng-instal silahkan masuk ke salah satu website/blog dan langsung klik kanan pada halaman tersebut kemudian klik pada "Nodofollow" dan lihat pada bagian komentar, jika link pada orang yang berkomentar (komentator) di blok dengan warna merah muda (pink) maka link tersebut nofollow, dan jika di blok dengan warna ungu (biru muda) maka link tersebut dofollow.
Nah bagi anda yang ingin cepat menaikkan pagerank blog nya silahkan jalan-jalan (blogwalking) dan berkomentar di blog teman dengan addons nodofollow ini siapa tau aja ada yang dofollow

DoFollow | Pengertian Apa Itu Dofollow Links?

Pengertian dofollow, apa itu dofollow link? sebelum saya membahas pengertian link dofollow marilah kita membahas apa yang dimaksud dengan link? Mungkin ada dari anda yang belum mengetahui istilah tersebut, kalau di bahasa indonesia biasa disebut dengan tautan

Link (tautan) adalah sebuah koneksi antara dua buah website yang berbeda (external link) atau dua buah halaman pada satu website yang sama (internal link), sebuah tautan biasanya berupa text atau gambar dan ketika di klik akan mengarah ke website/halaman yang diinginkan, anda bisa membuat tautan dengan mudah dengan sedikit pengetahuan HTML, tetapi sekarang ini saya kira semua editor biasanya sudah menyediakan tempat untuk membuat link jadi tinggal menulis URL nya saja tidak perlu menulis tautan dengan HTML markup

Dibawah ini adalah contoh sebuah normal text link sekaligus dengan HTML markup nya

Google  -  <a href='http://www.google.com'>Google</a>

Contoh tautan menggunakan gambar

 

 

Pengertian Link Dofollow

Ok sekarang kita kembali ke pembahasan tentang dofollow link, tautan dofollow adalah sebuah tautan yang memberitahukan search engine seperti Google, Yahoo, Bing, dll untuk mengikuti (follow) website/halaman yang dituju tersebut, dofollow link biasanya ditulis dengan menambahkan 'rel' pada HTML nya

Contoh : <a href='http://www.google.com' rel='dofollow'>Google</a>

Tetapi sekarang ini penulisan tautan dofollow tidak perlu menambahkan 'rel' pada HTML nya, seperti pada normal link pada contoh pertama diatas tadi karena search engine sudah mengerti bahwa normal link adalah sama dengan dofollow link kecuali anda ingin menulis kebalikan dari tautan dofollow yaitu nofollow link, silahkan baca pengertian nofollow link

Kegunaan link Dofollow Bagi SEO

Tidak perlu ditanya lagi bahwa search engine sepeti Google sangat menyukai link dofollow yang relevan dan natural, dan Google akan mempercayai sebuah situs yang mempunyai banyak tautan dofollow yang relevan dan natural. Dengan alasan itulah kenapa banyak webmaster/blogger yang memburu dofollow blog/website yang menyediakan link dofollow yang mengarah ke situs mereka agar memperoleh Google PageRank yang tinggi

NoFollow | Pengertian Tag (rel="nofollow") Attribute

Pengertian apa itu NoFollow tag? rel='nofollow' attribute atau Tag Nofollow adalah tag HTML yang memberitahukan mesin pencari (search engine) untuk memotong link selama pengindeksan

Dengan kata lain, mesin pencari seperti Google, Yahoo! dan MSN merayapi (crawling) web secara berkala untuk mencari dan mengindeks halaman baru yang akan dimasukkan di dalam hasil pencarian kata kunci (keyword search result). Setiap link pada halaman web akan diikuti (follow) selama proses pengideksan. Halaman yang diikuti dengan link masuk yang banyak dan relevan akan diranking lebih tinggi di dalam pencarian dari pada halaman yang mempunyai link masuk yang sedikit. Jika anda ingin links yang ada di blog anda tidak di indeks oleh mesin pencari gunakanlah NoFollow tag. Penggunaan tag NoFollow menjadi sangat populer selama beberapa tahun terakhir ini dikarenakan dari beberapa faktor seperti iklan teks link yang berbayar, spammers yang mencoba untuk meningkatkan jumlah links masuk ke situs mereka dengan melakukan spam pada komentar, dan sebagainya

Bagaimanakah rel='nofollow' atribut bekerja?

Ketika mesin pencari (search engine spider) datang ke sebuah halaman web, respond standar adalah untuk mengindeks halaman dan mengikuti semua links yang ada di halaman tetapi ketika search engine spider melihat links beratribut nofollow maka dia akan bekerja sebagai berikut:

• Tidak akan mengikuti/follow link ke situs baru
• Tidak memasukkan link teks di dalam nilai relevansi untuk kata kunci
• Tidak menghitung link ke skor popularitasnya di peringkat mesin pencari

Dibawah ini adalah contoh penulisan html tag NoFollow

<a href='http://www.facebook.com' rel='nofollow'>Facebook</a>

Html tag nofollow diatas adalah sebuah perintah agar supaya search engine tidak mem-follow link ke Facebook dan otomatis search engine tidak akan mengindeks halaman Facebook tersebut

Search engine tidak akan menghukum (penalty) situs atau blog anda jika di halaman situs anda memiliki link nofollow, jangan berfikir bahwa memakai nofollow adalah buruk atau spam, penggunaan link nofollow mengindikasikan search engine bahwa link tersebut bukan milik anda atau bukan untuk di follow

Dimanakah seharusnya rel='nofollow' di tempatkan?

Sebagian besar search engine menyarankan kita untuk menempatkan tag nofollow pada link yang berasal dari sumber yang tidak dapat anda jamin/tidak anda ketahui seperti:

• Komentar
• Forums
• User generated content

Anda juga bisa menaruh rel='nofollow' pada link yang mengarah ke iklan (atau sesuaikan dengan perjanjian periklanan anda)

Link Sculpting menggunakan tag NoFollow

Link Sculpting adalah salah satu teknik SEO dimana anda bisa memilih halaman yang anda prioritaskan agar mempunyai pagerank yang lebih tinggi dengan menaruh link dofollow dan menaruh rel='nofollow' pada link halaman yang tidak diprioritaskan (seperti: link login, link registrasi,dll)

 

Baca juga artikel menarik lainnya tentang Blogger Custom Permalink

Cara Membuat Breadcrumbs Terindex / Di indeks Google

Cara membuat / memasang navigasi breadcrumbs terindex Google di blog agar terlihat di dalam mesin pencari Google (Google search), beberapa waktu lalu saya pernah menjelaskan tentang cara membuat breadcrumb seo friendly yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada

Sekarang saya akan membahas sedikit tentang perbedaan menu navigasi breadcrumbs seo friendly yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks breadcrumbs yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi breadcrumbs yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti tips dan trik blogger dibawah ini

Cara membuat Breadcrumbs di Blogspot / Blogger

• Login di Blogger
• Pilih Template
• Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
• Centang Expand Widget Templates
• Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
• Kemudian cari kode ]]></b:skin>
• Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

• Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
• Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google

Baca artikel menarik lainnya tentang Link Bergoyang / link Nudging

Cara Membuat Link Bergerak Bergoyang / Nudging di Blog

Cara membuat link bergerak/bergoyang di blog, Link Nudging adalah suatu efek yang bergerak atau bergoyang dari sebuah/beberapa links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog. Mungkin dari kita biasa menyebutnya dengan Link Bergoyang/Bergerak atau menari, selain itu efek jQuery ini juga bisa diterapkan pada sebuah gambar (image)

Untuk sobat blogger yang gemar utak atik blog mungkin bisa mencoba trik link bergerak yang satu ini dan saya rasa bisa membuat blog sobat unik dan menarik. Sebagai contoh sobat bisa melihat link bergoyang/nudging pada label yang ada di sidebar blog saya ini, efek ini menggunakan script jQuery yang menurut saya sangat ringan ketika di-load dan penerapannya juga lumayan gampang, sama halnya seperti tombol back to top yang beberapa waktu lalu saya jelaskan yang sama-sama menggunakan jQuery.

Cara Pasang Efek jQuery Link Nudging/Bergoyang pada Label Blog

• Login di Blogger
• Masuk ke bagian Edit HTML pada template
• Centang pada bagian Expand Widget Template
• Cari kode </head>
• Copy paste script dibawah ini dan letakkan tepat diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a.nudge, .#Label1 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->

Kalau kode yang berwarna merah tersebut sudah ada di template sobat, kode itu tidak usah di pasang lagi jadi sobat hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, sobat bisa sesuaikan pada label id di blog sobat. Dibawah ini adalah contoh widget id label dari template blog saya.

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>

Kemudian untuk membuat Link Nudging manual pada setiap link apakah itu didalam postingan ataupun widget sobat bisa menambahkan class="nudge" seperti dibawah ini

<a href="http://bloggerpeer.blogspot.com" class="nudge">Blogger Peer</a>

Dan untuk membuat gambar bergoyang / Image nudging sobat bisa membuatnya seperti dibawah ini

<a href=http://bloggerpeer.blogspot.com" class="nudge"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl2P5p41832IeoanT7udvvNnGgsbNNUEkJIYa5hyB8rc2JM85XlHcyLYt1OdSERBds6v2D-qT8isb08UwPus_vdeSc33WW21pRrm79Yj1EXFvsqOjWdLQMloj76t_iC3lkcalvOmLPy80/s400/Tips-Trik-Blogger-Tutorial-SEO-Info-BloggerPeer-Blogspot.jpg"/></a>

Komang & Blogger Peer is Comeback

Hi.. sobat blogger semua apa kabar? mohon maaf selama ini saya menghilang cukup lama di dunia maya karena kesibukan saya di dunia offline hingga tak sempat membuat artikel yang berguna bagi sobat blogger semua, bahkan saya tidak sempat mengikuti update tentang tips trik blogger maupun seo, saya sudah ketinggalan banyak neh dari kalian semua hehehe…

Terima kasih banyak bagi sobat yang sudah meluangkan waktu untuk comment pada blog saya ini dan minta maaf sebesarnya karena saya tidak sempat membalas comment kalian satu per satu dan juga tidak sempat visit back ke blog sobat.

Karena saya tidak pernah update blog Blogger Peer pada waktu yang lama kurang lebih 6 bulan akibatnya sangat besar, artikel saya yang terakhir adalah tentang cara buat tombol back to top , setelah tadi saya cek pagerank dan alexa blog ini menurun, dari PR 2 menjadi PR 1 dan juga Alexa rank juga menurun, sekarang saya mulai lagi sedikit demi sedikit berusaha untuk menaikkan Alexa rank maupun Google pagerank, wuuuhhh… capek deehhh…