Site Performance from google webmaster tool

Keinginan om google untuk menambahkan kecepatan loding situs ke dalam update pagarank-nya – seperti dalam tulisan ini “ optimasi speed blog dan pagerank”, kini terjawab sudah. Setidaknya ini berdasarkan apa yang ane lihat di bawah label lab google webmastertool kini ada penambahan halaman yang di namakan “ Site Performance “, sebuah page informasi untuk menilai kinerja keselurahan situs atau halaman situs dari segi kecepatan loding time. Kemudian di bawahnya webmaster tool menyarankan terutama untuk pengguna firefox agar menginstall Page Speed , addons yang berfungsi untuk meringankan loding time sebuah situs.

Tujuan-nya sebagai juragan dalam pemain di dunia maya, google nampaknya berkeingginan agar setiap situs layaknya seperti membuka lembaran koran atau majalah tak perlu benggong tak perlu nunggu tak perlu jengkel. Tujuan yang sangat adi luhung ini tentu saja saya sebagai user sangat mendukung sekali.Dengan begitu kita dapat mendapatkan dan menggali informasi tidak perlu ubanan menunggu terlalu lama. Walaupun tentu saja keinginan ini sulit untuk di raih karena berbagai kendala seperti pengunaan gambar dan flash terutama untuk yang lebih mementingkan nilai seni ke dalam layout-nya atau tutorial-tutorial yang hanya bisa di jelaskan dengan bantuan sebuah ilustrasi gambar. Begitu juga dari sisi server atau penggunaan javascript walaupun kini muncul json dll.

Maka mungkin karena dilema dan kendala di atas tersebut, pengaruh speed loding untuk pagerank bobotnya tidak melebihi link popularity.

[..]

Free Banner Psd

Banner iklan ini saya buat ketika merenovasi blog sebelah. Desainnya sendiri terinspirasi atau ngaku saja boogle nyontek dari banner iklan yang di buat oleh para profesional grafis yang telah tersedia di berbagai situs. Namun ada beberapa desain saat pengerjaan-nya boogle modifikasi atau kembangkan sesuai dengan kebutuhan. Ukuran banner-nya 200 x 125 px. – ukurannya bisa ente edit menggunakan tag css, atau lebih baik di edit via program shotoshop.

 

via free banner iklan : download pub_banner.psd.

Banner berupa file PSD ini boogle khusus-kan terutama bagi yang baru paham program photoshop sekitar 10%, karena kalau yang sudah mengerti di atas 20% atau yang sudah hampir khotam photoshop pastinya bikin banner sendiri kale.

[..]

Optimasi Speed Blog Untuk Peringkat di Google

Sudah bukan rahasiah lagi, jika kecepatan loding blog merupakan salah satu kunci untuk mengundang dan kenyamanan bagi pengunjung. semakin cepat di akses akan semakin memudahkan pengunjung untuk terus menikmati isi blog.

Namun kemarin ini, gosip-nya kecepatan loding halaman situs akan di masukan juga menjadi salah satu acuan faktor peringkat dari kurang lebih 200 peringkat faktor-faktor algoritma sistem Om google. Dan masih menurut gosip juga, acuan ini akan di berlakukan pada tahun 2010 nanti. jika di hitung dari hari ini, mungkin sekitar dua bulan lagi.

Oleh karena itu, keputusan yang bijaksana terutama bagi teman-teman yang lebih fokus dan mengkhususkan blog-nya dalam peringkat di indek google agar mulai berbenah memperbaiki seluruh komponen blog, seperti : gambar, stylesheet, script atau flash. dan mempertimbangkan pengaya ( pernak-pernik ), mana yang bermangfaat dan mana yang hanya sekedar gaya saja ?. mana yang perlu di pertahankan dan apa saja yang perlu di hilangkan.

Dan saran boogle untuk optimasi speed blog jangan lupa gunakan Yslow performance - addons firefox dari Yahoo atau Page speed – addons firefox dari Google. karena selain untuk menganalisa seberapa cepat waktu tunggu sebuah situs, keduanya merupakan tool yang sangat bagus untuk optimasi speed web/blog.

….

Heheheh.. yup ah boogle juga lagi berbenah neh :D

[..]

Display Time Script

Yup ! lanjut pada pertayaan seorang kawan tengtang real time atau display time script yang ada pada template boogle ini.

mau nanya kalo bikin update DATE template boogle itu yg pake english piye carane?,,ga lucu kan kalo yg lain inggrisan smua masa tglnya sabtu 31 oktober,,hhehee

Kalau belum jelas mungkin pertanyaan di atas seperti screenshot berikut ini.

 

Ingin di ganti menjadi berikut ini.

Untuk mengganti display time dari indonesia ke inggris, ganti saja javascript yang ada pada free template boogle yakni;

<script src='http://rizqi.moehamed.googlepages.com/tampil_tanggal-min.js' 
type='text/javascript'></script>

Dengan javascript yang telah saya edit berikut ini

<script src='http://santi23.fileave.com/datatime.js' type='text/javascript'></script>

Display Time Script Non Boogle Template

Sedangkan bagi yang non boogle template, untuk menambah display time ke dalam blognya ikutilah langkah-langkah berikut ini.

Pertama:

Simpan display time script ini

note : untuk format indonesia

<script src='http://rizqi.moehamed.googlepages.com/tampil_tanggal-min.js' 
type='text/javascript'></script>

note : untuk format inggris

<script src='http://santi23.fileave.com/datatime.js' type='text/javascript'></script>

Sebelum tag berikut ini.

<head/>

Setelah itu Simpan Template ( save template )

Kedua :

Buka dan pilih tab >> Page Elements >> Add a Gadget >> Html/Javascript

Kemudian simpan script berikut ini.

<strong><script>tampiltanggal();</script></strong>

 

[..]

Navbar Transparent ? So what gitu lho

Sebenarnya boogle sudah tahu new navbar yang mendukung transparent ini tiga hari sebelum ada pengumuman dari blogger buzz. Tapi saya memaklumi-nya jika blogger buzz sebagai corong atau situs humas –nya blogger untuk menunggu pengumuman update tentang navbar transparent ini sebelum lolos dari hasil pengujian dan kelayakan, sama persis seperti kita-kita yang suka menulis tentang tutorial blog untuk mengguji dulu trik, tip , javascript dan lain-lain sebelum kita publis untuk di sharing.

Dengan navbar yang mendukung transparent, dan sebelumnya menambahkan beberapa tool untuk kemudahan share atau follow, nampaknya pihak blogger sangat serius agar new navbar ini dapat di gunakan oleh para pengguna-nya bukan di hilangkan atau di sembunyikan, walaupun masih dalam batas demokratis alias tidak memaksakan dan pilihan tergantung kepada kita sebagai pengguna.

Yang menarik dengan adanya transparent ini, kita dapat menganti-ganti tema warna navbar sesuai dengan pilihan warna yang kita inginkan ,- menjadi warna campuran antara warna navbar dan warna background template . misalkan warna merah menyala dengan background template hitam akan menjadi merah maroon, warna kuning akan menjadi kuning ke hijau hijauan dan seterus-nya.

Caranya ente edit dulu navbar –nya dan pilih transparent dark atau transparent white, setelah itu tambahkan script css berikut ini.

#navbar-iframe {
  background:red;
}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

* ganti red dengan warna yang ente inginkan.

Beberapa Tehnik Jadul Seputar Navbar

Heheheh.. mumpung nulis tentang navbar, boogle akan tambahkan beberapa teknik jadul seputar navbar

Pertama : Teknik untuk menghilangkan navbar pada template.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

* Simpan kode di atas pada halaman Css, - atau simpan sebelum tag  ]]></b:skin>

Kedua : Teknik auto hide – atau teknik menampilkan dan menyembuyikan navbar memangfaatkan kursor mouse

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

Ketiga : Teknik untuk mengatur lebar navbar. – ini jika diperlukan untuk menyesuaikan dengan lebar template

#navbar-iframe {
width:900px;margin:0 auto;
}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

* width:900px dapat ente ganti sesuai dengan lebar yang ingin digunakan

* dapat di kombinasikn dengan teknik auto hide.

So What

Dengan penambahan transparent ini dan penambahan fungsi lainnya, menurut penilaian subyektif saya tetap masih kurang bagus jika di bandingkan dengan navbar yang di miliki facebook misalnya. Seharusnya pihak blogger dengan dukungan penuh dari google menurut saya lebih baik memikirkan dan membuat sesuatu yang lebih besar dari sekedar update navbar. contohnya membuat … ???? :D  

[..]

Update kode verifikasi di webmaster tool

Hehehe.. kalau ngomongin google dance ( update rank ) seru sekali euy. Boogle baca pada beberapa postingan teman-teman banyak yang gembira dengan update sekarang ini. Walaupun ada beberapa yang nangis karena page rank na jatuh.

Seperti yang dialami oleh blog kembaran boogle, awalnya PR3 kemudian bulan kemarin terpeleset ke PR0, namun update sekarang dancing ke PR2. pada hal selama satu bulan ini blog tersebut cuman update tiga postingan, itu pun dua postingan isinya iklan doank. – aneh sampai sekarang boogle belum menggerti hitungan algoritmanya.

And kebetulan juga teman boogle Herdiansyah via form commnent, ngasih tahu juga tentang update rank ini.

Update kode Verifikasi

Aniway, ngomong-ngomong tentang update sebenarnya kode verifkasi untuk blog kita di webmaster tool telah lama di update atau berubah. kalau dulu kita menerima kode verifikasi-nya seperti ini.

contoh code verifikasi lama

<meta content='71K2F4EWJR+9cYh022glOhsOikaRCbcDFXmBi2jaU2w=' name='verify-v1'/>

Sekarang kode verifikasi-nya seperti ini

contoh code verifikasi sekarang

<meta content='CoJiN2yNDcUYTdlbK-iOBhhyjSjKdWuCMmVu3D4viwc' name='google-site-verification'/>

Apakah perubahan ini berpengaruh terhadap search index, seo atau feed ?

Sampai saat ini saya belum mendapatkan informasi detail tentang perubahan kode verifikasi ini. Namun biasanya pada sebuah software dst, update di adakan selain menutup bug pada versi sebelumnya, biasanya update merupakan penambahan tool dan fungsi.

Saya sendiri sih untuk blog-blog yang baru sudah menggunakan new kode verikasi, tapi untuk yang sudah berkarat seperti blog ini saya masih menggunakan verifikasi yang lama, – mungkin sambil lihat-lihat secara trial and error atau sampai ada informasi yang detail tentang fungsi update verifikasi ini. Atau ente punya informasi update ini ??

[..]

Menyembunyikan Gadget Followers Pada Halaman Depan

Yup, untuk ketiga kalinya boogle akan menjawab pertanyaan seorang teman via form comment. Pertanyaan berhubungan dengan gadget followers yang ingin di sembunyikan pada halaman depan blog ( from page or home page ).

Hmmm, gitu ya kang..??
Cuma, kalo nyembunyiin gadget followers di home page kok kayak'x susah yah...
Kemaren tak ubrek2 gak bisa2

Sebenarnya tentang trik petak umpat ini secara garis besar sudah saya jelaskan pada postingan “ membuat page dinamis “. Tapi tak ada salahnya saya jelaskan lagi terutama untuk kasus tertentu, seperti menyembunyikan gadget followers, adsense dan gadget lain-nya.

Untuk menyembunyikan gadget Followers pada home page

Simpan script ini, setelah tag ]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#Followers1 {display:none;}
</style>
</b:if>

Keterangan;

a.Script di atas menyembunyikan gadget followers pada halaman depan dan indek label.

b.Secara default gadget ini di beri id Followers1. Namun untuk memastikan bisa di cek menggunakan pencarian Ctrl+F >> Followers

c.Cara ini bisa ente gunakan untuk gadget lainnya, seperti ; gadget Html, Adsense dll.

Followers Via Dasboard Page Elements Vs Google Friendconnect

Selain gadget Follower bisa kita dapatkan via page elements sebenarnya ada cara lain untuk mendapatkan gadget ini yaitu via google friendconnect.

dan Saran boogle sih untuk menggunakan gadget followers lebih baik memangfaatkan yang ada di google friendconnect, karena salah satu kelebihanya kita dapat menggatur baris followers –nya  sesuai dengan keingina kita. – misalkan jika terlalu memberatkan kita dapat menampilkan baris followernya hanya dua baris saja. Setelah itu copy kode html –nya dan salin ke gadget Html/javascript.

Tentu saja untuk menyembunyikan pada halaman depan ( home page ), bukan lagi #Followers1 tapi Html yang id –nya dapat di cari menggunakan CTRL+F >> Html ( kode followers ).

 

 

[..]

Pasang script Page views this post

Ehmm.. boogle jawab lagi satu petanyaan yang masuk, kali ini tentang script untuk mengetahui berapa banyak sih sebenarnya jumlah pembaca pada artikel atau postingan yang kita tulis. [ dapat ente lihat pada akhir tulisan ini “ page views this post “ . red ] .

gini pertanyaanya;

yang bikin penasarannya tulisan "Page views this post: 97 reader" wkwkwkwk...gimana tuh caranya? dah kaya wp aja.

Tentang script ini saya di beritahu link tutorialnya saat Gtalk bersama Abu Farhan, malahan untuk host databasenya saya nebeng di server miliknya.. hehehe thank buanyak buat Abu Farhan.

Jika ente ingin pasang script untuk mengetahui jumlah pembaca pada artikel yang ente posting, silahkan saja melacur… eh salah … meluncur pada empunya yang bikin script di atas, ini link na gan - blogger-post-page-views-hit-counter .

Untuk pasangnya gampang kok karena sudah di beri keterangan yang jelas-jelasnya. sedangkan untuk yang punya server sendiri dan mendukung php sama mysql, lebih baik script nya pindahin ke server sendiri saja.

yuuuu..

 

[..]

Bagaimana cara Menyembunyikan gadget atau widget pada postingan tertentu

Ini ada pertanyaan dari teman kita yang sedang ikutan kontes. Bagaimana caranya agar kita bisa menyembunyikan gadget atau sidebar pada postingan / artikel tertentu.

… Maksudnya bagaimana ngilangin sidebar dihalaman postingan tertentu yakni agar ukuran kbnya gak lebih dari 100kb.pusing2 googling surfing di google eh gak ada euy tutorialnya buat nyembunyiin sidebar di halaman tertentu saja….

Caranya kenali dulu gadget / widget apa yang ingin dihilangkan. dan asal tahu saja setiap kita menambahkan gadget / widget mempunyai nama yang unik.

misal untuk html / javascript ; HTML1, HTML2, HTML3 dst. untuk label;Label1,Label2 dst.  begitu juga untuk gadget / widget yang lainnya.

Ok. Selanjutnya simpan kode ini sebelum tag </head>

<b:if cond='data:blog.url == &quot;http://max-chip.blogspot.com/2009/10/indonesia-dalam-berita.html&quot;'>
<style>
#HTML2 {display:none;}
</style>
</b:if>

* Ganti url “ http://max-chip.blogspot.com/2009/10/indonesia-dalam-berita.html “ dgn posts kontes seo ente.

* Ganti #HTML2 dengan gadget / widget yang ingin di sembuyikan.

* Jika banyak gadget / widget yang ingin di sembuyikan jadinya seperti ini >> misal ; #HTML1, #Label1, #Followers1 {display:none}

* Begitu juga jika ingin menyembunyikan sidebarnya sekaligus.

* Trik ini bisa ente kembangkan lebih lanjut, misal untuk menambah ukuran main-wrapper dan sidebar-wrapper, menambah warna sidebar , menyembunyikan kotak komentar dll pada postingan tertentu. ( baca lebih lanjut ; page dinamis )

 

 

[..]

Labs Fitur baru di webmaster tool

Dua hari kemarin Webmaster tool meluncur sebuah eksperimen fitur baru yang layak untuk saudara cek. yang pertama ; Fetch as Googlebot . kedua ; Malware Detail . kedua fitur tersebut dapat kita temukan pada menu " Labs ". Walaupun sejauh ini hanya ada dua fitur, namun saat saya coba lumayan juga untuk mengetahui bagaimana googlebot mengambil data dan waktu download halaman blog kita ( seperti blog ini lama juga untuk di download-nya ..red ). Juga yang tak kalah menarik malware detail yang akan memberitahu jika Googlebot telah mendeteksi malware apapun di blog kita. Setidaknya dengan kedua fitur tersebut kita tidak perlu repot dan jauh-jauh menggunakan jasa pihak ketiga. Dan mudah-mudahan saja fiturnya bertambah di kemudian hari. Untuk mencoba kedua fitur tersebut silahkan lihat di webmaster tool. Jika blog saudara belum terdaftar di webmaster tool, bisa baca dulu tulisan " mendaftarkan blog ke google "

[..]