Jumat, 30 November 2012

Google Luncurkan GooglePlus Followers Gadget untuk Blogger

Blogger Google+ Followers. Informasi ini cukup menggembirakan bagi para pengguna Blogger, terutama bagi sobat yang telah mengintegrasikan profil Blogger dengan profil Google+. Widget ini disebut "Google+ Followers Gadget" dan berfungsi menampilkan follower Blog (atau profil) lengkap dengan foto profil pengikut. Widget ini seperti gabungan dua widget yang sudah sangat kita kenal, Google Plus Add to Circle/Follow Widget dan Google Friend Connect. Di bawah link/title profile, terdapat tombol follow.

Tentu, dalam perspektif saya, kehadiran widget ini memberikan banyak keuntungan, diantaranya adalah memperluas jangkauan readership, semakin menggabungkan profile Google+ dengan Blogger dalam satu atap, memperkuat authorship, dan menjangkau follower dari dua tempat sekaligus, yaitu dari stream Google+ dan langsung dari blog.

Lalu Bagaimana Nasib Google Friend Connect?

Google menyampaikan bahwa pengguna Google Friend Connect tidak perlu khawatir dengan adanya fitur widget baru ini. Meskipun integrasi Google Friend Connect dengan beberapa platform lain telah dihentikan dalam beberapa tahap sebelumnya, namun integrasinya dengan Blogger tetap akan dijalankan. Saya pribadi hingga saat ini masih tetap setia dengan widget ini, belum (atau mungkin tidak akan) mengintegrasikan profil Blogger dengan Google+, dan tentu saja tidak ingin kehilangan blog follower yang sudah cukup banyak. Melepaskan Google Friend Connect dapat merugikan karena sama saja akan kehilangan banyak subscriber yang selalu menunggu-nunggu update terbaru. Selain itu, Google Friend Connect juga dapat diraih (di-follow) dengan menggunakan akun G+.

Tentu akhirnya ini adalah pilihan, dan menggunakan kedua widget ini saya rasa justru akan memberikan kelebihan dan keuntungan yang jauh lebih besar. Jadi bagi anda yang sudah menghubungkan akun Blogger dengan G+, maka menggunakan widget baru "Google+ Followers Widget" sangat dianjurkan. Bagi yang belum atau tidak melakukan integrasi profil, menggunakan Google Friend Connect tetaplah hal yang penting.

Cara Memasang Widget Google+Followers di Blogger

Syarat agar sobat bisa menggunakan widget ini adalah sebelumnya telah menggabungkan/mengintegrasikan  atau meng-upgraged profil Blogger ke profil Google+. Langkah selengkapnya adalah:
1. Integrasikan atau pindahkan profil Blogger ke Google+ (jika belum, simak cara Integrasi Profil Blogger ke Google+).
2. Setelah mengintegrasikan profil, anda bisa memilih untuk mengasosiasikan blog-blog yang dimiliki dengan Google+ Profile atau Google+ Page sesuai keinginan. (pastikan profil tidak diset dalam kondisi "private" karena widget tidak akan muncul di blog. Simak selengkapnya tentang ini dalam artikel rujukan di poin 1).
3. Dari Dashboard, langsung masuk ke halaman Layout. Lalu klik "Add a Gadget/Tambahkan Gadget".
4. Cari dan pilih Gadget baru "Google+ Followers".
add google+ followers gadget
5. Di halaman setting gadget, edit/ganti title dengan kata-kata yang diinginkan. Jika sebelumnya (sesuai langkah 1) sobat belum mengintegrasikan profil, akan muncul link untuk melakukan integrasi. Lalu save.
configure google+ followers gadget
6. Jika diperlukan, susun atau letakkan gadget pada posisi yang diinginkan di halaman layout, lalu save lagi.

Troubleshooting

Jika gadget sudah ditambahkan namun tidak tampil di halaman blog, besar kemungkinan profil belum tervalidasi dengan benar. Kembali ke tab Google+ di dashboard Blogger dan lakukan proses integrasi dan validasi.

© 2012 budihaeruman.blogspot.com. All rights reserved.

Sabtu, 24 November 2012

Memperbaiki Berbagai Problem Pada Widget "LinkWithin Related Posts"


Saya dulu pernah membahas mengenai cara memasang Widget/gadget LinkWithin Related Posts, salah satu asesoris blog yang cukup menjadi favorit karena kemudahan pemasangan dan akurasi relevansinya. Meskipun ada banyak widget sejenis, baik yang dibuat secara manual ataupun sudah dalam paket siap pakai, namun LinkWithin jauh lebih unggul, baik dalam relevansi, dalam hal kecepatan loading (penggunaan LazyLoad script), dan support. Saya dulu juga pernah memberikan beberapa tips untuk menampilkan LinkWithin hanya dalam halaman posting, menampilkan pada urutan/posisi tertentu, dll. Nah, dalam artikel ini, saya akan menyampaikan penggunaan fitur support pada website LinkWithin yang sangat bermanfaat sebagai sarana untuk menyelesaikan berbagai jenis permasalahan yang muncul pada penggunaan widget related posts ini.

Sangatlah mungkin ada beberapa masalah yang muncul pada penggunaan LinkWithin Mulai dari widget related post tidak muncul, menampilkan posting yang sudah dihapus, hingga kesalahan dalam menampilkan gambar posting yang sudah diubah. Masalah-masalah ringan hingga terberat butuh pemecahan agar LinkWithin dapat berfungsi optimal sehingga upaya meningkatkan pageview dan mengurangi bounce rate benar-benar terasa. Problem ini tidak hanya terjadi pada Blogger, namun juga terjadi pada platform-platform lainnya, misalnya WordPress, sebab beberapa permasalahan general terjadi karena kasus caching, crawling, dan fetching, bukan dari blog secara langsung.

Nah, karena LinkWithin menggunakan script external, konten widget disimpan pada server luar, serta ditampilkan melalui sistem caching, maka upaya perbaikan tidak bisa dilakukan langsung oleh sobat. Semua problem yang berkaitan dengan penampilan widget ini harus dilakukan oleh pihak LinkWithin. Untungnya, support untuk permasalahan/trouble penggunaan LinkWithin disediakan secara penuh oleh pihak LinkWithin. Jadi apa yang harus dilakukan apabila sobat menemui permasalahan dengan widget LinkWithin?

1. Masuk ke halaman LinkWithin support.
2. Isikan alamat email (ingat, email yang sama seperti dulu ketika mendaftarkan blog), url blog, dan klik "Continue".
masalah pada LinkWithin related post

3. Sobat akan dibawa ke halaman berisi form list permasalahan. Pilih jenis problem yang paling sesuai.
LinkWithin widget fix
Berikut adalah jenis-jenis problem sesuai urutan di atas:
  • Widget sama sekali tidak tampil di dalam blog.
  • Widget muncul, tapi tidak menampilkan daftar posting yang direkomendasikan.
  • Widget menampilkan posting yang sudah dihapus.
  • Widget menampilkan lebih dari satu posting yang sama.
  • Pergantian domain blog dilakukan, namun widget masih menautkan link posting pada domain lama.
  • Judul pada posting yang ditampilkan salah/tidak benar.
  • Widget selalu menampilkan link saja, meskipun pada sebagian besar posting memiliki gambar.
  • Widget masih menampilkan gambar lama, meskipun gambar posting telah diganti/diupdate.
  • Lainnya. Pilih opsi ini jika pada list di atas tidak ditemukan problem yang terjadi pada widget LinkWithin sobat. Kemudian tuliskan secara specific permasalahan yang terjadi (in English, of course. Jika sobat memiliki kesulitan untuk menuliskan permasalahan tersebut dalam bahasa Inggris, Insya Allah saya siap bantu).
4. Setelah itu klik "Continue".

Perlu diketahui bahwa beberapa jenis permasalahan tertentu akan diperbaiki secara otomatis. Namun untuk melihat hasilnya, dibutuhkan waktu hingga paling lama 24 jam sesuai urutan query dan update. Beberapa jenis permasalahan lain akan diperbaiki secara manual oleh tim LinkWithin. Apabila penyelesaian masalah perlu keterlibatan sobat, maka akan ada informasi dan petunjuk yang dikirimkan.

Well, that's it. Semoga ini dapat memberikan solusi bagi sobat yang mengalami problem dengan Widget LinkWithin yang dipasang di blog. Next time, saya akan berbagi hack kostumisasi widget LinkWithin agar sesuai dengan tampilan blog atau keinginan. See you, then.

© 2012 budihaeruman.blogspot.com. All rights reserved.

Jumat, 09 November 2012

Nofollow-kan Comment Permalink Blogger Agar Tidak Diindeks Google

blogger comment permalinks.
Hi, all. Let's talk about Blogger SEO again. :), and today let me talk about Blogger Comment Permalinks, how it affects your SEO, and how to resolve the SEO problem caused by them.

Background

Dalam template blogger, ada satu tag yang digunakan sebagai generator dari permalink comment, sehingga masing-masing komentar blog sebenarnya memiliki permalink unik yang apabila di-klik akan langsung menuju ke bagian komentar tertentu di dalam sebuah posting. Permalink ini biasanya menggunakan anchor text tanggal dan atau hari dimana sebuah komentar di-publish di sebuah posting. Letaknya ada yang di bagian atas komentar atau di bawah komentar tergantung susunan tags di dalam template. Secara default, permalink tersebut tidak mengandung atribut relationship apapun, artinya (secara tidak sengaja) search engine "diijinkan" untuk melakukan "follow" atau mengikuti dan mengindeks link tersebut.

Contoh url dalam permalink komentar:
http://budihaeruman.blogspot.com/2012/11/Cara-memasang-facebook-recommendation-bar-di-blogger.html#comment-4946048359309488959
Dalam warna yang berbeda, ada beberapa perintah yang digunakan untuk engine Blogger membuat permalink komentar secara otomatis di dalam tag a sesuai dengan warna di atas:
"#comment-" + data:comment.id
Kedua perintah di atas kemudian disusun bersama dengan permalink posting dan menghasilkan permalink komentar yang diperintahkan dengan menggunakan atribut href:
expr:href='"#comment-" + data:comment.id'
Yup, cukup untuk teorinya :)

-----------------------------

Nah, kasusnya, ada beberapa teman Blogger yang menghubungi saya, baik melalui akun Facebook maupun email, menyampaikan bahwa permalink komentar di blog mereka terindeks Google, dan bagaimana solusi mengatasi hal tersebut.

Ada beberapa kemungkinan yang akan terjadi bila permalink komentar terindeks:
1. Kemungkinan besar, ini akan berdampak buruk bagi relevansi komentar dengan artikel/posting yang diindukinya, sebab, seperti kita ketahui, tidak semua komentar memiliki isi yang sesuai, hanya berisi satu atau dua kata, dan bahkan komentar itu sama sekali tidak berhubungan (spam).
2. Jika permalink tersebut dianggap menuju ke sebuah halaman unik, maka halaman tujuan bukanlah halaman posting yang sesungguhnya, tidak terpisah dari halaman post, tidak memiliki title, serta tidak memiliki konten yang memadai. Oleh karena itu, permalink komentar tidak akan pernah bisa mencapai SERP yang baik.
3. Kalaupun bisa mencapai SERP bagus, kan sangat jarang pengunjung yang tertarik meng-klik listing indeks yang menuju halaman permalink komentar bukan? 

Solusi Agar Permalink Komentar Tidak Terindeks

Untuk mengatasi masalah tersebut, terutama bagi sobat-sobat pengguna Blogger yang comment permalink-nya ikut terindeks Google, tambahkan atribut rel="nofollow" pada tag comment permalink agar search engine tidak mengikuti link tersebut. Bagi yang tidak mengalami kasus yang sama, tips ini sifatnya opsional, bila sobat yakin harus melakukan hal yang sama, silahkan saja. How?

1. Masuk ke dashboard > template > edit HTML.
2. Jangan lupa centang "expand widgets template"
3. Cari kode/tag berikut:
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'><data:comment.timestamp/></a>
Jika tidak ketemu, ada kemungkinan bagian quote (") diparsing sehingga menghasilkan quote dalam bentuk ASCII (&quote;). Beberapa pembuat template lebih suka menggunakan kode seperti itu sebab lebih cepat dibaca engine atau platform Blogger, jadi cari kode/tag seperti ini:
<a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'></a>
4. Setelah itu, tambahkan atribut atribut rel=nofollow ke dalam tag a-nya:
<a rel='nofollow' expr:href='"#comment-" + data:comment.id' title='comment permalink'><data:comment.timestamp/></a>
atau,
<a rel='nofollow' expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'></a>
5. Save template and done!

Sekarang permalink komentar sobat sudah memiliki atribut rel=nofollow, yang berfungsi memberi informasi pada google search engine untuk tidak mengikuti dan mengindeksnya. Ingat bahwa perubahan tidak terjadi seketika, butuh waktu bagi Google untuk mengupdate indeks setelah mendapatkan informasi baru dari template blog sobat. Semua tergantung kecepatan indeks serta otoritas web/blog di mata Google.

Well, see you then and have a nice Blogging. :)

© budihaeruman.blogspot.com. All rights reserved.

Rabu, 07 November 2012

Google Pagerank Update November 2012



Tidak banyak yang bisa saya sampaikan selain hanya untuk menginformasikan bahwa hari ini, 08 November 2012, Google kembali melakukan update PageRank (toolbar), artinya setiap halaman web/blog, baik homepage maupun halaman-halaman lainnya yang sudah hadir di dunia internet ini mengalami update atau pembaruan PageRank.

Saya pernah menyinggung ini di salah satu status Facebook saya sekitar 9 hari yang lalu:
Ahmad Khoirul Azmi
perkiraan saya awal november 2012 ini (minggu 1 - 2) akan ada google pagerank (toolbar) update...

Dan memang benar, hari ini, memasuki minggu kedua di bulan November (atau masih minggu pertama di US), Google Pagerank update benar-benar terjadi. Dan seperti biasanya update pagerank terjadi, di social media, posting blog, forum, berita online, dan media-media sejenis lainnya gencar menginformasikan ini. Sebagian bertepuk tangan karena web/blog mendapatkan hadiah tambahan rank, sebagian lagi kecewa karena masih bercokol di PR 0 atau ada pula yang justru drop.

Pagerank Update kali ini tidak berpengaruh besar terhadap blog ini, masih saja bercokol di rank 3 dan tidak berubah sejak 8 bulan yang lalu. Namun beberapa halaman posting mengalami kenaikan pagerank dan visibilitas di halaman indeks, termasuk posting-posting yang baru. Yang cukup menyenangkan sih sebenarnya adalah situs bookmarking saya, blogmarkit.info, yang mendapatkan hadiah PR 2. Cukup lumayan untuk sebuah situs social bookmark yang ga pernah mendapatkan link building. :)

Beberapa blog lain ada yang turun dan naik. Dan memang perlu diakui, link building saat ini menjadi sangat sulit, karena kriteria link yang berkualitas semakin ketat, khususnya setelah update Penguin 3.0 pada awal Oktober lalu. Belum lagi dengan adanya Google EMD Update yang menyikat banyak situs yang menggunakan exact match keyword pada nama domainnya. Hmmm.... cukup bikin repot untuk melakukan perbaikan di sana-sini.

Bagaimana dengan blog sobat? Sudahkah melakukan checking pagerank? Selamat ya buat yang berhasil mendapatkan kenaikan pagerank atau mempertahankan pagerank-nya. Buat yang belum dapat kenaikan, sssttt... jangan khawatir, 100% saya yakin Pagerank (toolbar) tidak mempunyai pengaruh esensial terhadap ranking di hasil pencarian (SERP). 

Belum tahu hasil Pagerank pada blog sobat? Check your Google Pagerank now!

Minggu, 04 November 2012

Cara Memasang Facebook Recommendation Bar di Blogger

Blogger Facebook Recommendation Bar.
Akhir 2011 lalu Facebook mengumumkan akan menambahkan fitur baru yaitu "Facebook Recommendation Bar". Akhir Juni 2012 lalu, fitur ini kemudian dirilis dalam bentuk beta. Saya sudah pernah mencobanya, namun karena terlalu berat, dan terlalu banyak fitur, maka saya kembali melepaskannya. Beberapa waktu kemudian, fitur seperti "Add to Timeline" yang juga muncul di recommendation bar tersebut dihilangkan. Script diperbaiki sehingga menghasilkan load yang lebih cepat dan efisien. Settingnya pun bisa dikostumisasi sendiri dengan mengubah beberapa parameter sehingga sesuai dengan keinginan pemilik web/blog.

Pada dasarnya, script Facebook Recommendation Bar berbasis pada pengambilan (fetching) beberapa meta informasi di dalam blog/web; sehingga basic penggunaanya tergantung pada template dan susunan strukturnya. Penggunaan fitur ini ditujukan sebagai alat rekomendasi posting/artikel setelah pembaca artikel blog selesai membaca sebuah artikel. Secara default, recommendation bar akan terbuka secara otomatis dalam waktu dan posisi tertentu pada sebuah halaman, berisi beberapa rekomendasi posting (default 3 buah), dan juga sebuah like button.

Ada Manfaat atau Keuntungan Menggunakan Facebook Recommendation Bar?

Tentu saja ada! Facebook Recommendation Bar telah saya buktikan memberikan keuntungan yang sangat banyak. Di antaranya adalah meningkatkan jumlah pageview, meningkatkan traffic, mengurangi bounce rate, dan tentu saja meningkatkan revenue. Sinergi widget ini dengan widget lainnya seperti LinkWithin Related Posts, Recent Posts Widgets, dan beberapa widget sejenisnya akan memberikan dampak yang signifikan terhadap traffic blog. Facebook Recommendation Bar memiliki keunggulan menampilkan jumlah like pada sebuah post, dan ini akan menjadi daya tarik tersendiri bagi pembaca blog untuk mengetahui isi posting yang direkomendasikan.

Cara Menambahkan Widget Facebook Recommendation Bar

Widget ini bekerja berdasarkan otorisasi aplikasi. Kemungkinan anda gagal menggunakannya adalah karena menggunakan App ID milik user lain yang tidak diotorisasi untuk domain tertentu. Oleh karena itu, sebaiknya menggunakan Facebook App yang dibuat sendiri. So, langkah yang harus dilakukan dalam memasang widget ini adalah:

Langkah 1: Membuat Facebook Application

Note: Jika anda sudah memiliki aplikasi yang berkaitan atau digunakan di blog anda dan telah terotorisasi, lewati langkah ini. Langsung copy App ID yang tertera dan simpan terlebih dahulu.

1. Masuk ke halaman Facebook Apps (pastikan sudah login).
2. Klik Create New App.
3. Akan muncul pop up box, masukkan nama aplikasi (terserah saja, misalnya "Buka Rahasia Recommendation"). Klik continue.
create new app
4. Masukkan kode captcha, klik submit.
5. Anda akan masuk ke halaman setting aplikasi. Lihat pada bagian bawah, tepatnya pada "Website with Facebook Login". Klik, lalu masukkan url blog. Jangan klik opsi lainnya, karena ini akan menyebabkan kesalahan setting dan memang tidak perlu diaktifkan untuk jenis aplikasi ini. Lalu klik "Save Changes".
add app url
6. Setelah itu akan muncul informasi App Id dan App Secret. Copy angka-angkan pada App ID, simpan di tempat yang aman. Berikut contohnya:
app ID
Langkah 2: Menginstall Facebook Recommendation Bar

1. Masuk ke Blogger > Template > Edit HTML.
2. Kemudian setelah pop up box muncul, klik "proceed" (lanjutkan).
Note: Bila perlu backup template terlebih dahulu.
3. Cari kode ini:
<html 
Tujuannya adalah untuk memasukkan xlmns Facebook yang berfungsi sebagai fetcher, masukkan xmlns:fb='http://ogp.me/ns/fb#' tepat setelahnya. 
<html xmlns:fb='http://ogp.me/ns/fb#'
Oh ya, jika anda telah menggunakan xlmns:fb versi lama sebelumnya, hapus dan ganti dengan yang diatas.
4. Kemudian cari <body>. Pada template-template Blogger versi baru (simple, awesome, travel, dll), ada kemungkinan tambahan script atau informasi di belakang body, jadi cukup cari saja dengan <body (tanpa penutup). Copy kode berikut tepat setelahnya/di bawahnya:

<div id='fb-root'/>
<script>
//Facebook Recommendation bar - budihaeruman.blogspot.com
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123456789012345";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://budihaeruman.blogspot.com' trigger='50%'/></div>
</b:if></b:if>

Buat perubahan script di atas dengan petunjuk berikut:
  • Ganti 123456789012345 dengan App ID yang sebelumnya telah dibuat.
  • Ganti http://budihaeruman.blogspot.com dengan url blog sobat.
5. Save template dan coba cek hasilnya.

Kostumisasi Tingkat Lanjut (Opsional)

Jika sobat ingin melakukan kostumisasi pada bagaimana Facebook Recommendation Bar ditampilkan, perhatikan poin-poin berikut:
  • max_age adalah maksimum usia posting yang akan ditampilkan dalam rekomendasi, ubah nilai 0 menjadi maksimal usia posting dalam hitungan hari, misalnya 100, berarti maksimal usia posting yang ditampilkan adalah 100 hari. Nilai 0 adalah default yang artinya tidak ada batasan usia posting.
  • num_recommendations adalah jumlah rekomendasi dalam setiap tampilan/load, ubah nilai 3 untuk menampilkan jumlah posting yang diinginkan.
  • read_time adalah waktu yang dibutuhkan untuk load seketika user/pembaca mencapai titik scroll dimana widget muncul dan menampilkan isi rekomendasi. Saya telah menyettingnya hingga sama dengan 10 detik, jika ingin widget menampilkan lebih lama, tambah nilai 10.
  • side adalah di sisi mana widget akan ditampilkan. Default settingan saya di atas adalah right dimana widget ditampilkan di sisi kanan. Jika ingin ditampilkan di sisi kiri, ubah menjadi left.
  • trigger adalah posisi awal dimana widget akan muncul. Setting di atas saya beri nilai 50% yang artinya widget akan muncul setelah user/pembaca blog scroll hingga separuh halaman. Ubah nilainya jika ingin widget muncul lebih ke atas atau ke bawah. Semakin besar nilai persentasenya, semakin ke bawah.
  • Script saya set untuk ditampilkan pada halaman posting dan statis (untuk halaman statis, tergantung template, kadang tidak ditampilkan), untuk menampilkan di semua halaman hapus tag b if conditional (semua yang berwarna pink). Untuk menampilkan di halaman-halaman tertentu lainnya, pelajari Menampilkan Widget Blogger hanya di Halaman Tertentu.

Analisa Permasalahan Jika Widget Tidak Bekerja Sempurna

Kemungkinan permasalahan yang akan muncul adalah gambar yang tidak sesuai, title yang salah dan sejenisnya. Beberapa template Blogger memiliki struktur yang tidak baik atau susunannya tidak sempurna sehingga ketika fetcher mengambil informasi, bisa terjadi kekeliruan atau bahkan kegagalan. Jika anda menemui masalah demikian, gunakan meta:og tambahan di dalam template blog anda. Simak tutorial selengkapnya di Memperbaiki Gambar & Deskripsi Posting/Blog di Facebook

Well, that's it and have a nice blogging!

© 2012- 'til drop! budihaeruman.blogspot.com. All rights reserved.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Modern Warfare 3